var currentPosition = 0;
var slideWidth = 570;
var numSlides = 1;

function moveLeft()
{
    currentPosition++;
    showHideArrows();

    $("#thumbRestrictor").animate({ "left": "-=570px" }, "normal");
}

function moveRight()
{
    currentPosition--;
    showHideArrows();

    $("#thumbRestrictor").animate({ "left": "+=570px" }, "normal");
}

function showHideArrows()
{
    $('#rightArrow').show();
    $('#leftArrow').show();

    var left = $('#thumbRestrictor').css("left");
    var len = $('#thumbRestrictor').css("width");
    left = left.replace("px", "");
    len = len.replace("px", "");

    var val = (len - slideWidth) * -1;

    if ( numSlides <= 1)
    {
    	$('#leftArrow').hide();
    	$('#rightArrow').hide();
    }
    else if (currentPosition == 0) 
    {
        $('#leftArrow').hide();
    }
    else if (currentPosition == numSlides - 1) 
    {
        $('#rightArrow').hide();
    }
}

$(document).ready(function()
{
	numSlides = $("#thumbRestrictor").css("width").replace("px","") / slideWidth;
	
    showHideArrows();

    $('#rightArrow').click(moveLeft);
    $('#leftArrow').click(moveRight);
    
    $("a.zoom").fancybox({ 'overlayOpacity': 0.8 });

});