// JScript File

var currentWorkDetailImg = 0;



$(function() {
	//Hide all but the first image		
	//$('.WorkDetailSlide:gt(0)').hide();
	
	$('.WorkDetailLeftArrow').click(showPrevImg);
	$('.WorkDetailRightArrow').click(showNextImg);

    SetUpMouseEvents();
    
    // if multiple slides, display the right arrow on page load
    if ($('.WorkDetailSlide').size() > 1)
    {
        $('.WorkDetailSlide:eq(0) .WorkDetailRightArrow').fadeIn().animate({opacity: 1.0}, 8000).fadeOut();
    }

});

function showPrevImg()
{
	var nextImg = currentWorkDetailImg - 1;
	if(nextImg < 0)
	{
        nextImg = 0;
	}
	$('.WorkDetailSlide:eq('+currentWorkDetailImg+')').fadeOut(fadeIn, function(){
	        fadeIn(nextImg);
	    });    
	
	// display arrow(s) briefly
	if (nextImg == 0)
    {
        $('.WorkDetailSlide:eq('+nextImg+') .WorkDetailRightArrow').fadeIn().animate({opacity: 1.0}, 1500).fadeOut();
    }
    else 
    {
        $('.WorkDetailSlide:eq('+nextImg+') .WorkDetailLeftArrow').fadeIn().animate({opacity: 1.0}, 1500).fadeOut();
        $('.WorkDetailSlide:eq('+nextImg+') .WorkDetailRightArrow').fadeIn().animate({opacity: 1.0}, 1500).fadeOut();
    }
	currentWorkDetailImg = nextImg;
}

function showNextImg()
{
    var count = $('.WorkDetailSlide').size();
	var nextImg = currentWorkDetailImg + 1;
	if(nextImg >= count)
	{
	    nextImg = (count - 1);
	}
	$('.WorkDetailSlide:eq('+currentWorkDetailImg+')').fadeOut(fadeIn, function(){
        fadeIn(nextImg);
    });
    
    // display arrow(s) briefly
    if (nextImg == (count - 1))
    {
        $('.WorkDetailSlide:eq('+nextImg+') .WorkDetailLeftArrow').fadeIn().animate({opacity: 1.0}, 1500).fadeOut();
    }
    else 
    {
        $('.WorkDetailSlide:eq('+nextImg+') .WorkDetailLeftArrow').fadeIn().animate({opacity: 1.0}, 1500).fadeOut();
        $('.WorkDetailSlide:eq('+nextImg+') .WorkDetailRightArrow').fadeIn().animate({opacity: 1.0}, 1500).fadeOut();
    }
	currentWorkDetailImg = nextImg;
}


function showLeftButton(imgID)
{
    $('.WorkDetailSlide:eq('+imgID+')').mouseenter(function(){
        $('.WorkDetailSlide:eq('+imgID+') .WorkDetailLeftArrow').stop(true).fadeIn();
    });
	$('.WorkDetailSlide:eq('+imgID+')').mouseleave(function(){
        $('.WorkDetailSlide:eq('+imgID+') .WorkDetailLeftArrow').animate({opacity: 1.0}, 1500).fadeOut();
    });
}

function showRightButton(imgID)
{
    $('.WorkDetailSlide:eq('+imgID+')').mouseenter(function(){
        $('.WorkDetailSlide:eq('+imgID+') .WorkDetailRightArrow').stop(true).fadeIn();
    });
	$('.WorkDetailSlide:eq('+imgID+')').mouseleave(function(){
        $('.WorkDetailSlide:eq('+imgID+') .WorkDetailRightArrow').animate({opacity: 1.0}, 1500).fadeOut();
    });
}

function showBothButtons(imgID)
{
    $('.WorkDetailSlide:eq('+imgID+')').mouseenter(function(){
        $('.WorkDetailSlide:eq('+imgID+') .WorkDetailLeftArrow').stop(true).fadeIn();
        $('.WorkDetailSlide:eq('+imgID+') .WorkDetailRightArrow').stop(true).fadeIn();
    });
	$('.WorkDetailSlide:eq('+imgID+')').mouseleave(function(){
        $('.WorkDetailSlide:eq('+imgID+') .WorkDetailLeftArrow').animate({opacity: 1.0}, 1500).fadeOut();
        $('.WorkDetailSlide:eq('+imgID+') .WorkDetailRightArrow').animate({opacity: 1.0}, 1500).fadeOut();
    });
}


function SetUpMouseEvents()
{
    var count = $('.WorkDetailSlide').size();
    var i = 0;
    if (count > 1)
    {
        for (i = 0; i < count; i++)
        {
            if (i == 0)
            {
                showRightButton(0);
            }
            else if (i == (count - 1))
            {
                showLeftButton(i);
            }
            else
            {
                showBothButtons(i);
            }
        }
    }
}

function fadeOut(currentImg)
{
    $('.WorkDetailSlide:eq('+currentImg+')').fadeOut();
}


function fadeIn(nextImage)
{
    $('.WorkDetailSlide:eq('+nextImage+')').fadeIn();
}