// JavaScript Document

$(document).ready(function(){
//Begin image slide code
			
			
				/* This code is executed after the DOM has been completely loaded */
				
				var totWidth=0;
				var positions = new Array();
				var currentPosition=0;
				
				
				$('#bigImageIndex .slide').each(function(i){
					
					/* Traverse 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;
					}
					
				});
				
				$('#bigImageIndex').width(totWidth);
				
				$("#test").html(totWidth);
			
				/* Change the cotnainer div's width to the exact width of all the slides combined */
				
				$('.nextBtn').click(function(e,keepScroll) {		
					if (currentPosition < positions.length-1) {			
						var pos = currentPosition+1;
						currentPosition = pos;
						var menuPosition = pos+1;
						
						/* Need max click handling */
						
						$('#menu .menuItem').removeClass('act').addClass('inact');
						$("#menu .menuItem:nth-child("+menuPosition+")").addClass('act');
							
						$('#bigImageIndex').stop().animate({marginLeft:-positions[pos]+'px'},330);
						/* Start the sliding animation */	
						
						e.preventDefault();
						/* Prevent the default action of the link */
						
						
						// Stopping the auto-advance if an icon has been clicked:
						if(!keepScroll) clearInterval(itvl);			
						
					}else if(currentPosition==positions.length-1){
						var finalPosition = positions.length-1;
						var pos = currentPosition-finalPosition;
						currentPosition = pos;
						var menuPosition = pos+1;
						
						/* Need max click handling */
						
						$('#menu .menuItem').removeClass('act').addClass('inact');
						$("#menu .menuItem:nth-child("+menuPosition+")").addClass('act');
							
						$('#bigImageIndex').stop().animate({marginLeft:-positions[pos]+'px'},330);
						/* Start the sliding animation */	
						
						e.preventDefault();
						/* Prevent the default action of the link */
						
						
						// Stopping the auto-advance if an icon has been clicked:
						if(!keepScroll) clearInterval(itvl);	
					}
					
				});
				
				$('.prevBtn').click(function(e,keepScroll) {		
					if (currentPosition != 0) {			
						var pos = currentPosition-1;
						currentPosition = pos;
						var menuPosition = pos+1;
						
						/* Need min click handling */
						
						$('#menu .menuItem').removeClass('act').addClass('inact');
						$("#menu .menuItem:nth-child("+menuPosition+")").addClass('act');
							
						$('#bigImageIndex').stop().animate({marginLeft:-positions[pos]+'px'},330);
						/* Start the sliding animation */
						
						e.preventDefault();
						/* Prevent the default action of the link */
						
						
						// Stopping the auto-advance if an icon has been clicked:
						if(!keepScroll) clearInterval(itvl);
						
						
					}else if(currentPosition==0){
						var finalPosition = positions.length-1;
						var pos = finalPosition;
						currentPosition = pos;
						var menuPosition = pos+1;
						
						/* Need max click handling */
						
						$('#menu .menuItem').removeClass('act').addClass('inact');
						$("#menu .menuItem:nth-child("+menuPosition+")").addClass('act');
							
						$('#bigImageIndex').stop().animate({marginLeft:-positions[pos]+'px'},330);
						/* Start the sliding animation */	
						
						e.preventDefault();
						/* Prevent the default action of the link */
						
						
						// Stopping the auto-advance if an icon has been clicked:
						if(!keepScroll) clearInterval(itvl);	
					}
					
				});
			
				$('#menu .menuItem a').click(function(e,keepScroll){
			
						/* On a thumbnail click */
			
						$('#menu .menuItem').removeClass('act').addClass('inact');
						$(this).parent().addClass('act');
						
						var pos = $(this).parent().prevAll('#menu .menuItem').length;
						currentPosition = pos;
						
						$('#bigImageIndex').stop().animate({marginLeft:-positions[pos]+'px'},330);
						/* Start the sliding animation */
						
						e.preventDefault();
						/* Prevent the default action of the link */
						
						
						// Stopping the auto-advance if an icon has been clicked:
						if(!keepScroll) clearInterval(itvl);		
						
				});
				
				$('#menu .menuItem:first').addClass('act').siblings().addClass('inact');
				/* On page load, mark the first thumbnail as active */
				
				/*****
				 *
				 *	Enabling auto-advance.
				 *
				 ****/
				 
				var current=1;
				function autoAdvance()
				{
					if(current==-1) return false;
					
					$('#menu .menuItem a').eq(current%$('#menu .menuItem 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 = 3;
			
				var itvl = setInterval(function(){autoAdvance()},changeEvery*1000);
			
				/* End of customizations */

});