function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

if(screen.height < 960 || screen.width < 1025) {
	//alert("SMALL");
	window.location.href = "SMALL/index.php";
}
else {
	var mytimeout;
	var sparte = "beauty";
	var pagenr = 1;
	var iconnr = 1;
	var bildnr = 1;
	var images;
	var aktindex = 0;
	var aktcontactcontainer;
	var bigimages;
	var aktid;

	var menuearray = new Array("beauty", "fashion", "ad", "contact");
	var menuebildarrayoff = new Array("bilder/menue_oben/menueoff_03.gif", "bilder/menue_oben/menueoff_05.gif", "bilder/menue_oben/menueoff_07.gif", "bilder/menue_oben/menueoff_09.gif");
	var menuebildarrayon = new Array("bilder/menue_oben/menueon_03.gif", "bilder/menue_oben/menueon_05.gif", "bilder/menue_oben/menueon_07.gif", "bilder/menue_oben/menueon_09.gif");

	/////////////////////////
	//startscreen zentrieren
	////////////////////////
	var mytimeout;
	$(document).ready(function(){
		//content mittig setzen
		var tocenter = document.getElementById("content"); 
		tocenter.style.left='50%';
		tocenter.style.top='50%';
		tocenter.style.marginLeft = "-" + parseInt(tocenter.offsetWidth / 2) + "px";
		tocenter.style.marginTop = (parseInt(tocenter.offsetHeight / 2) + window.document.documentElement.scrollTop - 820) + "px";
	
		vorladen();
	
		mytimeout = window.setInterval("gostart()", 2000); 
	});

}

////////////////////
//menue rollover
/////////////////////
function swapImageOff(mysparte, mypic) {
	if(mysparte != sparte && document.getElementById(mysparte) != null) {
		document.getElementById(mysparte).src = mypic;
	}
}

function swapImageOn(mysparte, mypic) {
	document.getElementById(mysparte).src = mypic;
}

///////////////////////
//zahlen rollover
///////////////////////
function zahlenOn(nummer) {
	var onImg = document.getElementById("z" + nummer);
	onImg.src = "bilder/menue_zahlen/z" + nummer + "on.gif";
	//altes bild ausfaden
	$('#mainpics').fadeOut(600, function() {
		//bild wechseln
		document.getElementById("picholder").src = bigimages[nummer-1].src;
		$('#mainpics').fadeIn(600, function() {
		});
		
  	});
}
function zahlenOff(nummer) {
	var onImg = document.getElementById("z" + nummer);
	onImg.src = "bilder/menue_zahlen/z" + nummer + "off.gif";
}



////////////////////////////
//start
//////////////////////////// 
function gostart() {
	window.clearInterval(mytimeout);
	var element = document.getElementById("mainstart");
 	//$('#mainstart').fadeIn(1000, function() {
  	//});
	
	$("#startbut").click(function(event){
    	event.preventDefault();
		$('#mainstart').fadeOut(1000, function() {
			//alert(event['currentTarget']);
			//auf icons hair wechseln
				element.style.visibility = "hidden";
				document.getElementById("menue_oben").style.visibility = "visible";
				document.getElementById("menue_unten_next").style.visibility = "visible";
				document.getElementById("beauty").src = "bilder/menue_oben/menueon_03.gif";
				buildicons("beauty", 1);
 		});
	});
 }
 
//////////////////////////////////
//icons aufbauen
//////////////////////////////////
function buildicons(mysparte, mypagenr) {
	//alert(mysparte + " / " + mypagenr);
	sparte = mysparte;
	pagenr = mypagenr;
	document.getElementById("mainicons").style.visibility = "hidden";
	//icons vorladen
	images = new Array();
	for(var a=0; a<4; a++) {
		var bildname = "_" + sparte + "/icons_" + sparte +"_" + pagenr + "/knieps_" +  sparte + "_" + pagenr + "_" + (a+1) + ".jpg";
		images[a] = new Image();
		images[a].src = bildname;
	}
	fillicons();
}




function fillicons() {
	//icons bestücken und einblenden
	for(var a=0; a<4; a++) {
		var container = document.getElementById("bildicon" + (a+1));
		container.src = images[a].src;

	}
	//zeit bis icon fertig
	//mytimeout = window.setInterval("goicons()", 200); 
	goicons();

	//jetz aufblenden
}
function goicons() {
	window.clearInterval(mytimeout);
	document.getElementById("mainicons").style.visibility = "visible";
	 $('#mainicons').fadeIn(1000, function() {
  	});
	aktid = "mainicons";
}






