var currentWorkDetailImg = 0;
var fadeSpeed = 450;
var fadeOutTimer;
var workSlider;
var lastSlide = 0;

$(document).ready(function () {
    if ($('.royalSlide').length > 1) {
        $('.WorkDetailImageOrFlash.royalSlider').royalSlider({
            captionShowEffects: ["moveleft", "fade"],
            removeCaptionsOpacityInIE8: true,
            slideTransitionSpeed: 450,
            slideTransitionEasing: "easeInOutQuad",
            imageScaleMode: "none",
            hideArrowOnLastSlide: true,
            afterSlideChange: function () { arrowCheck(); }
        });
        workSlider = $('.royalSlider').data("royalSlider");
        lastSlide = $('.WorkDetailSlideImage').length;

        if (!navigator.userAgent.match(/iPad/i) && !navigator.userAgent.match(/iPhone/i) && !navigator.userAgent.match(/Android/i)) {
            $('.WorkDetailImageOrFlash.royalSlider').hover(
		    function () {
		        $('.WorkDetailImageOrFlash.royalSlider a.arrow').fadeIn(300);
		    },
		    function () {
		        $('.WorkDetailImageOrFlash.royalSlider a.arrow').fadeOut(300);
		    });
        }
    }
});

function arrowCheck() {
    var fadeSpeed = 300;
    if (workSlider.currentSlideId == lastSlide - 1) {
        $('.arrow.right').animate({ opacity: 0.0 }, fadeSpeed);
        $('.arrow.left').animate({ opacity: 1.0 }, fadeSpeed);
    }
    else if (workSlider.currentSlideId == 0) {
        $('.arrow.left').animate({ opacity: 0.0 }, fadeSpeed);
        $('.arrow.right').animate({ opacity: 1.0 }, fadeSpeed);
    }
    else
        $('.arrow').animate({ opacity: 1.0 }, fadeSpeed);
}

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

    $('.WorkDetailLeftArrow').click(showPrevImg);
    $('.WorkDetailRightArrow').click(showNextImg);

    //setMouseEvents();

    // if single slide, hide arrows
    if ($('.WorkDetailSlide').size() < 2) {
        $('a.arrow').hide();
    }

    // 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();
    }

    $('#myGallery1').hover(
        function () {
            $('#myGallery1 a.arrow').fadeIn(300);
        },
        function () {
            $('#myGallery1 a.arrow').fadeOut(300);
        }
    );

    $('#myGallery1 a.arrow').fadeOut(300);

});

function showPrevImg() {
    var nextImg = currentWorkDetailImg - 1;
    if (nextImg < 0) {
        nextImg = 0;
    }
    $('.WorkDetailSlide:eq(' + currentWorkDetailImg + ')').fadeOut(fadeIn, function () {
        fadeIn(nextImg);
    });

    //showButtons();

    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);
    });

    //showButtons();

    currentWorkDetailImg = nextImg;
}


function setMouseEvents() {
    $('.WorkDetailImageOrFlash').hover(
        function () {
            showButtons();
        },
        function () {
            hideButtons();
        });
}

function showButtons() {
    var count = $('.WorkDetailSlide').size();
    var i = currentWorkDetailImg;

    if (count > 1) {
        if (i > 0 && i < count - 1) {
            $('.WorkDetailSlide:eq(' + i + ') img:not(.WorkDetailSlideImage)').fadeIn(fadeSpeed, function () { $(this).clearQueue(); });
        }
        else {
            if (i > 0) {
                //$('.WorkDetailSlide:eq(' + i + ') .WorkDetailLeftArrow').stop(true).fadeIn(fadeSpeed);
                $('.WorkDetailSlide:eq(' + i + ') .WorkDetailLeftArrow').fadeIn(fadeSpeed, function () { $(this).clearQueue(); });
            }
            if (i < count - 1) {
                //$('.WorkDetailSlide:eq(' + i + ') .WorkDetailRightArrow').stop(true).fadeIn(fadeSpeed);
                $('.WorkDetailSlide:eq(' + i + ') .WorkDetailRightArrow').fadeIn(fadeSpeed, function () { $(this).clearQueue(); });
            }
        }

    }
    clearTimeout(fadeOutTimer);
    fadeOutTimer = setTimeout(hideButtons, 3000);
}

function hideButtons() {
    var count = $('.WorkDetailSlideImage').size();
    var i = 0;
    if (count > 1) {
        clearTimeout(fadeOutTimer);
        for (i = 0; i < count; i++) {
            if (i == 0) {
                //$('.WorkDetailSlide:eq(' + i + ') .WorkDetailRightArrow').animate({ opacity: 1.0 }, 100).fadeOut();
                $('.WorkDetailSlide:eq(' + i + ') .WorkDetailRightArrow').fadeOut(fadeSpeed, function () { });
            }
            else if (i == (count - 1)) {
                //$('.WorkDetailSlide:eq(' + i + ') .WorkDetailLeftArrow').animate({ opacity: 1.0 }, 100).fadeOut();
                $('.WorkDetailSlide:eq(' + i + ') .WorkDetailLeftArrow').fadeOut(fadeSpeed, function () { });
            }
            else {
                //$('.WorkDetailSlide:eq(' + i + ') .WorkDetailLeftArrow').animate({ opacity: 1.0 }, 100).fadeOut();
                //$('.WorkDetailSlide:eq(' + i + ') .WorkDetailRightArrow').animate({ opacity: 1.0 }, 100).fadeOut();
                $('.WorkDetailSlide:eq(' + i + ') .WorkDetailLeftArrow').fadeOut(fadeSpeed, function () { });
                $('.WorkDetailSlide:eq(' + i + ') .WorkDetailRightArrow').fadeOut(fadeSpeed, function () { });
            }
        }
    }
}


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


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