﻿jQuery.noConflict();
jQuery(function (){
	
	jQuery('.ss_Nav').hide();
	
 	var mouseIn = false;
	
    
		jQuery('.ss_container').scrollable({
			circular: true,
			onSeek: function(){
			    if (mouseIn == false) {
					    jQuery('.ss_Nav').slideDown().delay(1000).slideUp();
				    }
			    }
			}).navigator({navi:'ul.dots'}).autoscroll({
					autopause: true,
					interval: 8000
		    });


	
	
	jQuery('.ss_wrapper').hover(
		function () {
				mouseIn = true;
				clearTimeout(jQuery(this).data('timeoutId'));
				jQuery('.ss_Nav').slideDown();
		},
		
		function () {
				mouseIn = false;
				var timeoutId = setTimeout(function(){ jQuery('.ss_Nav').slideUp();}, 500);
				jQuery(this).data('timeoutId', timeoutId);
		}
	);
	
	
	var clickDown = false;
	jQuery('.ss_container').click(function () {
		
		if ( clickDown == false ) {		
				jQuery('.ss_Nav').slideUp();
				clickDown = true;
			}else {
				jQuery('.ss_Nav').slideDown();
				clickDown = false;
			}
		});	
	
});
