//////////////////////////////
//click auf menue
/////////////////////////////
function iconsaus(mysparte) {
	//bilder ausblenden
	sparte = mysparte;
	//grosses aus wenn vorhanden und 
	$('#mainpics').fadeOut(1000, function() {
		document.getElementById("mainpics").style.visibility = "hidden";
		
		document.getElementById("menue_unten_zahlen").style.visibility = "hidden";	
		for(var a=1;a<7;a++) {
			document.getElementById("z" + a).style.visibility = "hidden";
		}
				
				
		if(sparte != "contact") {
			//klick auf menuepunkt ausser kontakt
			$('#container_contact').fadeOut(1000, function() {
				//eventuelle aktuelle contactseite aus
				if(aktcontactcontainer != undefined) {
					$(aktcontactcontainer).fadeOut(1000, function(){
					iconsausblenden();
					});
				}
				else {
					iconsausblenden();
				}
			});
				
		}
		else {
			//click auf kontakt
			$('#mainicons').fadeOut(1000, function() {
				document.getElementById("beauty").src = "bilder/menue_oben/menueoff_03.gif";
				document.getElementById("fashion").src = "bilder/menue_oben/menueoff_05.gif";
				document.getElementById("ad").src = "bilder/menue_oben/menueoff_07.gif";
				document.getElementById("contact").src = "bilder/menue_oben/menueon_09.gif";
				document.getElementById("menue_unten_next").style.visibility = "hidden";
				document.getElementById("menue_unten_back").style.visibility = "hidden";	
				document.getElementById("menue_unten_close").style.visibility = "hidden";	
				document.getElementById("menue_unten_zahlen").style.visibility = "hidden";	
				for(var a=1;a<7;a++) {
					document.getElementById("z" + a).style.visibility = "hidden";
				}
				contactaufblenden();
			});
		}
	});


}


function contactauswertung(seite) {
	aktcontactcontainer = "#container_" + seite;
	$('#container_contact').fadeOut(1000, function() {
		//alert('#container_' + seite);
		document.getElementById("close_contact").style.visibility = "visible";
		document.getElementById("container_" + seite).style.visibility = "visible";
		$('#container_' + seite).fadeIn(1000, function() {
		});
	});
}


function contactaufblenden() {
	document.getElementById("container_contact").style.visibility = "visible";
	$('#container_contact').fadeIn(1000, function() {
  	});
}


function iconsausblenden() {
//alle menues auf off
	document.getElementById("beauty").src = "bilder/menue_oben/menueoff_03.gif";
	document.getElementById("fashion").src = "bilder/menue_oben/menueoff_05.gif";
	document.getElementById("ad").src = "bilder/menue_oben/menueoff_07.gif";
	document.getElementById("contact").src = "bilder/menue_oben/menueoff_09.gif";
	//aktuelles an
	for(var a = 0; a<menuearray.length; a++) {
		if(menuearray[a] == sparte) {
			aktindex = a;
			document.getElementById(sparte).src = menuebildarrayon[a];
		}
	}
	pagenr = 1;
	//icons einer sparte ausblenden und init für neue
	$('#mainicons').fadeOut(1000, function() {
		buildicons(sparte, pagenr);
		document.getElementById("menue_unten_next").style.visibility = "visible";
		document.getElementById("menue_unten_back").style.visibility = "hidden";
	});	
}


/////////////////////////
//seitenwechsel
/////////////////////////
function backnext(direction) {
	if(direction == "next") {
		pagenr = 2;
		document.getElementById("menue_unten_next").style.visibility = "hidden";
		document.getElementById("menue_unten_back").style.visibility = "visible";
	}
	else {
		pagenr = 1;
		document.getElementById("menue_unten_next").style.visibility = "visible";
		document.getElementById("menue_unten_back").style.visibility = "hidden";
	}
	$('#' + aktid).fadeOut(1000, function() {
		buildicons(sparte, pagenr);
	});
		
	
}



/////////////////////////////////
//click auf icon
/////////////////////////////////
function iconsclick(iconnummer) {
	iconnr = iconnummer;
	//icons ausblenden
	$('#mainicons').fadeOut(1000, function() {
		//bigpic bestücken
		buildbigpics();
	});	
}

