window.menuOver = 0;
	window.menuSubOver = 0
  	window.menuOver2 = 0;
	window.menuSubOver2 = 0
	window.menuSpeed = 250; // ms
	window.menuHideDelay = 100; // ms

	// deamon zajmujacy sie pokazywaniem i chowaniem elementow 
	var menuWatcher = function(){
		//console.log('t');
		window.menuArr1.each(function(i){
			var id = this.id;
			id = id.split('_');
			id = id[1];
			if (window.menuElementsTo[id] != window.menuElements[id]) {
				if ((window.menuElementsTo[id] == 'off')&&(window.menuElements[id] == 'on'))
				{
					var el = $('#sm_' + id);
					//console.log('out ' + id + ' ' + window.menuSpeed);
					el.animate({opacity: 0.0}, window.menuSpeed, 'swing', function()					{
						window.menuElements[id] = 'off';
						$(this).css('visibility','hidden');
					});
					window.menuElements[id] = 'hiding';
				}
				if ((window.menuElementsTo[id] == 'on')&&(window.menuElements[id] == 'off'))
				{
					var el = $('#sm_' + id);
					//console.log('in ' + id);
					el.css('visibility','visible');
					el.animate({opacity: 1.0}, window.menuSpeed, 'swing', function()					{
						window.menuElements[id] = 'on';
					});
					window.menuElements[id] = 'showing';
				}
			}; 
		});

		window.menuArr2.each(function(i){
			var id = this.id;
			id = id.split('_');
			id = id[1] + '_' + id[2];
			if (window.menuElementsTo2[id] != window.menuElements2[id]) {
				if ((window.menuElementsTo2[id] == 'off')&&(window.menuElements2[id] == 'on'))
				{
					var el = $('#sn_' + id);
					el.animate({opacity: 0.0}, window.menuSpeed, 'swing', function()					{
						window.menuElements2[id] = 'off';
						$(this).css('visibility','hidden');
					});
					window.menuElements2[id] = 'hiding';
				}
				if ((window.menuElementsTo2[id] == 'on')&&(window.menuElements2[id] == 'off'))
				{

					var el = $('#sn_' + id);
					el.css('visibility','visible');
					el.animate({opacity: 1.0}, window.menuSpeed, 'swing', function()					{
						window.menuElements2[id] = 'on';
					});
					window.menuElements2[id] = 'showing';
				}
			}; 
		});
		/*$('#back_all').css('height','auto');
		$('#back_all_table').css('height','auto');
		$('#back_all_cell').css('height','auto');*/
	};
	
	
	// opoznione chowanie elementow
	window.menuHide = function(id){
		//console.log('hide1 ' + id);
		if (window.menuSubOver != id) 
		{
			if (id != window.menuOver) {
				window.menuElementsTo[id] = 'off';
			}
		}
	}
	window.menuHide2 = function(id){
		if (window.menuSubOver2 != id) 
		{
			if (id != window.menuOver2) {
				window.menuElementsTo2[id] = 'off';
			}
		}
	}
	window.menuHide3 = function(id){
		// sprawdzamy nad jakim subem jest mycha
		if (window.menuSubOver2 == 0)
		{
			if (window.menuSubOver != id) {
				if (id != window.menuOver) {
					window.menuElementsTo[id] = 'off';
					//console.log('id ' + id);
				}
			}
		}
		else
		{
			var tid = window.menuSubOver2.split('_');
			if (tid[0] != id)
			{
				//console.log('2');
				window.menuElementsTo[id] = 'off';
			}
		}
	}
	

	
	$(document).ready(function(){

		/*alert($(".center1_main_in").height());*/
		/*$(".center1_main_in").each(function(i)
				{
					alert(this.height());
			
				});*/
		
		window.menuArr1 = $('.menuElement');
		window.menuArr2 = $('.menuDownNext');
		
		// najpierw chowamy elementy menu przez opacity
		$('.menuDown').css('opacity','0.0');
		$('.menuDownNext').css('opacity','0.0');
		$('.menuDown').css('visibility','hidden');
		$('.menuDownNext').css('visibility','hidden');
		
		// teraz mozna je "pokazac"
		$('.menuDown').css('display','block');
		$('.menuDownNext').css('display','block');		
		
		// indeksujemy elementy
		window.menuElements = new Array();
		window.menuElementsTo = new Array();
		window.menuElements2 = new Array();
		window.menuElementsTo2 = new Array();
		$('.menuElement').each(
				function(i)
				{
					var id = this.id;
					id = id.split('_');
					id = id[1];
					//alert(id);
					window.menuElements[id] = 'off';
					window.menuElementsTo[id] = 'off';
					
					// pozycjonujemy
					var el = $('#sm_' + id);
					var position = $(this).offset();
					el.css('left', position.left + 'px');
					el.css('top', (position.top + 32) + 'px');
				});
				
		$('.menuNextTab').each(
				function(i)
				{
					var id = this.id;
					id = id.split('_');
					id  = id[1] + '_' + id[2];
					//alert(id);
					window.menuElements2[id] = 'off';
					window.menuElementsTo2[id] = 'off';
					// pozycjonujemy
					var el = $('#sn_' + id);
					var position = $(this).offset();
					el.css('left', (position.left + 200) + 'px');
					el.css('top', (position.top) + 'px');
				});
		
		$(document).everyTime(200, function() {
							menuWatcher();
						});

		
		// odpalamy deamona
		
		
		// eventy		
		$('.menuElement').mouseenter(function()
		{
			var id = this.id;
			id = id.split('_');
			id = id[1];
			window.menuOver = id;
			//console.log(window.menuOver + ' ' + window.menuSubOver + ' ' + window.menuOver2 + ' ' + window.menuSubOver2);
			window.menuElementsTo[window.menuOver] = 'on';
			
		});
		$('.menuElement').mouseleave(function()
		{
			var id = this.id;
			id = id.split('_');
			id = id[1];
			window.menuOver = 0;
			//console.log(window.menuOver + ' ' + window.menuSubOver + ' ' + window.menuOver2 + ' ' + window.menuSubOver2);
 			$(document).oneTime(window.menuHideDelay,function()
			{
				window.menuHide(id);
			});
		});	
			
		$('.menuNextTab').mouseenter(function()
		{
			var id = this.id;
			id = id.split('_');
			id = id[1] + '_' + id[2];
			window.menuOver2 = id;
			//console.log(window.menuOver + ' ' + window.menuSubOver + ' ' + window.menuOver2 + ' ' + window.menuSubOver2);
			window.menuElementsTo2[window.menuOver2] = 'on';
		});
		$('.menuNextTab').mouseleave(function()
		{
			var id = this.id;
			id = id.split('_');
			id = id[1] + '_' + id[2];
			window.menuOver2 = 0;
			//console.log(window.menuOver + ' ' + window.menuSubOver + ' ' + window.menuOver2 + ' ' + window.menuSubOver2);
			$(document).oneTime(window.menuHideDelay,function()
			{
				menuHide2(id);
			});
		});				
		$('.menuDown').mouseenter(function()
		{	
			var id = this.id;
			id = id.split('_');
			id = id[1];
			window.menuSubOver = id;
			//console.log(window.menuOver + ' ' + window.menuSubOver + ' ' + window.menuOver2 + ' ' + window.menuSubOver2);
		});
		$('.menuDown').mouseleave(function()
		{	
			var id = this.id;
			id = id.split('_');
			id = id[1];
			window.menuSubOver = 0;
			//console.log(window.menuOver + ' ' + window.menuSubOver + ' ' + window.menuOver2 + ' ' + window.menuSubOver2);
			$(document).oneTime(window.menuHideDelay,function()
			{
				menuHide3(id);
			});		
		});		

		$('.menuDownNext').mouseenter(function()
		{	
			var id = this.id;
			id = id.split('_');
			id = id[1] + '_' + id[2];
			window.menuSubOver2 = id;
			//console.log(window.menuOver + ' ' + window.menuSubOver + ' ' + window.menuOver2 + ' ' + window.menuSubOver2);
		});
		$('.menuDownNext').mouseleave(function()
		{	
			var id = this.id;
			id = id.split('_');
			id = id[1] + '_' + id[2];
			window.menuElementsTo2[id] = 'off';
			window.menuSubOver2 = 0;
			$(document).oneTime(window.menuHideDelay,function()
			{
				menuHide3(id[0]);
			});	
		});		
	});