$(document).ready(function() {

	
		$('.basicOuterWrapMenu2 ul li').last().css('border-right', 'none');


	(function($){
	    $.fn.preloadImages = function(options){
	
	        var defaults = {
	            showSpeed: 500,
	            easing: 'easeOutQuad'
	        };
	
	        var options = $.extend(defaults, options);
	
	        return this.each(function(){
	            var container = $(this);
	            var image = container.find('img');
	
	            $(image).css({ "visibility": "hidden", "opacity": "0" });
	            $(image).bind('load error', function(){
	                $(this).css({ "visibility": "visible" }).animate({ opacity:"1" }, {duration:options.showSpeed, easing:options.easing}).parent(container).removeClass('preload');
	                //alert("done");
	            }).each(function(){
	                if(this.complete || ($.browser.msie && parseInt($.browser.version) == 6)) { $(this).trigger('load'); }
	            });
	        });
	    }
	})(jQuery);
	
	jQuery('.basicBackground').preloadImages({
	        showSpeed: 500,   // length of fade-in animation, 500 is default
	        easing: 'easeOutQuad'   // optional easing, if you don't have any easing scripts - delete this option
	});
	



	//START Filial Menü mit Abfrage der Domain
	var incomingDomain = document.domain;
	var activeDomain = 0;
	
	var i = 1;
	$("div.filiale a img").each(function(){
			$(this).attr('id','filiale'+i);
			i++;
	});
	
	var i = 1;
	
	$("div.filialeName").each(function(){
			$(this).attr('id','filialeName'+i);
			$(this).css({color: "#ffffff"});
			i++;
	});

	switch (incomingDomain){
		case "www.doeser-optik.de": { 
			activeID = 1; 
			activeURL = "fileadmin/templates/doeser/images/doeser_orig.jpg"; 
			$('img#filiale1').attr("src", "fileadmin/templates/doeser/images/doeser_orig.jpg"); 
			break 
		}
		case "www.die-brille-ulm.de": { 
			activeID = 2; 
			activeURL = "fileadmin/templates/doeser/images/diebrille_orig.jpg"; 
			$('img#filiale2').attr("src", "fileadmin/templates/doeser/images/diebrille_orig.jpg"); 
			break 
		}
		case "www.eyes-ulm.de": { 
			activeID = 3; 
			activeURL = "fileadmin/templates/doeser/images/eyes_orig.jpg"; 
			$('img#filiale3').attr("src", "fileadmin/templates/doeser/images/eyes_orig.jpg"); 
			break 
		}
		case "www.die-brille-biberach.de": { 
			activeID = 4; 
			activeURL = "fileadmin/templates/doeser/images/diebrille_orig.jpg"; 
			$('img#filiale4').attr("src", "fileadmin/templates/doeser/images/diebrille_orig.jpg"); 
			break 
		}
		case "www.fickartz-optik.de": { 
			activeID = 5; 
			activeURL = "fileadmin/templates/doeser/images/fickartz_orig.jpg"; 
			$('img#filiale5').attr("src", "fileadmin/templates/doeser/images/fickartz_orig.jpg"); 
			break 
		}
		default: { 
			activeID = 1; 
			activeURL = "fileadmin/templates/doeser/images/doeser_orig.jpg"; 
			$('img#filiale1').attr("src", "fileadmin/templates/doeser/images/doeser_orig.jpg"); 
			break
		}
	}
		
	$("img#filiale1").mouseover(function(){	
		var tempIDfiliale = 1;
		$("#filialeName"+tempIDfiliale).css({color: "#999999"});
		$('.switch1').show();
		$('img#filiale1').attr("src", "fileadmin/templates/doeser/images/doeser_orig.jpg");
		if(tempIDfiliale != activeID){
			var newTempDomain = activeURL.replace(/orig/g, "blur");
			$('img#filiale'+activeID).attr("src", newTempDomain);
		}	
	});
	$("img#filiale1").mouseout(function(){
		var tempIDfiliale = 1;
		$("#filialeName"+tempIDfiliale).css({color: "#ffffff"});
		$('img#filiale1').attr("src", "fileadmin/templates/doeser/images/doeser_blur.jpg");
		if(tempIDfiliale != activeID){
			var newTempDomain = activeURL.replace(/blur/g, "orig");
			$('img#filiale'+activeID).attr("src", newTempDomain);	
		}else{
			$('img#filiale'+activeID).attr("src", "fileadmin/templates/doeser/images/doeser_orig.jpg");
		}		
	});
	
	$("img#filiale2").mouseover(function(){	
		var tempIDfiliale = 2;
		$("#filialeName"+tempIDfiliale).css({color: "#999999"});
		$('img#filiale2').attr("src", "fileadmin/templates/doeser/images/diebrille_orig.jpg");
		if(tempIDfiliale != activeID){
			var newTempDomain = activeURL.replace(/orig/g, "blur");
			$('img#filiale'+activeID).attr("src", newTempDomain);
		}	
	});
	$("img#filiale2").mouseout(function(){
		var tempIDfiliale = 2;
		$("#filialeName"+tempIDfiliale).css({color: "#ffffff"});
		$('img#filiale2').attr("src", "fileadmin/templates/doeser/images/diebrille_blur.jpg");
		if(tempIDfiliale != activeID){
			var newTempDomain = activeURL.replace(/blur/g, "orig");
			$('img#filiale'+activeID).attr("src", newTempDomain);	
		}else{
			$('img#filiale'+activeID).attr("src", "fileadmin/templates/doeser/images/diebrille_orig.jpg");
		}		
	});
	
	$("img#filiale3").mouseover(function(){	
		var tempIDfiliale = 3;
		$("#filialeName"+tempIDfiliale).css({color: "#999999"});
		$('img#filiale3').attr("src", "fileadmin/templates/doeser/images/eyes_orig.jpg");
		if(tempIDfiliale != activeID){
			var newTempDomain = activeURL.replace(/orig/g, "blur");
			$('img#filiale'+activeID).attr("src", newTempDomain);
		}	
	});
	$("img#filiale3").mouseout(function(){
		var tempIDfiliale = 3;
		$("#filialeName"+tempIDfiliale).css({color: "#ffffff"});
		$('img#filiale3').attr("src", "fileadmin/templates/doeser/images/eyes_blur.jpg");
		if(tempIDfiliale != activeID){
			var newTempDomain = activeURL.replace(/blur/g, "orig");
			$('img#filiale'+activeID).attr("src", newTempDomain);
		}else{
			$('img#filiale'+activeID).attr("src", "fileadmin/templates/doeser/images/eyes_orig.jpg");
		}			
	});
	
	$("img#filiale4").mouseover(function(){	
		var tempIDfiliale = 4;
		$("#filialeName"+tempIDfiliale).css({color: "#999999"});
		$('img#filiale4').attr("src", "fileadmin/templates/doeser/images/diebrille_orig.jpg");
		if(tempIDfiliale != activeID){
			var newTempDomain = activeURL.replace(/orig/g, "blur");
			$('img#filiale'+activeID).attr("src", newTempDomain);
		}	
	});
	$("img#filiale4").mouseout(function(){
		var tempIDfiliale = 4;
		$("#filialeName"+tempIDfiliale).css({color: "#ffffff"});
		$('img#filiale4').attr("src", "fileadmin/templates/doeser/images/diebrille_blur.jpg");
		if(tempIDfiliale != activeID){
			var newTempDomain = activeURL.replace(/blur/g, "orig");
			$('img#filiale'+activeID).attr("src", newTempDomain);	
		}else{
			$('img#filiale'+activeID).attr("src", "fileadmin/templates/doeser/images/diebrille_orig.jpg");
		}		
	});
	
	$("img#filiale5").mouseover(function(){	
		var tempIDfiliale = 5;
		$("#filialeName"+tempIDfiliale).css({color: "#999999"});
		$('img#filiale5').attr("src", "fileadmin/templates/doeser/images/fickartz_orig.jpg");
		if(tempIDfiliale != activeID){
			var newTempDomain = activeURL.replace(/orig/g, "blur");
			$('img#filiale'+activeID).attr("src", newTempDomain);
		}	
	});
	$("img#filiale5").mouseout(function(){
		var tempIDfiliale = 5;
		$("#filialeName"+tempIDfiliale).css({color: "#ffffff"});
		$('img#filiale5').attr("src", "fileadmin/templates/doeser/images/fickartz_blur.jpg");
		if(tempIDfiliale != activeID){
			var newTempDomain = activeURL.replace(/blur/g, "orig");
			$('img#filiale'+activeID).attr("src", newTempDomain);
		}else{
			$('img#filiale'+activeID).attr("src", "fileadmin/templates/doeser/images/fickartz_orig.jpg");
		}	
	});	
	//ENDE Filial Menü mit Abfrage der Domain
	
	//START Buttons für Content ein-/ausblenden
	$('.switch2').hide();
	$('.switch1').click(function() {
		$('.area').fadeOut();
		$('.switch1').hide();
		$('.switch2').show();
	});
	$('.switch2').click(function() {
		$('.area').fadeIn();
		$('.switch2').hide();
		$('.switch1').show();
	});
	//ENDE Buttons für Content ein-/ausblenden
	
	//START Berechnung dargestellte Bildfläche und Hintergrundbilder
	//START Definition Resize
	function scwResize () {

		// Fensterbreite auslesen
		var windowWidth = $(window).width();
		var windowHeight = $(window).height();
		
		var containerMinHeight = 330; // Mindesthöhe für Container
		var containerMinWidth = 945;  // Mindestbreite für Container
		
		//START Positionierung Menü für IE
		if($.browser.msie && windowWidth > 1035) {
			//alert($.browser.version);
			$("div.positionIE").css("margin-left", ((windowWidth - 945) / 2) - 157);
		}else if($.browser.msie && windowWidth < 1035){
			//alert($.browser.version);
			$("div.positionIE").css("margin-left", "-97");
		}
		//ENDE Positionierung Menü
		
		// Content Höhe bestimmen
		var containerHeight = $(".basicContent").height() + 30;
		// Mindesthöhe beachten

		
		if(containerHeight < containerMinHeight) { containerHeight = containerMinHeight; }
		
		
		
		// Maximale Höhe ohne Scrollen zu müssen, falls der Content die Seite nicht ausfüllt
		if(containerHeight < (windowHeight - 380)) { containerHeight = (windowHeight - 380); }
		
		if($.browser.msie) {
			if(containerHeight < (windowHeight - 400)) { 
				containerHeight = (windowHeight - 400); 
				
				//alert("IE!");
			}
		}
		
		
		
		
		
		// Content Width bestimmen
		var containerWidth = windowWidth - 60;
		
		//Weiche zum Ausblenden der Scrollbars im IE
		if($.browser.msie) {
			if(containerWidth < containerMinWidth || containerHeight == containerMinHeight){ 
					$('body').css("overflow", "auto");
			}else{
					$('body').css("width", windowWidth);
					$('body').css("overflow", "hidden");
			}
		}
		
		// Content Width bestimmen wenn Mindestbreite unterschritten
		if(containerWidth < containerMinWidth){containerWidth = containerMinWidth;}

		// Relationen bestimmen
		var relationContainer = containerWidth / containerHeight;
		var relationImage = 1.5;
		
		// Neue Höhe/Breite des Bilds
		var newWidth = containerWidth;
		var newHeight = containerHeight;

		// Berechnung der neuen Größe des Bilds
		// Container breiter als das Bild
		if(relationContainer >= relationImage) {
			newHeight = containerWidth / relationImage;
		}
		// Bild breiter als der Container
		else {
			newWidth = containerHeight * relationImage;
		}

		// Breite und Höhe des Bereichs setzen, in dem das Bild angezeigt wird
		$('.basicContentWrap').css({width: containerWidth, height: containerHeight});

		// Hintergrundbild scalieren
		$(".basicBackground li img").css({ width: newWidth, height: newHeight });
		$(".basicBackground ul").css({ width: newWidth, height: containerHeight });
		
		// Hintergrundbild zentrieren
		$(".basicBackground li img").css("margin-top", (containerHeight - newHeight) / 2);
		$(".basicBackground li img").css("margin-left", (containerWidth - newWidth) / 2);

		// Padding bestimmen -> mindestens 30px
		calcPedding = ((windowWidth - 945) / 2) - 30;
		if(calcPedding <= 30) { calcPedding = 30; }

		// Höhe und Padding für den Content Background setzen
		$(".basicContentBackground").css("padding-left", calcPedding);
		$(".basicContentBackground").css("height", containerHeight);

		// Galerie-Button positionieren
		$('.switch1, .switch2').css("left", calcPedding + 790);

		// Paddingreparatur für den IE
		if($.browser.msie) {
			$(".basicContentBackground").css("padding-right", "222");
		}

	};
	//ENDE DEFINITION Resize
	
	//Größe des Fensters beim Aufruf der Seite
	scwResize();
	//Größe des Fensters beim Resize des Browsers
	$(window).bind("resize", function resizeWindow(e) { scwResize(); } );
	//ENDE Berechnung dargestellte Bildfläche und Hintergrundbilder
});