// Fenstergroesse auslesen und Bildpfad setzen:
$(window).load(function() {

	// Höhe auslesen
	var width = $(window).width();
	// Optimale Bildgröße suchen
	var path = "";
	if(width > 1680){ var path = '1920/'}
	if(width <= 1680 && width > 1440){ var path = '1680/'}
	if(width <= 1440 && width > 1280){ var path = '1440/'}
	if(width <= 1280 && width > 1024){ var path = '1280/'}
	if(width <= 1024){ var path = '1024/'}
	
	// Background mittels CSS ändern
	$('.nav_home_bg').css("background-image", "url(img/backgrounds/"+path+"home.jpg)");
	$('.nav_software_bg').css("background-image", "url(img/backgrounds/"+path+"software.jpg)");
	$('.nav_managedcloud_bg').css("background-image", "url(img/backgrounds/"+path+"managedcloud.jpg)");
	$('.nav_infrastructure_bg').css("background-image", "url(img/backgrounds/"+path+"infrastructure.jpg)");
	$('.nav_references_bg').css("background-image", "url(img/backgrounds/"+path+"references.jpg)");
	$('.nav_company_bg').css("background-image", "url(img/backgrounds/"+path+"home.jpg)");
	$('.nav_events_bg').css("background-image", "url(img/backgrounds/"+path+"events.jpg)");
	$('.nav_kontakt_bg, .nav_presse_bg, .nav_sitemap_bg, .nav_impressum_bg').css("background-image", "url(img/backgrounds/"+path+"home.jpg)");
	$('.nav_cloudstudie2012_bg').css("background-image", "url(img/backgrounds/"+path+"home.jpg)");
});


