//$j=jQuery.noConflict();
// noConflict mode => falls Lightbox bzw. andere JS-Frameworks bereits genutzt werden.
 
$(document).ready(function(){
	/*
	$('#stage').cycle({
		fx: 'scrollUp', 
		timeout: 7000,
		pause: 1
	});
	*/
	
	// initialize scrollable
	var root = $("#mainSlider").scrollable({ mousewheel:false, circular:true }).navigator({indexed: true}).autoscroll({ autoplay: true, autopause: true, interval:5000 }).mouseenter(function() 
	{
		$(this).pause();
	}).mouseleave(function() 
	{
		$(this).play();
	});
	window.scrollableMain = root.data("scrollable");
	
	
	
	$("#imageContainerTop").hover(function() 
	{
		$("#imageContainerTop .left").animate({ "left": "0px" }, { duration:200 });
		$("#imageContainerTop .right").animate({ "right": "0px" }, { duration:200 });
		
	}, 
	function() { 
		$("#imageContainerTop .left").animate({"left": "-39px"}, { duration:200 });
		$("#imageContainerTop .right").animate({ "right": "-39px" }, { duration:200 });
		}
	);

});