var v_1 = '';
var v_2 = '';
var v_3 = '';
var v_4 = '';
var v_5 = '';
var v_6 = '';


$(document).ready(
function()
{
	$("#js_1").hover(
	function()
	{
		if(v_1 == '') v_1 = $('#scroll_js_1').html();
		$('#js_1').append('<div id="js_1Roll" style="top: 35px; left: 0px;" class="menu_cont">'+v_1+'<img style="margin-left: -2px;" src="Public/Images/menu-scroll-end.gif" alt="Koniec menu" /></div>');
		$('#js_1Roll').toggle(0);
		
		$('.href_js').hover(
		function() {
			$(this).attr("style", "color: black;");
		},
		function() {
			$(this).attr("style", "color: #bebebe;");
		});
	},
	function() {
		$('#js_1Roll').toggle(0);
	});

	$("#js_2").hover(
	function()
	{
		if(v_2 == '') v_2 = $('#scroll_js_2').html();
		$('#js_2').append('<div id="js_2Roll" style="top: 35px; left: 24px;" class="menu_cont">'+v_2+'<img style="margin-left: -2px;" src="Public/Images/menu-scroll-end.gif" alt="Koniec menu" /></div>');
		$('#js_2Roll').toggle(0);
		$('.href_js').hover(
		function() {
			$(this).attr("style", "color: black;");
		},
		function() {
			$(this).attr("style", "color: #bebebe;");
		});
	},
	function() {
		$('#js_2Roll').toggle(0);
	});

	$("#js_3").hover(
	function()
	{
		if(v_3 == '') v_3 = $('#scroll_js_3').html();
		$('#js_3').append('<div id="js_3Roll" style="top: 35px; left: 19px;" class="menu_cont">'+v_3+'<img style="margin-left: -2px;" src="Public/Images/menu-scroll-end.gif" alt="Koniec menu" /></div>');
		$('#js_3Roll').toggle(0);
		$('.href_js').hover(
		function() {
			$(this).attr("style", "color: black;");
		},
		function() {
			$(this).attr("style", "color: #bebebe;");
		});
	},
	function() {
		$('#js_3Roll').toggle(0);
	});

	$("#js_4").hover(
	function()
	{
		if(v_4 == '') v_4 = $('#scroll_js_4').html();
		$('#js_4').append('<div id="js_4Roll" style="top: 35px; left: 20px;" class="menu_cont">'+v_4+'<img style="margin-left: -2px;" src="Public/Images/menu-scroll-end.gif" alt="Koniec menu" /></div>');
		$('#js_4Roll').toggle(0);
		$('.href_js').hover(
		function() {
			$(this).attr("style", "color: black;");
		},
		function() {
			$(this).attr("style", "color: #bebebe;");
		});
	},
	function() {
		$('#js_4Roll').toggle(0);
	});

	$("#js_5").hover(
	function()
	{
		if(v_5 == '') v_5 = $('#scroll_js_5').html();
		$('#js_5').append('<div id="js_5Roll" style="top: 35px; left: 23px;" class="menu_cont">'+v_5+'<img style="margin-left: -2px;" src="Public/Images/menu-scroll-end.gif" alt="Koniec menu" /></div>');
		$('#js_5Roll').toggle(0);
		$('.href_js').hover(
		function() {
			$(this).attr("style", "color: black;");
		},
		function() {
			$(this).attr("style", "color: #bebebe;");
		});
	},
	function() {
		$('#js_5Roll').toggle(0);
	});

	$("#js_6").hover(
	function()
	{
		if(v_6 == '') v_6 = $('#scroll_js_6').html();
		$('#js_6').append('<div id="js_6Roll" style="top: 35px; left: 12px;" class="menu_cont">'+v_6+'<img style="margin-left: -2px;" src="Public/Images/menu-scroll-end.gif" alt="Koniec menu" /></div>');
		$('#js_6Roll').toggle(0);
		$('.href_js').hover(
		function() {
			$(this).attr("style", "color: black;");
		},
		function() {
			$(this).attr("style", "color: #bebebe;");
		});
	},
	function() {
		$('#js_6Roll').toggle(0);
	});
});