// JavaScript Document

$(document).ready(function(){
	var gallerymax = $("div.gallery div.imageGroup").size();
	var active = 1;
	$("div.imageGroup").each(function(){
		$(this).css("left","100%");
	});
	$("div#image"+active).css("left", "0px");
	$("div.imageGroup").each(function(){
		// Caption Slider
		$("div.caption").hide();
		$("div.caption").animate({opacity:"0"});
		
		/*$(this).hover(function(){
			//$(this).children("div.caption").show();
			$(this).children("div.caption").slideDown('slow');
			$(this).children("div.caption").animate({opacity:".8"},{queue:false});
		},function(){
			$(this).children("div.caption").slideUp('slow');
			$(this).children("div.caption").animate({opacity:"0"},{queue:false});
		});*/
	});
	
	// Next Button
	$(".next").click(function(){
		if(active == gallerymax){
			var nextimage = 1;
		}else{
			var nextimage = active + 1;
		}
		//alert(active+" - "+nextimage);
		$("div#image"+nextimage).css("left","100%");
		$("div#image"+active).animate({ 
			left:"-100%"
		  }, 1500 );
		$("div#image"+nextimage).animate({ 
			left:"0px"
		  }, 1500 );
		if(active < gallerymax){
			active++;
		}else{
			active=1;
		}
	});
	
	// Previous Button
	$(".prev").click(function(){
		//alert(active);
		if(active == 1){
			var previmage = gallerymax;
		}else{
			var previmage = active - 1;
		}
		$("div#image"+previmage).css("left","-100%");
		$("div#image"+active).animate({ 
			left:"100%"
		  }, 1500 );
		$("div#image"+previmage).animate({ 
			left:"0"
		  }, 1500 );
		
		if(active==1){
			active=gallerymax;
		}else{
			active--;
		}
	});
	
 });