// JavaScript Document
// JavaScript Document
 $(document).ready(function(){
		      var t=100,
			  to=100,//cas animace obrazku 
			  hu="9px",//druha uroven menu fontsize default
			  huv="11px",//druha uroven menu fontsize vysledna v animaci
			  du="14px",//prvni uroven menu fontsize default
			  duv="16px",//prvni uroven menu fontsize vysledna v animaci
			  clrf="white",// color na focus
		  	  clrd="",//color default
			  dh="-32px",//posun obrazku nahoru
			  dd="0px";//posun obrazku dolu  
             
                        
    

			  
		  //Item1 --První položka menu hlavní kategorie		  
			$('.item1').hover(function(){
				$(".item1 a").css("color",clrf);
				$(this).animate({
			    "font-size": duv,
			    "left": "61px",
				"top":"109px"	
				},{queue:false,duration:t});
				$("#historie a").css("color",clrf);
			     $(".item1").next().animate({
   				 "font-size": huv,	
				 "left": "23px",	
				 "top": "87px",			 
  			}, {queue:false,duration:t}); 
			  $("#img-historie").addClass("img-historie-bar");
			   $("#img-historie").animate({
   				"top": dh,							 
  			   }, {queue:false,duration:to});
			}, function(){
				$(".item1").animate({"font-size": du,	
				 "left": "65px",
				 "top":"114px"
				 },{queue:false,duration:t});
				 $("#historie a").css("color",clrd);
				 $(".item1 a").css("color",clrd);
				  $("#img-historie").removeClass("img-historie-bar");
			   $("#img-historie").animate({
   				"top": dd,							 
  			   }, {queue:false,duration:to});
			    $("#historie").animate({
   				  "font-size": hu,	
				   "left": "26px",
				   	"top": "90px",		 
  	         }, {queue:false,duration:to});
			});
		    //end prvni polozka
		
		  
		 
		  
		  //Poduroven první položky
		  $("#historie").hover(function(){
			  $("#historie a").css("color",clrf);
			  $(".item1 a").css("color",clrf);
			  $("#img-historie").addClass("img-historie-bar");
			  $("#img-historie").animate({
   				"top": dh,							 
  			   }, {queue:false,duration:to});			  
			   $(".item1").animate({
   				"font-size": duv,
				"left": "63px",
				"top":"109px"							 
  			}, {queue:false,duration:to});
			 $("#historie").animate({
   				"font-size": huv,	
				"left": "23px",
				 "top": "87px",			 
  			  }, {queue:false,duration:to});
			  },
			  function(){
				  $("#img-historie").removeClass("img-historie-bar");
				  $("#historie a").css("color",clrd);
				  $(".item1 a").css("color",clrd);
				    $("#img-historie").animate({
   					"top": dd,							 
  					}, {queue:false,duration:to});
			    	$(".item1").animate({
   					 "font-size": du,	
					 "left": "68px",
				 	 "top":"114px"				 
  				  	 }, {queue:false,duration:to});
			 	 	 $("#historie").animate({
   				 	"font-size": hu,
					 "left": "26px",
					 "top": "90px",				 
  			         }, {queue:false,duration:to});
				     }
			  );
		  
		       $("#nase-nabidka").hover(
			   function(){
				$("#nase-nabidka a").css("color",clrf); 
				$("#img-nase-nabidka").addClass("img-nase-nabidka-bar");  
				$("#img-nase-nabidka").animate({
   				"top": dh,							 
  			   }, {queue:false,duration:to});
			   $(".item1 a").css("color",clrf);
			   $(".item1").animate({
   				"font-size": duv,
				"left": "61px",
				"top":"109px"						 
  				}, {queue:false,duration:to});
				 $("#nase-nabidka").animate({
   				"font-size": huv,	
				"left": "88px",
				 "top": "87px",			 
  			     }, {queue:false,duration:to});
			    },
				function(){
					$("#nase-nabidka a").css("color",clrd); 
					$("#img-nase-nabidka").removeClass("img-nase-nabidka-bar");
					$(".item1 a").css("color",clrd);
					$("#img-nase-nabidka").animate({
   					"top": dd,							 
  			   		}, {queue:false,duration:to});
					   $(".item1").animate({
   				 "font-size": du,	
				  "left": "65px",
				 "top":"114px"					 
  			   }, {queue:false,duration:to});
			  $("#nase-nabidka").animate({
   				 "font-size": hu,	
				 "left": "91px",
				 "top": "90px",			 
  			   }, {queue:false,duration:to});	
					});					 
			    //end Poduroven prvni položky 
		
			    $(".item2").hover(
			   function(){
				    $(".item2 a").css("color",clrf);
					$("#img-reprograficke-studio").addClass("img-reprograficke-studio-bar");
					 $("#img-reprograficke-studio").animate({
   					"top": dh,							 
  			   		}, {queue:false,duration:to});
					/*$("#reprograficke-studio2 a").css("color",clrf); */
					 $("#reprograficke-studio").animate({
   						"font-size": duv,
						 "left": "160px",
					 	 "top": "109px",				 
  						}, {queue:false,duration:to});
						 
				   },
				   function(){
					   $(".item2 a").css("color",clrd);
			 		 $("#reprograficke-studio2 a").css("color",clrd); 
			 		 $("#img-reprograficke-studio").removeClass("img-reprograficke-studio-bar");
			  		 $("#img-reprograficke-studio").animate({
   						"top": dd,							 
  			  		 }, {queue:false,duration:to});
					  $(".item2").animate({
   				 "font-size": du,
				 "left": "175px",
				 "top": "114px",				 
  			   }, {queue:false,duration:to});
			
	 		 });
			 
			
 //Item3 --třetí položka menu hlavní kategorie
		    $(".item3").hover(function(){
			 $(".item3 a").css("color",clrf);
			 $("#digitalni-tisk a").css("color",clrf);
			   $("#img-digitalni-tisk").addClass("img-digitalni-tisk-bar");
			   $("#img-digitalni-tisk").animate({
   				"top": dh,							 
  			   }, {queue:false,duration:to});
			 $(".item3").animate({
   				"font-size": duv,	
				"left": "462px",
				 "top": "109px",			 
  			}, {queue:false,duration:to});
			$(".item3").next().animate({
   				"font-size": huv,	
				"left": "347px",
				 "top": "87px",			 
  			}, {queue:false,duration:to}); 
			
			 },
			 function(){
			 $(".item3 a").css("color",clrd);
			 $("#digitalni-tisk a").css("color",clrd);
			   $("#img-digitalni-tisk").removeClass("img-digitalni-tisk-bar");
			   $("#img-digitalni-tisk").animate({
   				"top": dd,							 
  			   }, {queue:false,duration:to});
			  $(".item3").animate({
   				 "font-size": du,
				 "left": "467px",
				 "top": "114px",				 
  			   }, {queue:false,duration:to});
			  $(".item3").next().animate({
   				  "font-size": hu,
				  "left": "343px",
				   "top": "90px",				 
  	         }, {queue:false,duration:to}); 
			
			 });
		 
		  //end Item3
    //Poduroven třetí položky
		     $("#digitalni-tisk").hover(function(){
			 $("#digitalni-tisk a").css("color",clrf);
			 $(".item3 a").css("color",clrf);
			    $("#img-digitalni-tisk").addClass("img-digitalni-tisk-bar");
			   $("#img-digitalni-tisk").animate({
   				"top": dh,							 
  			   }, {queue:false,duration:to});
			 $(".item3").animate({
   				"font-size": duv,	
				"left": "462px",
				 "top": "109px",			 
  			}, {queue:false,duration:to});
			  $("#digitalni-tisk").animate({
   				"font-size": huv,	
				"left": "347px",
				 "top": "87px",			 
  			  }, {queue:false,duration:to});			
			  },
			  function(){
			  $("#digitalni-tisk a").css("color",clrd);
			  $(".item3 a").css("color",clrd);
			   $("#img-digitalni-tisk").removeClass("img-digitalni-tisk-bar");
			   $("#img-digitalni-tisk").animate({
   				"top": dd,							 
  			   }, {queue:false,duration:to});
			  $(".item3").animate({
   				 "font-size": du,
				 "left": "467px",
				 "top": "114px",				 
  			   }, t);
			  $("#digitalni-tisk").animate({
   				 "font-size": hu,	
				 "left": "343px",
				 "top": "90px",			 
  			   }, {queue:false,duration:to});			
			 }); 
			
			 
			  $("#velkoformatovy-tisk").hover(function(){
			  $("#velkoformatovy-tisk a").css("color",clrf);
			   $(".item3 a").css("color",clrf);
			     $("#img-velkoformatovy-tisk").addClass("img-velkoformatovy-tisk-bar");
			   $("#img-velkoformatovy-tisk").animate({
   				"top": dh,							 
  			   }, {queue:false,duration:to});
			 $(".item3").animate({
   				"font-size": duv,	
				"left": "462px",
				 "top": "109px",			 
  			}, {queue:false,duration:to});
			  $("#velkoformatovy-tisk").animate({
   				"font-size": huv,
				 "left": "416px",
				 "top": "87px",				 
  			  }, {queue:false,duration:to});			
			  },
			  function(){
			  $("#velkoformatovy-tisk a").css("color",clrd);
			  $(".item3 a").css("color",clrd);
			   $("#img-velkoformatovy-tisk").removeClass("img-velkoformatovy-tisk-bar");
			   $("#img-velkoformatovy-tisk").animate({
   				"top": dd,							 
  			   }, {queue:false,duration:to});
			  $(".item3").animate({
   				 "font-size": du,
				 "left": "467px",
				 "top": "114px",				 
  			   }, {queue:false,duration:to});
			  $("#velkoformatovy-tisk").animate({
   				 "font-size": hu,	
				  "left": "425px",
				 "top": "90px",			 
  			   }, {queue:false,duration:to});			
			 }); 
			  
			 
			 $("#ofsetovy-tisk").hover(function(){
			  $("#ofsetovy-tisk a").css("color",clrf);
			   $(".item3 a").css("color",clrf);
			   $("#img-ofsetovy-tisk").addClass("img-ofsetovy-tisk-bar");
			   $("#img-ofsetovy-tisk").animate({
   				"top": dh,							 
  			   }, {queue:false,duration:to});
			 $(".item3").animate({
   				"font-size": duv,	
				"left": "462px",
				 "top": "109px",			 
  			}, {queue:false,duration:to});	 
			  $("#ofsetovy-tisk").animate({
   				"font-size": huv,	
				 "left": "539px",
				 "top": "87px",			 
  			  }, {queue:false,duration:to});			
			  },
			  function(){
			  $("#ofsetovy-tisk a").css("color",clrd);	
			    $(".item3 a").css("color",clrd);
				$("#img-ofsetovy-tisk").removeClass("img-ofsetovy-tisk-bar");
			   $("#img-ofsetovy-tisk").animate({
   				"top": dd,							 
  			   }, {queue:false,duration:to});
			  $(".item3").animate({
   				 "font-size": du,
				"left": "467px",
				 "top": "114px",				 
  			   }, {queue:false,duration:to});
			  $("#ofsetovy-tisk").animate({
   				 "font-size": hu,	
				  "left": "546px",
				  "top": "90px",			 
  			   }, {queue:false,duration:to});			
			 }
			 
			  ); 
			  
			//end Poduroven třetí položky 
		// Uroven hlavni 4.polozka
		   $("#reklama").hover(function(){
			 $("#reklama a").css("color",clrf);
			   $("#img-reklama").addClass("img-reklama-bar");
			   $("#img-reklama").animate({
   				"top": dh,							 
  			   }, {queue:false,duration:to});	  
			 $("#reklama").animate({
   				"font-size": duv,
				"left": "665px",
				 "top": "109px",				 
  			}, {queue:false,duration:to});			 
			
			 },
			 	 function(){
			  $("#reklama a").css("color",clrd);
			  $("#reklama").animate({
   				 "font-size": du,
				 "left": "670px",
				 "top": "114px",				 
  			   }, t); 
			   $("#img-reklama").removeClass("img-reklama-bar");
			   $("#img-reklama").animate({
   				"top": dd,							 
  			   }, {queue:false,duration:to});	
			 }
			 );
	
		// End 4.polozka
		
		//5.polozka
		$("#internetovy-obchod").hover(function(){
			 $("#internetovy-obchod a").css("color",clrf);
			 $("#img-internetovy-obchod").addClass("img-internetovy-obchod-bar");
			   $("#img-internetovy-obchod").animate({
   				"top": dh,							 
  			   }, {queue:false,duration:to});	
			 $("#internetovy-obchod").animate({
   				"font-size": duv,	
				"left": "752px",
				 "top": "109px",			 
  			}, {queue:false,duration:to});			 
			
			 },
			 	 function(){
			  $("#internetovy-obchod a").css("color",clrd);
			   $("#img-internetovy-obchod").removeClass("img-internetovy-obchod-bar");
			   $("#img-internetovy-obchod").animate({
   				"top": dd,							 
  			   }, {queue:false,duration:to});
			  $("#internetovy-obchod").animate({
   				 "font-size": du,
				 "left": "764px",
				 "top": "114px",				 
  			   }, {queue:false,duration:to}); 
			
			 });
	
		//end 5.polozka
		
		//6.polozka
		$("#eventy").hover(function(){
			$("#eventy a").css("color",clrf);
			$("#img-eventy").addClass("img-eventy-bar");
			   $("#img-eventy").animate({
   				"top": dh,							 
  			   }, {queue:false,duration:to});	
			 $("#eventy").animate({
   				"font-size": duv,	
				"left": "915px",
				 "top": "109px",			 
  			}, {queue:false,duration:to});			 
			
			 },
			  function(){
			  $("#eventy a").css("color",clrd);
			  	$("#img-eventy").removeClass("img-eventy-bar");
			   $("#img-eventy").animate({
   				"top": dd,							 
  			   }, {queue:false,duration:to});	
			  $("#eventy").animate({
   				 "font-size": du,	
				 "left": "923px",
				 "top": "114px",			 
  			   }, {queue:false,duration:to}); 
			
			 });
		
		//end 6.polozka
		
		//7.polozka
		$("#kontakty").hover(function(){
			$("#kontakty a").css("color",clrf);
			$("#img-kontakty").addClass("img-kontakty-bar");
			   $("#img-kontakty").animate({
   				"top": dh,							 
  			   }, {queue:false,duration:to});
			 $("#kontakty").animate({
   				"font-size": duv,
				"left": "1008px",
				 "top": "109px",				 
  			}, {queue:false,duration:to});			 
			
			 },
			  function(){
			 $("#kontakty a").css("color",clrd);
			 $("#img-kontakty").removeClass("img-kontakty-bar");
			   $("#img-kontakty").animate({
   				"top": dd,							 
  			   }, {queue:false,duration:to});
			  $("#kontakty").animate({
   				 "font-size": du,
				 "left": "1015px",
				 "top": "114px",				 
  			   }, {queue:false,duration:to});
			 }
			 );
		
		//end 6.polozka
		$(window).unload( function () {  
		//location.reload(true)
		} );
           
     });