$(function() {




// initial Scrollable Script
var scrollElmnts = $('.gallery-item').size();
if (scrollElmnts > 4 ) { 

    $("div.scrollCage").scrollable({
    size:5, 
    
    horizontal:true, 
    speed:350, 
    items:'div.gallery',
    prev:'.prev',     
    next:'.next', 
    navi:'.navi',
    naviItem:'a',
    activeClass:'active',
    loop:true

    
});

}; if (scrollElmnts <= 5 ) { $('a.prev').hide();
			$('a.next').hide();
			$('div.navi').hide();
			}

var refreshId;
//var el = $("div#scrollCage");

//loop auslösen: 10sek
refreshId = setInterval(function() {
$("div.scrollCage").scrollable("next", 400); }, 6000);


// mouseover: loop stop
$("div.scrollCage").hover( function() {
  
 clearInterval(refreshId);
refreshId = null;

// mouseout: loop continue
}, function() {
   clearInterval(refreshId);
refreshId = setInterval(function() {
$("div.scrollCage").scrollable("next", 400); }, 6000);
});

});


// if navi used, longer intervals
$("div.navi a").click( function() {

  clearInterval(refreshId);
  refreshId = null;
  refreshId = setInterval(function() {
  $("div.scrollCage").scrollable("next", 400); }, 10000);
});