// JavaScript Document
$(document).ready(function(){
    /* This code is executed after the DOM has been completely loaded */
 
    var totWidth=0;
	var totHeight=0;
    var positions = new Array();
	var vpositions = new Array();

 
    $('#slides .slide').each(function(i){
        /* Loop through all the slides and store their accumulative widths in totWidth */
        positions[i]= totWidth;
        totWidth += $(this).width();
 
        /* The positions array contains each slide's commulutative offset from the left part of the container */
 
        if(!$(this).width())
        {
            alert("Please, fill in width & height for all your images!");
            return false;
        }
    });
 
    $('#text_slides .text_slide').each(function(i){
        /* Loop through all the slides and store their accumulative widths in totWidth */
        vpositions[i]= totHeight;
        totHeight += $(this).height();
 
        /* The positions array contains each slide's commulutative offset from the left part of the container */
 
        if(!$(this).height())
        {
            alert("Please, fill in width & height for all your images!");
            return false;
        }
    });

    $('#slides').width(totWidth);

    $('#text_slides').height(totHeight);
 
    /* Change the cotnainer div's width to the exact width of all the slides combined */
 	var current=1;
	function autoAdvance()
	{
		if(current==-1) return false;
		
		$('#menu ul li a').eq(current%$('#menu ul li a').length).trigger('click',[true]);	// [true] will be passed as the keepScroll parameter of the click function on line 28
		current++;
	}

	// The number of seconds that the slider will auto-advance in:
	
	var changeEvery = 6;

	var itvl = setInterval(function(){autoAdvance()},changeEvery*1000);

    $('#menu ul li a').click(function(e,keepScroll){
        /* On a thumbnail click */
				
        $('li.menuItem').removeClass('act').addClass('inact');
        $(this).parent().addClass('act');
 
        var pos = $(this).parent().prevAll('.menuItem').length;
 
        $('#slides').stop().animate({marginLeft:-positions[pos]+'px'},450);
        $('#text_slides').stop().animate({marginTop:-vpositions[pos]+'px'},450);
		
        /* Start the sliding animation */
 
        e.preventDefault();
        /* Prevent the default action of the link */
		
		/*if(!keepScroll) */
		
		clearInterval(itvl);		
		if( pos != current) {
			current = pos;
			itvl = setInterval(function(){autoAdvance()},changeEvery*1000*2);
		}
		else
			itvl = setInterval(function(){autoAdvance()},changeEvery*1000);
    });
 
    $('#menu ul li.menuItem:first').addClass('act').siblings().addClass('inact');
    /* On page load, mark the first thumbnail as active */
});