// JavaScript Document
	function pokaz_menu(element){
		var id=element.attr("class");
		
		if(id!="m_4" && id!="m_6"){
			var parent_pos=element.offset();
			var div=$(document.createElement("div"));
			
		
			div.css({
				'width' : '190px',
				'height' : 'auto',
				'backgroundColor' : '#1b1b1b',
				'position' : 'absolute',
				'top' : (parent_pos.top+47),
				'left' : parent_pos.left,
				'z-index' : 100,
				'padding-top' : '2px',
				'padding-bottom' : '5px'
			});
			
			div.attr('id',id)
				.addClass(id);
			
			
			div.hover(
				function(){
					clearTimeout(zegar);
				},
				function(){
					schowaj_menu(div)
				}
			
			);
			
			$('body').append(div);
			
			
			switch(id){
				case 'm_1':
					var html="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=onas')\">O Black Tiger</div>";
					
					html+="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=makijaz_permanentny_studio')\">Makijaż permanentny</div>";
					html+="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=tatuaz_studio')\">Tatuaż</div>";	
					html+="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=piercing_studio')\">Piercing</div>";
					html+="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=ceny_zabiegow')\">Cennik</div>";
				break;
				case 'm_2':
					var html="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=makijaz_permanentny')\">Makijaż permamentny</div>";	
					html+="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=bio_tatuaz')\">Bio Tatuaż</div>";
					html+="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=tatuaz')\">Tatuaż</div>";
					html+="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=piercing')\">Piercing</div>";
					<!--html+="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=przedluzanie')\">Przedłużanie i zagęszczanie rzęś</div>";-->
					html+="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=modeling')\">Modeling</div>";
					html+="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=warsztaty')\">Warsztaty doszkalające</div>";
				break;
				case 'm_3':
					var 
					html="<div class=\"sub_menu\" onclick=\"window.location.assign('index.php?s=wzory')\">Wzory tatuaży</div>";
					html+="<div class=\"sub_menu\" onclick=\"window.open('g/makijaz_pozostale/')\">Szkolenie makijaż</div>";
					html+="<div class=\"sub_menu\" onclick=\"window.open('g/tatoo_pozostale/')\">Szkolenie tatuaż</div>";
					html+="<div class=\"sub_menu\" onclick=\"window.open('g/piercing_pozostale/')\">Szkolenie piercing</div>";
					
				break;
			}
			
			div.html(html);
		
		}
		
	}
	
	
	function schowaj_menu(element){
		var id=element.attr("class")
		if(id!=""){
			zegar=setTimeout(function(){
				$("#"+id).remove();
			},200);
		}
	}