// Declare Global variables for Photo Event Details Page
photoDetailsTotal = null;
photoDetailsPrev = null;
photoDetailsNext = null;
photoDetailsPreviewsPrev = null;
photoDetailsPreviewsNext = null;
photoDetailsMainImg = null;
photoDetailsMainText = null;
//photoDetailsPreviewText = null;
photoDetailsPreviews = null;
photoDetailsPreviewsBaseWidth = 490;
photoDetailsPreviewsWidth = null;
photoDetailsPreviewMargin = null;
photoDetailsPreviewImgWidth = 70;
photoDetailsCurrentPreviewImg = null;
photoDetailsNumVisiblePreviews = 7;
photoDetailsNumVisiblePreviewsText = photoDetailsNumVisiblePreviews - 1;

$(document).ready(function() {
    //Initialize
	
    photoDetailsPreviews = '#photoSlider';
    photoDetailsTotal = $('li', photoDetailsPreviews).length;
    photoDetailsPrev = '#photoMainImageNavLeft';
    photoDetailsNext = '#photoMainImageNavRight';
    photoDetailsPreviews = '#photoSlider';
    photoDetailsPreviewsPrev = '#photoSliderNavLeft';
    photoDetailsPreviewsNext = '#photoSliderNavRight';
    photoDetailsMainImg = '#photoMainImage div';
    photoDetailsMainText = '#photoMainImageNav';
    //photoDetailsPreviewText = '#preview_photos_nav';
    photoDetailsPreviewMargin = 0;
    photoDetailsCurrentPreviewImg = 0;
    photoDetailsPreviewsWidth = Math.ceil(photoDetailsTotal / photoDetailsNumVisiblePreviews) * photoDetailsPreviewsBaseWidth;
	$('a', photoDetailsPreviews).fadeTo(0,0.5);
	$('a', photoDetailsPreviews).hover(function(){
		$(this).fadeTo(0,0.99);
	},function(){
		if(!$(this).hasClass('current')){
			$(this).fadeTo(0,0.5);
		}
	});
    $('ul', photoDetailsPreviews).css({
        width: photoDetailsPreviewsWidth + 'px',
        marginLeft: photoDetailsPreviewMargin + 'px'
    });
    firstImg = $('a:first', photoDetailsPreviews).attr('href');
    $(photoDetailsMainImg).html('<img src="' + firstImg + '"  />');
    $('span', photoDetailsMainText).text('Photo 1 of ' + photoDetailsTotal);
    if (photoDetailsTotal <= photoDetailsNumVisiblePreviews) {
        //$('p', photoDetailsPreviewText).text('Photos 1 - ' + photoDetailsTotal + ' of ' + photoDetailsTotal);
        $(photoDetailsPreviewsPrev + ',' + photoDetailsPreviewsNext).addClass('disabled');
    } else {
        //$('p', photoDetailsPreviewText).text('Photos 1 - ' + photoDetailsNumVisiblePreviews + ' of ' + photoDetailsTotal);
        $(photoDetailsPreviewsPrev).addClass('disabled');
    }
    if (photoDetailsTotal <= 1) {
        $(photoDetailsPrev, photoDetailsNext).addClass('disabled');
    } else {
        $(photoDetailsPrev).addClass('disabled');
    }
    $('a', photoDetailsPreviews).eq(photoDetailsCurrentPreviewImg).addClass('current').fadeTo(0,0.99);


    //Previews Next Button
    $(photoDetailsPreviewsNext).click(function() {
        if (!$(this).hasClass('disabled')) {
            if (photoDetailsPreviewMargin < photoDetailsPreviewsWidth - photoDetailsPreviewsBaseWidth) {
                photoDetailsPreviewMargin = photoDetailsPreviewMargin + photoDetailsPreviewsBaseWidth;
                $('ul', photoDetailsPreviews).animate({
                    marginLeft: -1 * photoDetailsPreviewMargin + 'px'
                },
                'normal');
                rangeBegin = Math.ceil(photoDetailsPreviewMargin/photoDetailsPreviewImgWidth)+1;
                if (rangeBegin + photoDetailsNumVisiblePreviewsText < photoDetailsTotal) {
                    rangeEnd = rangeBegin + photoDetailsNumVisiblePreviewsText;
                    $(photoDetailsPreviewsPrev).removeClass('disabled');
                } else {
                    rangeEnd = photoDetailsTotal;
                    $(this).addClass('disabled');
					$(photoDetailsPreviewsPrev).removeClass('disabled');
                }
                //$('p', photoDetailsPreviewText).text('Photos ' + rangeBegin + ' - ' + rangeEnd + ' of ' + photoDetailsTotal);
            }
        }
    });

    //Previews Prev Button
    $(photoDetailsPreviewsPrev).click(function() {
        if (!$(this).hasClass('disabled')) {
            if (photoDetailsPreviewMargin > 0) {
                photoDetailsPreviewMargin = photoDetailsPreviewMargin - photoDetailsPreviewsBaseWidth;
                $('ul', photoDetailsPreviews).animate({
                    marginLeft: -1 * photoDetailsPreviewMargin + 'px'
                },
                'normal');
                rangeBegin = Math.ceil(photoDetailsPreviewMargin/photoDetailsPreviewImgWidth) + 1;
                if (rangeBegin > 1) {
                    if (rangeBegin + photoDetailsNumVisiblePreviewsText < photoDetailsTotal) {
                        rangeEnd = rangeBegin + photoDetailsNumVisiblePreviewsText;
                        $(photoDetailsPreviewsNext).removeClass('disabled');
                    } else {
                        rangeEnd = photoDetailsTotal;
                    }
                }else{
                	if (rangeBegin + photoDetailsNumVisiblePreviewsText < photoDetailsTotal){
                		rangeEnd = rangeBegin + photoDetailsNumVisiblePreviewsText;
                	}else{
                		rangeEnd = photoDetailsTotal;
                	}
                	 $(this).addClass('disabled');
					 $(photoDetailsPreviewsNext).removeClass('disabled');
                }
                //$('p', photoDetailsPreviewText).text('Photos ' + rangeBegin + ' - ' + rangeEnd + ' of ' + photoDetailsTotal);
            }
        }
    });

    //Main Image Next Button
    $(photoDetailsNext).click(function() {
        if (!$(this).hasClass('disabled')) {
            photoDetailsCurrentPreviewImg++;
            newImg = $('a', photoDetailsPreviews).eq(photoDetailsCurrentPreviewImg).attr('href');
            $(photoDetailsMainImg).html('<img src="' + newImg + '" alt="" />');
            if (photoDetailsCurrentPreviewImg + 1 == photoDetailsTotal) {
                $(this).addClass('disabled');
            }
            $(photoDetailsPrev).removeClass('disabled');
            // Scroll Preview Images if needed
            photoDetailsPreviewMargin = Math.floor(photoDetailsCurrentPreviewImg / photoDetailsNumVisiblePreviews) * photoDetailsPreviewsBaseWidth;
            $('span', photoDetailsMainText).text('Photo ' + (photoDetailsCurrentPreviewImg + 1) + ' of ' + photoDetailsTotal);
            $('ul', photoDetailsPreviews).animate({
                marginLeft: -1 * photoDetailsPreviewMargin + 'px'
            },
            'normal');
            // Hilite Current Preview Image
            $('a', photoDetailsPreviews).removeClass('current').fadeTo(300,0.5);
            $('a', photoDetailsPreviews).eq(photoDetailsCurrentPreviewImg).addClass('current').fadeTo(300,0.99);
            // Set Previews Nav
            if (Math.floor(photoDetailsCurrentPreviewImg / photoDetailsNumVisiblePreviews) == 0) {
                $(photoDetailsPreviewsPrev).addClass('disabled');
            } else {
                $(photoDetailsPreviewsPrev).removeClass('disabled');
            }
            if (Math.floor(photoDetailsCurrentPreviewImg / photoDetailsNumVisiblePreviews) >= Math.floor((photoDetailsTotal - 1) / photoDetailsNumVisiblePreviews)) {
                $(photoDetailsPreviewsNext).addClass('disabled');
            } else {
                $(photoDetailsPreviewsNext).removeClass('disabled');
            }
            rangeBegin = (photoDetailsPreviewMargin / photoDetailsPreviewImgWidth) + 1;
            if (rangeBegin + photoDetailsNumVisiblePreviewsText < photoDetailsTotal) {
                rangeEnd = rangeBegin + photoDetailsNumVisiblePreviewsText;
            } else {
                rangeEnd = photoDetailsTotal;
            }
            $('p', photoDetailsPreviewText).text('Photos ' + rangeBegin + ' - ' + rangeEnd + ' of ' + photoDetailsTotal);
        }
    });

    //Main Image Prev Button
    $(photoDetailsPrev).click(function() {
        if (!$(this).hasClass('disabled')) {
            photoDetailsCurrentPreviewImg--;
            newImg = $('a', photoDetailsPreviews).eq(photoDetailsCurrentPreviewImg).attr('href');
            $(photoDetailsMainImg).html('<img src="' + newImg + '"  alt="" />');
            if (photoDetailsCurrentPreviewImg == 0) {
                $(this).addClass('disabled');
            }
            $(photoDetailsNext).removeClass('disabled');
            // Scroll Preview Images if needed
            photoDetailsPreviewMargin = Math.floor(photoDetailsCurrentPreviewImg / photoDetailsNumVisiblePreviews) * photoDetailsPreviewsBaseWidth;
            $('span', photoDetailsMainText).text('Photo ' + (photoDetailsCurrentPreviewImg + 1) + ' of ' + photoDetailsTotal);
            $('ul', photoDetailsPreviews).animate({
                marginLeft: -1 * photoDetailsPreviewMargin + 'px'
            },
            'normal');
            // Hilite Current Preview Image
            $('a', photoDetailsPreviews).removeClass('current').fadeTo(300,0.5);
            $('a', photoDetailsPreviews).eq(photoDetailsCurrentPreviewImg).addClass('current').fadeTo(300,0.99);
            // Set Previews Nav
            if (Math.floor(photoDetailsCurrentPreviewImg / photoDetailsNumVisiblePreviews) == 0) {
                $(photoDetailsPreviewsPrev).addClass('disabled');
            } else {
                $(photoDetailsPreviewsPrev).removeClass('disabled');
            }
            if (Math.floor(photoDetailsCurrentPreviewImg / photoDetailsNumVisiblePreviews) >= Math.floor((photoDetailsTotal - 1) / photoDetailsNumVisiblePreviews)) {
                $(photoDetailsPreviewsNext).addClass('disabled');
            } else {
                $(photoDetailsPreviewsNext).removeClass('disabled');
            }
            rangeBegin = (photoDetailsPreviewMargin / photoDetailsPreviewImgWidth) + 1;
            if (rangeBegin + photoDetailsNumVisiblePreviewsText < photoDetailsTotal) {
                rangeEnd = rangeBegin + photoDetailsNumVisiblePreviewsText;
            } else {
                rangeEnd = photoDetailsTotal;
            }

        }
    });

    // Preview Images
    $('a', photoDetailsPreviews).click(function() {
        photoDetailsCurrentPreviewImg = $('a', photoDetailsPreviews).index(this);
        newImg = $(this).attr('href');
        $(photoDetailsMainImg).html('<img src="' + newImg + '"  alt="" />');
        $('a', photoDetailsPreviews).removeClass('current').fadeTo(0,0.5);
        $(this).addClass('current').fadeTo(0,0.99);
        $('span', photoDetailsMainText).text('Photo ' + (photoDetailsCurrentPreviewImg + 1) + ' of ' + photoDetailsTotal);
        if (photoDetailsCurrentPreviewImg == 0) {
            $(photoDetailsPrev).addClass('disabled');
        } else {
            $(photoDetailsPrev).removeClass('disabled');
        }
        if (photoDetailsCurrentPreviewImg + 1 == photoDetailsTotal) {
            $(photoDetailsNext).addClass('disabled');
        } else {
            $(photoDetailsNext).removeClass('disabled');
        }

        return false;
    });



});