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

var $terugkeer = false;

function slider1($secs, $photo_wth) { 
    $addC = $(".itemidx.current").length;
        if($addC == 0) {
                $(".itemidx:first").addClass("current");    }
                
    $allPort = ($(".itemidx").length) - 1;    
    $wthDivide = 920 - $photo_wth;
    
    $tileWth = 45;
    $caption_wth = $photo_wth - 45;
    $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 }, 828);    
                        $(this).addClass("current").css("width", $tileWth).stop().animate({ width: $photo_wth }, 838);    
                        $(".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('828px', $tileWth);    
        }    
    }, $secs);
}  
    
function nextItm($photo_wth, $tile_width) { 
          
        $current = $(".itemidx.current");  
        if(!$terugkeer){
            $next = $(".itemidx.current").prev();    
        } else {
            $next = $(".itemidx.current").next();    
        }
        if($next.attr('class') == undefined) {
            if(!$terugkeer) {
                //$next = $(".itemidx:first");     
                $next = $(".itemidx.current").next();    
                $terugkeer = true;
                
            } else {
                $next = $(".itemidx.current").prev();     
                $terugkeer = false;
                
            } 
            
            
        } 
        
        $current.removeClass("current").css("width", $photo_wth).stop().animate({ width: $tile_width }, 828);    
        $next.addClass("current").css("width", $tile_width).stop().animate({ width: $photo_wth }, 828);
}