// jQuery
$(document).ready(function() {

	// Colorbox Modaldialog / Lightbox:
	function callColorbox () {
		$('.modal').colorbox({maxHeight:'90%', width:'670px', opacity:'0.7'});
		$('.modaliframe').colorbox({iframe:true, innerWidth:'70%', innerHeight:'90%', opacity:'0.7'});
		$(".modaliframevideo").colorbox({iframe:true, innerWidth:640, innerHeight:360, opacity:'0.7'});
		$("a[rel='logo']").colorbox({maxHeight:'90%', current:'{current} / {total}', opacity:'0.7'});
		$("a[rel='management']").colorbox({maxHeight:'90%', current:'{current} / {total}', opacity:'0.7'});
	}
	callColorbox();
	
	
	// Effekte für den Text auf der Home Seite:
	function callEffects () {
		$('.homebox_top .tag').hover(
			function() {
				$(this).stop(true, true).fadeTo(400, 0.8).addClass("tag_big").fadeTo(400, 1);
			},
			function() {
				$(this).stop(true, true).fadeTo(400, 0.9).removeClass("tag_big").fadeTo(200, 1);
			}
		);
	}
	callEffects();	
	
	
	// Subnavigation und Textbox initiieren
	$("#submenu ul li").first().addClass("submenu_active");
	$("#textbox div").first().fadeIn(600);

	//Timeoutvariable
	var t;
	
	// Hauptnavigation wechseln
	$("#mainmenu ul li a, #nav_home, #impressum ul li a").mouseenter(function() {
		
		// $(this) elemente in Variable übergeben damit wir diese in der Timeout Funktion verwenden können
		var $jthis = $(this);
		var $this = this;
		//Erstellen des Timeouts
		t = setTimeout(function(){
		
	    	if($this.id != "nav_en" ) {
	    		// Navigation wechseln	
	    		if($this.id != "nav_home") {
	    			if (!$jthis.hasClass("nav_active")) {
		    			function changeNav() {
		    				$("#mainmenu ul li a").each(function() {
				            	$(this).children().attr("src", "img/"+this.id+".png");
				          	}); 
				           	$(".nav_active").removeClass("nav_active");
				           	$jthis.children().attr("src", "img/"+$this.id+"_active.png");
			                $jthis.addClass("nav_active");
			                $jthis.fadeTo('fast',1);
			           	}
			            $jthis.stop(true, true).fadeTo('fast',0.50, changeNav); 
		  			}
		  		}
		  		else { $(".nav_active").removeClass("nav_active"); 
		  			$("#mainmenu ul li a").each(function() {
				       $(this).children().attr("src", "img/"+this.id+".png");
					});
		  		}
		        
		        // Hintergrundbild ändern
	  			$(".mainbg").stop(true, true).delay(300).fadeOut('slow');
	  			$('.'+$this.id+'_bg').stop(true, true).delay(100).fadeIn('slow');
		                
		        // Content via Ajax laden
		        var sitename = $this.id.replace("nav_", '');	        
				$.ajax({
					url: sitename+'.php',
					success: function(data) {
				  		$('#content').html(data);
				  		
				  		// Subnavigation und Textbox initiieren 
						$("#submenu ul li").first().addClass("submenu_active");
	    				$("#textbox div").first().fadeIn(600);
	    				
	    				// Funktionen neu laden:
	    				callColorbox();
	    				changeSubmenu();
	    				loadLink();
	    				callEffects();
	    				screenshotPreview();
	    				callGoogleAnalytics(sitename, "1");
				  	}
				});
			}
  		}, 200); // Verzögerung in ms
    });
    
   	// Timeout bei Mouseleave cancel'n 
   	$("#mainmenu ul li a, #nav_home, #impressum ul li a").mouseleave(function() { 
   		clearTimeout(t);
   	});
    
    
	// Subnaviagtion wechseln
	function changeSubmenu() { 
		$("#submenu ul li").mouseenter(function() {		
			// $(this) elemente in Variable übergeben damit wir diese in der Timeout Funktion verwenden können
			var $jthis = $(this);
			var $this = this;
			//Erstellen des Timeouts
			ts = setTimeout(function() {
				
				if (!$jthis.hasClass("submenu_active")) {
		     		$(".submenu_active").removeClass("submenu_active");
		     		$jthis.addClass("submenu_active");
		     		var textboxindex = "#textbox"+$this.id.replace("submenu", '');
		     		
		     		// Link ausblenden
		     		$('.linkbox').fadeOut(200);
		     		$('.linkarrowdown').fadeOut(200);
		     				
		     		$("#textbox .box").stop(true, true).fadeOut(200); 
		     		$(textboxindex).delay(300).fadeIn(600);
		     		
		     		var gaNav = $(".nav_active").attr('id').replace("nav_", '');
		     		var gaSubmenu = textboxindex.replace("#textbox_", '');
		     		callGoogleAnalytics(gaNav, gaSubmenu);		
	     		}
	   		}, 200); // Verzögerung in ms
		}); 
		
		// Timeout bei Mouseleave cancel'n 
	   	$("#submenu ul li").mouseleave(function() { 
	   		clearTimeout(ts);
	   	});
	}	
	changeSubmenu();
 	


 	// URL: URL auslesen
	function getUrlVars() {
	    
	   var hashes = window.location.pathname;       
	    var hash = hashes.split("/"); 
	    hash = hash[2].split("&");                        
	    return hash[0];
	}
	function getUrlVarsSec() {
	    
	   var hashes = window.location.pathname;       
	    var hash = hashes.split("&");                        
	    return hash;
	}
		     
	var first = getUrlVars();
	var sec = getUrlVarsSec()[1]; 
	if(first == "home" || 
	   first == "software" || 
	   first == "kontakt" || 
	   first == "references" || 
	   first == "infrastructure" || 
	   first == "impressum" || 
	   first == "company" || 
	   first == "managedcloud" || 
	   first == "events" || 
	   first == "presse" || 
	   first == "sitemap" ||
	   first == "cloudstudie2012") {
 
		manload('nav_'+first, sec);
	}

	 
	// URL: Navigation und Subnavigation bei direkter URL initiiren:
	function manload(uri_id, uri_sec) { 
		if (uri_id != "nav_en" ) {
			if (!uri_sec) { 
				var uri_sec = "1"
			}

			// Ausnahmen Seiten, die nur per dirketer URL geöffnet werden können:
			var direct_uri_id_1 = "nav_cloudstudie2012";

			// Navigation wechseln:
			if (uri_id != "nav_home" || uri_id != direct_uri_id_1) {
				if (!$('#'+uri_id).hasClass("nav_active")) { 						// '#'+ bei uri.id hinzugefügt
	    			function changeNav() { 
	    				$(".nav_active").removeClass("nav_active");
			            $("#mainmenu ul li a").each(function() {
			            	$(this).children().attr("src", "img/"+this.id+".png");		            	
			           	});
			           	$('#'+uri_id).children().attr("src", "img/"+uri_id+"_active.png");
		                $('#'+uri_id).addClass("nav_active");  
		           	}
		            $('#'+uri_id).stop(true, true).fadeTo('fast',1, changeNav()); 	// '#'+ bei uri.id hinzugefügt
	  			}
	  		} 	
	  		else { 
	  			$(".nav_active").removeClass("nav_active");
	  			$("#mainmenu ul li a").each(function() {
			    	$('#'+uri_id).children().attr("src", "img/"+uri_id+".png"); 	// '#'+ bei uri.id hinzugefügt
			    });
	  		}
	        
	        // Hintergrundbild ändern:
			$(".mainbg").stop(true, true).delay(300).fadeOut('slow');
			$('.'+uri_id+'_bg').stop(true, true).delay(100).fadeIn('slow');
		        
	        // Content via Ajax laden
	        var sitename = uri_id.replace("nav_", '');	        
			$.ajax({
				url: sitename+'.php',
				success: function(data) {
					$('#content').html(data);
			  		if (!$('#submenu_'+uri_sec).hasClass("submenu_active")) {
			     		$(".submenu_active").removeClass("submenu_active");
			     		$('#submenu_'+uri_sec).addClass("submenu_active");
			     		var textboxindex = "#textbox_"+uri_sec;
			     		$("#textbox div").stop(true, true).fadeOut(200); 
			     		$(textboxindex).delay(300).fadeIn(600);
					}
					// Laden der Funktionen:
					callColorbox();
					changeSubmenu();
					loadLink();
					screenshotPreview();
					callGoogleAnalytics(sitename, uri_sec);
			  	}
			});
		}
	};

	// written by Alen Grakalic (http://cssglobe.com)
	// for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery		 
	function screenshotPreview() {	
		/* CONFIG */			
			xOffset = -30;
			yOffset = -90;
			// these 2 variable determine popup's distance from the cursor
			// you might want to adjust to get the right result
			
		/* END CONFIG */
		$("a.screenshot").hover(function(e){
			this.t = this.title;
			this.title = "";	
			var c = (this.t != "") ? "<br/>" + this.t : "";
			$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>");								 
			$("#screenshot")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				.fadeIn("fast");						
	    },
		function(){
			this.title = this.t;	
			$("#screenshot").remove();
	    });	
		$("a.screenshot").mousemove(function(e){
			$("#screenshot")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px");
		});			
	};
	screenshotPreview();


	// Link aus- und einblenden:
	function loadLink(){
		$('.linkclose').click(function() {
			$(this).parent().fadeOut(200);
			$(this).parent().prev().fadeOut(200);
			
		});	
		$(".link").click(function() {
			$(this).next().fadeIn(600);
			$(this).next().next().fadeIn(600);
			
			//Link generieren
			var nav_id;
			var navsub_id = " ";
		     nav_id = $(".nav_active").attr('id').substr(4,99);
		     if($(".submenu_active").attr('id')){
		     navsub_id = "&"+$(".submenu_active").attr('id').substr(8,10);
			}
			$(".linkaddress").html("http://www.ubl-is.de/ubl-is/"+nav_id+navsub_id);
		});
	}
	loadLink();

	
	// Google Analytics -  jQuery Alternative http://playground.ebiene.de/google-analytics-mit-jquery/
	function callGoogleAnalytics(gaNav, gaSubmenu) { 
		$.getScript('http://www.google-analytics.com/ga.js', function() {
			var pageTracker = _gat._getTracker('UA-6879138-5');
			
			var domain = "/ubl-is/";
			if (gaNav != "home") {
				var gaSitename = domain + gaNav + "&" + gaSubmenu;
			}
			else {
				var gaSitename = domain + gaNav;
			}
			
		    pageTracker._trackPageview(gaSitename);
		});
		
	}
	// Initialwerte beim ersten Aufruf:
	var gaNav = "home";
	var gaSubmenu = "";
	callGoogleAnalytics(gaNav, gaSubmenu);
	
});