// JavaScript Document

var currentPanel = 1;
var totalPanels = 0;
var autoPlay = true;
var timePassed = 0;
var timeToChange = 6;

function autoAdvance(){
	if(window.timePassed == window.timeToChange){
		window.timePassed = 0;
		if (window.currentPanel == window.totalPanels){
			currentPanel = 0;
		}
		if(autoPlay == true){
			$('.marquee_nav a.marquee_nav_item:nth-child('+(window.currentPanel+1)+')').trigger('click');
		}	
	}else{
		window.timePassed += 1;
	}	
	/* debug  $('.timePassed').html('timePassed = '+window.timePassed);*/
	/* debug  $('.autoPlay').html('autoPlay = '+window.autoPlay);*/
};




$(document).ready(function () {
	
	
	var addEdit = window.location.search.substring(1);
	//alert(addEdit);
		if (addEdit == 'cmspagemode=edit'){
			$('.marquee_panels').removeClass('marquee_panels');
		};
	
	
	
	/* debug  $('.autoPlay').html('autoPlay = '+window.autoPlay);*/
	/* debug  $('.timePassed').html('timePassed = '+window.timePassed);*/
	/* debug  $('.timeToChange').html('timeToChange = '+window.timeToChange);*/
	/* debug  $('.currentPanel').html('currentPanel = '+window.currentPanel);*/
	
	setInterval(autoAdvance, 1000);
	
	$('.marquee_container').hover(
		function(){
			window.autoPlay = false;
			$(this).removeClass('autoplay');
		},
		function(){
			window.autoPlay = true;
			window.timePassed = 0;
			$(this).addClass('autoplay');
		}
	);

	// Preload using Farinspace
	$('.marquee_panel img').imgpreload(function(){
		initialiseMarquee();
	});

    //Generate Photo Lineup
	
	
	
    $('img.marquee_panel_photo').each(function (index) {
	//$('.marquee_panel img').each(function (index) {
        var photoWidth = $('.marquee_container').width();
        var photoPosition = index * photoWidth;
        $('.marquee_photos').append('<img class="marquee_photo" style="left:' + photoPosition + '" src="' + $(this).attr('src') + '" width="' + photoWidth + '" height="275" />');
        $('.marquee_photos').css('width', photoPosition + photoWidth);
    });
	
    //Generate Navigation Links
    
	
	$('.marquee_panels .marquee_panel').each(function (index) {
        $('.marquee_nav').append('<a class="marquee_nav_item"></a>');
		window.totalPanels = index + 1;
		/* debug  $('.totalPanels').html('totalPanels = '+window.totalPanels);*/
    });

    //Set up Navigation links
    $('.marquee_nav a.marquee_nav_item').click(function () {
        
		//Set up navigation state
		
		
		$('.marquee_nav a.marquee_nav_item').removeClass('selected');
        $(this).addClass('selected');

        var navClicked = $(this).index();
        var marqueeWidth = $('.marquee_container').width();
        var distanceToMove = marqueeWidth * (-1);
        var newPhotoPosition = navClicked * distanceToMove + 'px';
        var newCaption = $('.marquee_panel_caption').get(navClicked);
		
		window.currentPanel = navClicked + 1;
		
		//if( navClicked == 0 ) {
			
			//$('.marquee_photos').animate({ opacity: 0}, 300);
			//$('.marquee_photos').animate({ left: newPhotoPosition }, 10);
			//$('.marquee_photos').animate({ opacity: 1}, 300);
    	//} else{

	
		/* debug $('.currentPanel').html('currentPanel = '+window.currentPanel);*/
		
		//Animate the photos and caption
		//$('.marquee_photos').animate({ left: newPhotoPosition }, 1000);
		$('.marquee_photos').animate({ opacity: 0}, 200);
		$('.marquee_photos').animate({ left: newPhotoPosition }, 10);
		$('.marquee_photos').animate({ opacity: 1}, 200);
        $('.marquee_caption').animate({ top: '325px' }, 500, function () {
        /*$('.marquee_caption').animate({ opacity: 0 }, 500, function () {*/
            var newHTML = $(newCaption).html();
            $('.marquee_caption_content').html(newHTML);
            setCaption();
        });
		//};
    });

});


function setCaption(){
	
    var captionHeight = $('.marquee_caption').height();
    var marqueeHeight = $('.marquee_container').height();
    var newCaptionHeight = marqueeHeight - captionHeight - 15;
    $('.marquee_caption').delay(100).animate({ top: newCaptionHeight }, 500);
    /*$('.marquee_caption').delay(100).animate({ top: newCaptionHeight, opacity: 1 }, 500);*/

};

function initialiseMarquee(){
	
	$('.marquee_caption_content').html(
		$('.marquee_panels .marquee_panel:first .marquee_panel_caption').html()
	);
	$('.marquee_nav a.marquee_nav_item:first').addClass('selected');
	$('.marquee_photos').fadeIn(1500);
	setCaption();
};