/*
 * http://jquery.com/
 */

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

function slider1($secs, $photo_wth) {
    $addC = $(".itemidx.current").length;
    if ($addC == 0) 
    {
        $(".itemidx:first").addClass("current");
    }
    $allPort = ($(".itemidx").length) - 1;
    $wthDivide = 935 - $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);}