$(document).ready(function (){
			var start 	= 800;
			var easing	= "easeOutExpo";
			
			var liLeng = $(".nav").children("li").length;
			var widths = new Array(6);
			for(l=0;l<=liLeng;l++)
			{
				if(l==0)
				{
					widths[l] = $($("#nav").children("li")[l]).width() + 15;
				}else{
					widths[l] = $($("#nav").children("li")[l]).width() + widths[l-1] + 1;
				}
			}
			//alert(widths);
            var defaultWidth;
            
            // add filenames here according to what you need
            // indexes are: Über uns: 1, Angebot: 2, Referenzen: 3, Kontakt: 4, Glossary: 5, Sitemap: 6
             
		    switch(jQuery.url.attr("file")) {
      			case "ueber_uns.php":      
      			   defaultWidth = widths[1];
      			   break;
				case "ueber_uns_unsere_vision.php":      
      			   defaultWidth = widths[1];
      			   break;
				case "ueber_uns_unsere_werte.php":      
      			   defaultWidth = widths[1];
      			   break;
				case "ueber_uns_unser_team.php":      
      			   defaultWidth = widths[1];
      			   break;
				case "angebot.php":      
      			   defaultWidth = widths[2];
      			   break;  
				case "angebot_eventdesign.php":      
      			   defaultWidth = widths[2];
      			   break;  
				case "angebot_veranstaltungstechnik.php":      
      			   defaultWidth = widths[2];
      			   break;  
				case "angebot_mietmaterial.php":      
      			   defaultWidth = widths[2];
      			   break;  
				case "angebot_glossar.php":      
      			   defaultWidth = widths[2];
      			   break;    
      			case "referenzen.php":      
      			   defaultWidth = widths[3];
      			   break; 
				case "referenzen_aktuell.php":      
      			   defaultWidth = widths[3];
      			   break; 
				case "referenzen_perlen.php":      
      			   defaultWidth = widths[3];
      			   break;
				case "referenzen_archiv.php":      
      			   defaultWidth = widths[3];
      			   break;   
      			case "kontakt.php":      
      			   defaultWidth = widths[4];
      			   break;  
      			case "sitemap.php":      
      			   defaultWidth = widths[5];
      			   break;  
				//English Version
				case "about_us.php":      
      			   defaultWidth = widths[1];
      			   break;
				case "about_us_our_vision.php":      
      			   defaultWidth = widths[1];
      			   break;
				case "about_us_our_values.php":      
      			   defaultWidth = widths[1];
      			   break;
				case "about_us_our_team.php":      
      			   defaultWidth = widths[1];
      			   break;
				case "services.php":      
      			   defaultWidth = widths[2];
      			   break;  
				case "services_event_design.php":      
      			   defaultWidth = widths[2];
      			   break;  
				case "services_event_technology.php":      
      			   defaultWidth = widths[2];
      			   break;  
				case "services_leased_material.php":      
      			   defaultWidth = widths[2];
      			   break;  
				case "angebot_glossar.php":      
      			   defaultWidth = widths[2];
      			   break;    
      			case "references.php":      
      			   defaultWidth = widths[3];
      			   break; 
				case "references_latest.php":      
      			   defaultWidth = widths[3];
      			   break; 
				case "references_gems.php":      
      			   defaultWidth = widths[3];
      			   break;
				case "references_archive.php":      
      			   defaultWidth = widths[3];
      			   break;  
				case "references_list_of_customers.php":      
      			   defaultWidth = widths[3];
      			   break; 
      			case "contact.php":      
      			   defaultWidth = widths[4];
      			   break;  
      			case "sitemap.php":      
      			   defaultWidth = widths[5];
      			   break;
      			default:
      			   defaultWidth = widths[0];      			
      			   break;
            }
			
			switch(jQuery.url.segment(1)) {
				case "vermietung":
				defaultWidth = widths[2];
      			 break;  	
				 
			}
                
                
			$('#nav li').each(function(i){
			     $(this)
    			     .mouseover(function(){
						//alert($(this).width());
    			         $('#highlight').stop().animate({width: widths[i]}, start, easing); 
    			     })
    			     
    			     .mouseout(function() {
    			         $('#highlight').stop().animate({width: defaultWidth}, start, easing);     			         
    			     });
			 
			 });	
			 
			$('#highlight').delay(1000).animate(
					{width: defaultWidth}, 
					{duration: start, easing: easing});
									
});