/*
 * http://jquery.com/
 */
 
$(document).ready(function() {
	slider1(2500, 680, 936); // set delay between the automatic slider and width of photos 
});

function slider1($secs, $photo_wth, $show_wth) 
{	
$addC = $(".itemidx.current").length;	if($addC == 0) {		$(".itemidx:first").addClass("current");	}
	$allPort = ($(".itemidx").length) - 1;	
	$wthDivide = $show_wth - $photo_wth;	
	$tileWth = parseInt($wthDivide / $allPort);	
	$caption_wth = $photo_wth - 63;	
	$caption_wth = $caption_wth + 'px';	
	$photo_wth = $photo_wth + 'px';
	$(".itemidx").css("width", $tileWth);	
	$(".itemidx.current").css("width", $photo_wth);	
	$(".caption").css({ width: $caption_wth, opacity: 0 });
		if(typeof(isClicked) == 'undefined') 
		{ var isClicked = 0; }
	$(".itemidx").click(function() {	isClicked = 1;
		var classClicked = $(this).attr('class');	
		if(classClicked !== 'itemidx current') 
		{			
		$(".itemidx.current").removeClass("current").addClass("prev").stop().animate({ width: $tileWth }, 630);
		$(this).addClass("current").css("width", $tileWth).stop().animate({ width: $photo_wth }, 730);	
	$(".itemidx.prev").removeClass("prev"); }
		});
	
	if(typeof(isHovered) == 'undefined') { var isHovered = 0; }	$(".itemidx").hover(function() {	isHovered = 1;	}, function() {	isHovered = 0;	});
		setInterval(function() 
		{	
		if(isHovered == 0 && isClicked == 0) 
		{	nextItm('680px', $tileWth);	}	
		}, $secs);
	}

function nextItm($photo_wth, $tile_width) 
{	
$current = $(".itemidx.current");	
$next = $(".itemidx.current").next();	
if($next.attr('class') == undefined) {	$next = $(".itemidx:first");
	} 
	else {	}	
	$current.removeClass("current").css("width", $photo_wth).stop().animate({ width: $tile_width }, 630);	
	$next.addClass("current").css("width", $tile_width).stop().animate({ width: $photo_wth }, 730);
	}