function buildbigpics(){	
	//bilder vorladen
	//alert("iconnummer: " + iconnr + "\nseite: " + pagenr + "\nsparte: " + sparte + "\nbildnummer: " + bildnr);
	var tmp = 'large_' + sparte + "_"  + pagenr + "_" + iconnr;
	var myimagearray = allarray[sparte][tmp];
	bigimages = new Array();
	output = "";
	for(var a=0; a<myimagearray.length; a++) {
		output+=myimagearray[a] + "\n";
		bigimages[a] = new Image();
		bigimages[a].src = "_" + sparte + "/large_" + sparte +"_" + pagenr + "_" + iconnr + "/" + myimagearray[a]; 
	}
	
		for(var b=0; b<bigimages.length; b++) {
		document.getElementById("z" + (b+1)).style.visibility = "visible";
	}
	//alert("myiamges:\n" + output);
	//menueleiste unten wechseln
	document.getElementById("menue_unten_next").style.visibility = "hidden";
	document.getElementById("menue_unten_back").style.visibility = "hidden";	
	document.getElementById("menue_unten_close").style.visibility = "visible";	
	document.getElementById("menue_unten_zahlen").style.visibility = "visible";	
	showpics(0);
}


function gobigs() {
		//leiste mit zahlen aufbauen
		document.getElementById("picholder").src = bigimages[aktindex].src;
		document.getElementById("mainpics").style.visibility = "visible";
		$('#mainpics').fadeIn(1000, function() {
  		});
}


function showpics(index) {
	if( bigimages.length >0) {
		aktindex = index;
		//mytimeout = window.setInterval("gobigs()", 1000); 	
		document.getElementById("picholder").src = bigimages[index].src;
		document.getElementById("mainpics").style.visibility = "visible";
		$('#mainpics').fadeIn(1000, function() {
  		});

	}
	else {
		alert("keine bilder vorhanden");
		//close aus und entweder back oder next rein
		if(pagenr == 1) {
			document.getElementById("menue_unten_next").style.visibility = "visible";
			document.getElementById("menue_unten_back").style.visibility = "hidden";	
		}
		else {
			document.getElementById("menue_unten_next").style.visibility = "hidden";
			document.getElementById("menue_unten_back").style.visibility = "visible";
		}
		
		document.getElementById("menue_unten_close").style.visibility = "hidden";
		document.getElementById("menue_unten_zahlen").style.visibility = "hidden";
		for(var b=0; b<6; b++) {
			document.getElementById("z" + (b+1)).style.visibility = "hidden";
		}
		//icons wieder einblenden
		$('#mainicons').fadeIn(1000, function() {
		});
	}
}

//////////////////////
//close von bigpics
/////////////////////
function schliessen() {
	if(pagenr == 1) {
		document.getElementById("menue_unten_next").style.visibility = "visible";
		document.getElementById("menue_unten_back").style.visibility = "hidden";
	}
	else {
		document.getElementById("menue_unten_next").style.visibility = "hidden";
		document.getElementById("menue_unten_back").style.visibility = "visible";
	}
	//zahlen aus
	for(var b=0; b<6; b++) {
		document.getElementById("z" + (b+1)).style.visibility = "hidden";
	}
	document.getElementById("menue_unten_zahlen").style.visibility = "hidden";	
	document.getElementById("menue_unten_close").style.visibility = "hidden";	
		
	$('#mainpics').fadeOut(1000, function() {
		$('#mainicons').fadeIn(1000, function() {

		});
  	});
}

/////////////////////////
//close kontakt
////////////////////////
function schliessencontact() {
	//alert("close");
	$('#container_information').fadeOut(1000, function() {
	});
	$('#container_clients').fadeOut(1000, function() {
	});
	$('#container_imprint').fadeOut(1000, function() {
	});
	$('#container_copyright').fadeOut(1000, function() {
	});
	$('#container_contact').fadeIn(1000, function() {
	});
	document.getElementById("close_contact").style.visibility = "hidden";
}	

function sendform() {
	window.open('', 'foo', 'width=450,height=300,status=yes,resizable=yes,scrollbars=yes');
    var a = window.setTimeout("document.myform.submit();",500); 
 
}

function vorladen() {
	
	$('#mainstart').fadeIn(1000, function() {
		var tmparray = new Array("beauty", "fashion", "ad");
		for(var z=0; z<tmparray.length; z++) {
			for(var page = 1; page <3; page++) {
				for(var icon = 1; icon < 5; icon++) {
					var iconimage = new Image();
					iconimage.src = "_" + tmparray[z] + "/icons_" + tmparray[z] + "_" + page + "/knieps_" + tmparray[z] + "_" + page + "_" + icon + ".jpg";
					var pageimage = new Image();
					pageimage.src = "_" + tmparray[z] + "/large_" + tmparray[z] + "_" + page + "_" + icon + "/knieps_" + tmparray[z] + "_" + page + "_" + icon + "_1.jpg";
				//alert(pageimage.src);
				}
			}
		}
	});
	//alert("test: " + allarray['hair']['big_hair1_1'][0]);	
		//icons vorladen und 1. grossen vorladen
			
	
	mytimeout = window.setInterval("gostart()", 1000);
	//alle grossen vorladen
}