$(document).ready (function () {				
	$(".menu li, .ref").hover(
		function() {
			$(this).addClass("sfhover");
		},
		function() {
			$(this).removeClass("sfhover");
		}
	);
	
	// scrollovani menu	
	$('.menu>ul>li>ul').each(function(){
		count = $('li',this).length;
		if (count > 5) {
			$(this).wrap('<div></div>');
			$(this).parent().css('overflow','hidden').css('position','relative').css('height','240px').css('margin-top','-294px');
			$(this).parent().parent().addClass('scroll');	
			$('.scroll ul').prepend('<li style="height: 20px; "></li>');
			$(this).mousemove(function(e)
			{
				var wrapper = $(this).parent();
				var scrollable = $(this);
				var wrapperHeight = wrapper.height();
				var wrapperOffset = wrapper.offset();
				var scrollableOffset = scrollable.offset();
				var scrollableHeight = scrollable.height();				
				var top = (e.pageY -  wrapperOffset.top) * (scrollableHeight - wrapperHeight) / wrapperHeight;
				wrapper.scrollTop(top < 0 ? 0 : top);
			});
		}
		else {
			$(this).css('margin-top', $(this).height() * -1 - 55);	
		}
	});
	
	if ($('.rotate').length > 0) {
		$('.rotate').cycle({
		    speed: 1500,
		    fx: 'fade',	// fade,turnDown,turnUp,zoom,shuffle
		    timeout: 5000
		});
	}
	
	$('.reflist').mousemove(function(e)
	{
		var wrapper = $(this);
		var scrollable = $('.scroll',this);
	
		$(scrollable).css('overflow','hidden').css('position','relative');
		$(wrapper).css('width', '800px');
		
		var wrapperWidth = wrapper.width();
		var wrapperOffset = wrapper.offset();
		var scrollableOffset = scrollable.offset();
		var scrollableWidth = $('.ref',this).length * 270;	
		$(scrollable).css('width', scrollableWidth);
		var left = (e.pageX -  wrapperOffset.left) * (scrollableWidth - wrapperWidth) / wrapperWidth;
		left = Math.floor(left);
		left = -1 * left;
//		$(wrapper).animate({margin-left: left}, "slow");
		
//		$(scrollable).animate({marginLeft:left}, "fast");
		
		$(scrollable).css('margin-left', left);
	
//		wrapper.scrollLeft(left);
//		$(wrapper).animate({scrollLeft: left}, "slow");//css('margin-left', left + 200);//.scrollLeft(left < 0 ? 0 : left);
	
	});
	


	$('.actionlist').mousemove(function(e)
	{
		var wrapper = $(this);
		var scrollable = $('.scroll',this);
	
		//$(wrapper).css('overflow', 'hidden');
		$(scrollable).css('position','relative').css('width', $('.ref',this).length * 280 -40);
	
		var wrapperWidth = wrapper.width();
		var wrapperOffset = wrapper.offset();
		var scrollableOffset = scrollable.offset();
		var scrollableWidth = $('.ref',this).length * 280 -40;	
		
		// pozice od zacatku wrapperu ke kurzoru - bez ohledu na margin...tzn. tam kde se presne objevuji fotky
		var fromLeft = (e.pageX -  wrapperOffset.left);
		var left =  fromLeft * (scrollableWidth - wrapperWidth) / wrapperWidth;
		
		left = Math.floor(left);
		
		left = -1 * left;
		$(scrollable).css('margin-left', left);
	
	});
	
		
	$('.page-hairshop #main').prepend('<a href="http://www.hairshop.cz" class="link-hs" target="_blank">&nbsp;</a>');
	
	$('.actionlist .scroll').css('width', ($('.ref',this).length * 300));
	$('.actionlist .scroll .ref:first').css('padding-left', '0');
	
	/* Pridani targe="_blank pouze ke krajnim dvema panelum.. ne k panelu kontaktu "*/
	$('#panel2 a.special').attr("target", "_blank");
	$('#panel3 a.special').attr("target", "_blank");
	
	
	
});