//window.onload = fIni();

$(document).ready(function() {
fBrowser(); 
fIni();
});


var vIE6 = false;
var vIEversion;
var n4, ie, n6, doc,doc2,doc3,sty;
var fBrowser = function(){

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
		vIEversion=new Number(RegExp.$1); // capture x.x portion and store as a number
		if (vIEversion<7){vIE6 = true;}else{vIE6 = false;}
	}

if (document.layers) {
  doc  = "document.";
  doc2 = ".document.";
  doc3 = "";
  sty  = "";
  n4   = true;
//alert ("n4");
  }
else if (document.all && vIEversion != 8 ) {
  doc  = "document.all.";
  doc2 = "";
  doc3 = "";
  sty  = ".style";
  ie   = true;
//alert ("ie");
}
else if (document.getElementById || vIEversion == 8) {
  doc  = "document.getElementById('";
  doc2 ="')";
  doc3 ="')";
  sty  = "').style";
  n6   = "true";
// alert ("id");
 }
 }

var fIE6 = function(){
	alert("Sie benutzen INTERNET EXPLORER Version "+vIEversion+".\n"+"Es ist jedoch ein Version 7 oder neuer erforderlich um diese Seite zu betrachten.\nBitte aktuallisieren Sie und laden die Seite erneut.");
}	

//  AJAX  //
var resObject = null;

function fXMLHttpRequestObject(){
//  var resObject = null;
  try {
    resObject = new ActiveXObject("Microsoft.XMLHTTP");
  }
  catch(Error){
    try {
      resObject = new ActiveXObject("MSXML2.XMLHTTP");
    }
    catch(Error){
      try {
      resObject = new XMLHttpRequest();
      }
      catch(Error){
        alert("Erzeugung des XMLHttpRequest-Objekts ist nicht möglich");
      }
    }
  }  
 return resObject;
}


function fIni(){
    fXMLHttpRequestObject();
    if (resObject != null) {
      resObject.open("GET", "SOURCE/XML/images.xml", true);
      //resObject.onreadystatechange = fImages();
	  
      resObject.onreadystatechange = function(){
        if (resObject.readyState == 4) {fImagesXML();}
        }
       resObject.send(null); 
   }
}



var vCount = 1;
var vCat = "oel";

var vPath;
var aBreite;
var aHoehe;
var aCatLarge; 
var aLegende;
var aAnfrage; 
var vSubject;

var aImages = new Array(2);  
var aThumb = "aThumb";
var aLarge = "aLarge";
aImages[aThumb] = new Array(); 
aImages[aLarge] = new Array(); 

var aGeneratedTh = new Array();
var aGeneratedA = new Array();

var vOelPath;
var aOel;
var aOelBreite;
var aOelHoehe;
var aOelKlein;
var aOelGross;
var aOelLegende;
var aOelAnfrage;

var vCollagenPath
var aCollagen;
var aCollagenBreite;
var aCollagenHoehe;
var aCollagenKlein;
var aCollagenGross;
var aCollagenLegende;
var aCollagenAnfrage;

var vZeichnungenPath
var aZeichnungen;
var aZeichnungenBreite;
var aZeichnungenHoehe;
var aZeichnungenKlein;
var aZeichnungenGross;
var aZeichnungenLegende;
var aZeichnungenAnfrage;

var vPastellePath
var aPastelle;
var aPastelleBreite;
var aPastelleHoehe;
var aPastelleKlein;
var aPastelleGross;
var aPastelleLegende;
var aPastelleAnfrage;




function fImagesXML() {   
/*  XML to JS-Array  */
         if (resObject.readyState == 4) {
			var vXMLResponse = resObject.responseXML;
			vOelPath = vXMLResponse.getElementsByTagName("oel")[0].getElementsByTagName("srcpath")[0].childNodes[0].data;
			var vOelLength = vXMLResponse.getElementsByTagName("oel")[0].getElementsByTagName("reihenfolge").length;
			aOel = new Array(vOelLength);
			aOelBreite = new Array(vOelLength);
			aOelHoehe = new Array(vOelLength);
			aOelKlein = new Array(vOelLength);
			aOelGross = new Array(vOelLength);
			aOelLegende = new Array(vOelLength);
			aOelAnfrage = new Array(vOelLength);
			for (var i = 0; i < aOel.length; i++) {
				aOel[i] = vXMLResponse.getElementsByTagName("oel")[0].getElementsByTagName("reihenfolge")[i];
				aOelBreite[i] = aOel[i].getElementsByTagName("breite")[0].childNodes[0].data;
				aOelHoehe[i] = aOel[i].getElementsByTagName("hoehe")[0].childNodes[0].data;
				aOelKlein[i] = aOel[i].getElementsByTagName("klein")[0].childNodes[0].data;
				aOelGross[i] = aOel[i].getElementsByTagName("gross")[0].childNodes[0].data;
				aOelLegende[i] = aOel[i].getElementsByTagName("legende")[0].childNodes[0].data;
				aOelAnfrage[i]= aOel[i].getElementsByTagName("anfrage")[0].childNodes[0].data
				}
            
			vCollagenPath = vXMLResponse.getElementsByTagName("collagen")[0].getElementsByTagName("srcpath")[0].childNodes[0].data;
			var vCollagenLength = vXMLResponse.getElementsByTagName("collagen")[0].getElementsByTagName("reihenfolge").length;
			aCollagen = new Array(vCollagenLength);
			aCollagenBreite = new Array(vCollagenLength);
			aCollagenHoehe = new Array(vCollagenLength);
			aCollagenKlein = new Array(vCollagenLength);
			aCollagenGross = new Array(vCollagenLength);
			aCollagenLegende = new Array(vCollagenLength);
			aCollagenAnfrage = new Array(vCollagenLength);
			for (var i = 0; i < aCollagen.length; i++) {
				aCollagen[i] = vXMLResponse.getElementsByTagName("collagen")[0].getElementsByTagName("reihenfolge")[i];
				aCollagenBreite[i] = aCollagen[i].getElementsByTagName("breite")[0].childNodes[0].data;
				aCollagenHoehe[i] = aCollagen[i].getElementsByTagName("hoehe")[0].childNodes[0].data;
				aCollagenKlein[i] = aCollagen[i].getElementsByTagName("klein")[0].childNodes[0].data;
				aCollagenGross[i] = aCollagen[i].getElementsByTagName("gross")[0].childNodes[0].data;
				aCollagenLegende[i] = aCollagen[i].getElementsByTagName("legende")[0].childNodes[0].data;
				aCollagenAnfrage[i]= aCollagen[i].getElementsByTagName("anfrage")[0].childNodes[0].data
            }


			vZeichnungenPath = vXMLResponse.getElementsByTagName("zeichnungen")[0].getElementsByTagName("srcpath")[0].childNodes[0].data;
			var vZeichnungenLength = vXMLResponse.getElementsByTagName("zeichnungen")[0].getElementsByTagName("reihenfolge").length;
			aZeichnungen = new Array(vZeichnungenLength);
			aZeichnungenBreite = new Array(vZeichnungenLength);
			aZeichnungenHoehe = new Array(vZeichnungenLength);
			aZeichnungenKlein = new Array(vZeichnungenLength);
			aZeichnungenGross = new Array(vZeichnungenLength);
			aZeichnungenLegende = new Array(vZeichnungenLength);
			aZeichnungenAnfrage = new Array(vZeichnungenLength);
			for (var i = 0; i < aZeichnungen.length; i++) {
				aZeichnungen[i] = vXMLResponse.getElementsByTagName("zeichnungen")[0].getElementsByTagName("reihenfolge")[i];
				aZeichnungenBreite[i] = aZeichnungen[i].getElementsByTagName("breite")[0].childNodes[0].data;
				aZeichnungenHoehe[i] = aZeichnungen[i].getElementsByTagName("hoehe")[0].childNodes[0].data;
				aZeichnungenKlein[i] = aZeichnungen[i].getElementsByTagName("klein")[0].childNodes[0].data;
				aZeichnungenGross[i] = aZeichnungen[i].getElementsByTagName("gross")[0].childNodes[0].data;
				aZeichnungenLegende[i] = aZeichnungen[i].getElementsByTagName("legende")[0].childNodes[0].data;
				aZeichnungenAnfrage[i]= aZeichnungen[i].getElementsByTagName("anfrage")[0].childNodes[0].data
            }
        
			vPastellePath = vXMLResponse.getElementsByTagName("pastelle")[0].getElementsByTagName("srcpath")[0].childNodes[0].data;
			var vPastelleLength = vXMLResponse.getElementsByTagName("pastelle")[0].getElementsByTagName("reihenfolge").length;
			aPastelle = new Array(vPastelleLength);
			aPastelleBreite = new Array(vPastelleLength);
			aPastelleHoehe = new Array(vPastelleLength);
			aPastelleKlein = new Array(vPastelleLength);
			aPastelleGross = new Array(vPastelleLength);
			aPastelleLegende = new Array(vPastelleLength);
			aPastelleAnfrage = new Array(vPastelleLength);
			for (var i = 0; i < aPastelle.length; i++) {
				aPastelle[i] = vXMLResponse.getElementsByTagName("pastelle")[0].getElementsByTagName("reihenfolge")[i];
				aPastelleBreite[i] = aPastelle[i].getElementsByTagName("breite")[0].childNodes[0].data;
				aPastelleHoehe[i] = aPastelle[i].getElementsByTagName("hoehe")[0].childNodes[0].data;
				aPastelleKlein[i] = aPastelle[i].getElementsByTagName("klein")[0].childNodes[0].data;
				aPastelleGross[i] = aPastelle[i].getElementsByTagName("gross")[0].childNodes[0].data;
				aPastelleLegende[i] = aPastelle[i].getElementsByTagName("legende")[0].childNodes[0].data;
				aPastelleAnfrage[i]= aPastelle[i].getElementsByTagName("anfrage")[0].childNodes[0].data
            }
			
		fGallery(0);	
		}
}



$(function(){
		
	$('#contentStart').hover(
		function () {
			$(this).css({cursor:'pointer'})
		},
		function(){
			$(this).css({cursor:'default'}) 		
		}
	);
	
	$('#contentStart').click(function()
		{
			vIE6 ? fLinks('ie6') : fLinks('start');
		});

	$('#arrowLeftImg').hover(
		function () {
			$(this).css({cursor:'pointer'})
		},
		function(){
			$(this).css({cursor:'default'}) 		
		}
	);
	$('#arrowRightImg').hover(
		function () {
			$(this).css({cursor:'pointer'})
		},
		function(){
			$(this).css({cursor:'default'}) 		
		}
	);
	
$('#arrowLeftImg').mouseup(function() {fGallery(-1);});
$('#arrowRightImg').mouseup(function() {fGallery(1);});


	$('#legendeI').hover(
		function () {
			$(this).css({cursor:'pointer'})
		},
		function(){
			$(this).css({cursor:'default'}) 		
		}
	);
	
	$('#legendeI').mouseup(function() {fMail(this);});

});



// MAIN FUNCTION

function fGallery(upDown){ 
var aElements; 
//var vPath; => global
var aCatThumb; 
//var aCatLarge; => global
//var aLegende; => global
//var aAnfrage;  => global
var vThumbName; 
var vContentDiv; 


switch (vCat) {
  case "oel":
		aElements = aOel;
		vPath = vOelPath; // "SOURCE/IMG/oel/";
		aBreite = aOelBreite;
		aHoehe = aOelHoehe;
		aCatThumb = aOelKlein;
		aCatLarge = aOelGross;		
		aLegende = aOelLegende;
		aAnfrage = aOelAnfrage;
		vThumbName = "thumbOil-";
		vAnchorName = "anchorOil-";
		vContentDiv = "contentThumbOil";

	    break;
  case "collagen":
		aElements = aCollagen; 
		vPath = vCollagenPath;
		aBreite = aCollagenBreite;
		aHoehe = aCollagenHoehe;		
		aCatThumb = aCollagenKlein; 
		aCatLarge = aCollagenGross;		
		aLegende = aCollagenLegende; 
		aAnfrage = aCollagenAnfrage; 
		vThumbName = "thumbCollagen-";
		vAnchorName = "anchorCollagen-";
		vContentDiv = "contentThumbCollagen";

	    break;
  case "zeichnungen":
		aElements = aZeichnungen;
		vPath = vZeichnungenPath;
		aBreite = aZeichnungenBreite;
		aHoehe = aZeichnungenHoehe;
		aCatThumb = aZeichnungenKlein;
		aCatLarge = aZeichnungenGross;
		aLegende = aZeichnungenLegende;
		aAnfrage = aZeichnungenAnfrage;
		vThumbName = "thumbZeichnungen-";
		vAnchorName = "anchorZeichnungen-";
		vContentDiv = "contentThumbZeichnungen";
	    break;
  case "pastelle":
		aElements = aPastelle;
		vPath = vPastellePath;
		aBreite = aPastelleBreite;
		aHoehe = aPastelleHoehe;
		aCatThumb = aPastelleKlein;
		aCatLarge = aPastelleGross;
		aLegende = aPastelleLegende;
		aAnfrage = aPastelleAnfrage;
		vThumbName = "thumbPastelle-";
		vAnchorName = "anchorPastelle-";
		vContentDiv = "contentThumbPastelle";
	    break;
  default:
    vCat = "oel";
}


	
	vCount = vCount +upDown;
	var vAL;
	var ii;
	
	
	
	if (vCount == 1) {
	   if (aElements.length < vCount*10){ //alert("case 1.1");
            eval(doc+'arrowLeftImg'+sty).visibility ='hidden';
            eval(doc+'arrowRightImg'+sty).visibility ='hidden';
	       ii = (vCount-1)*10; 
	       vAL = aElements.length;
	   }else {//alert("case 1.2");
	       eval(doc+'arrowLeftImg'+sty).visibility ='hidden';
	       eval(doc+'arrowRightImg'+sty).visibility ='visible';
	       ii = (vCount-1)*10; 
	       vAL = 10;
	   }
    }else if(vCount > 1) {
 			if (aElements.length >= (vCount-1)*10  && aElements.length < (vCount*10)) { //alert("2.1");
				ii = (vCount-1)*10; 
				vAL = aElements.length; 
				eval(doc+'arrowLeftImg'+sty).visibility ='visible';
				eval(doc+'arrowRightImg'+sty).visibility ='hidden';
			} else if (aElements.length >= (vCount*10)) { //alert("2.2");
				ii = (vCount-1)*10;  
				vAL = (vCount*10); 
				eval(doc+'arrowLeftImg'+sty).visibility ='visible';
				eval(doc+'arrowRightImg'+sty).visibility ='visible';
			}
   }
	
/*
	switch (vCount) {
		case 1:
			if (aElements.length < vCount*10){ //alert("case 1.1");
				eval(doc+'arrowLeftImg'+sty).visibility ='hidden';
				eval(doc+'arrowRightImg'+sty).visibility ='hidden';
				ii = (vCount-1)*10; 
				vAL = aElements.length;
			}else {//alert("case 1.2");
				eval(doc+'arrowLeftImg'+sty).visibility ='hidden';
				eval(doc+'arrowRightImg'+sty).visibility ='visible';
				ii = (vCount-1)*10; 
				vAL = 10;
			}
			break;
		case 2:
			if (aElements.length >= (vCount-1)*10  && aElements.length < (vCount*10)) { //alert("2.1");
				ii = (vCount-1)*10; 
				vAL = aElements.length; 
				eval(doc+'arrowLeftImg'+sty).visibility ='visible';
				eval(doc+'arrowRightImg'+sty).visibility ='hidden';
			} else if (aElements.length >= (vCount*10)) { //alert("2.2");
				ii = (vCount-1)*10;  
				vAL = (vCount*10); 
				eval(doc+'arrowLeftImg'+sty).visibility ='visible';
				eval(doc+'arrowRightImg'+sty).visibility ='visible';
			}
			break;
		case 3:
			if (aElements.length >= (vCount-1)*10  && aElements.length < (vCount*10)) { //alert("3.1");
				ii = (vCount-1)*10; 
				vAL = aElements.length; 
				eval(doc+'arrowLeftImg'+sty).visibility ='visible';
				eval(doc+'arrowRightImg'+sty).visibility ='hidden';
			} else if (aElements.length >= (vCount*10)) { //alert("3.2");
				ii = (vCount-1)*10;  
				vAL = (vCount*10); 
				eval(doc+'arrowLeftImg'+sty).visibility ='visible';
				eval(doc+'arrowRightImg'+sty).visibility ='visible';
			}
			break;
			
		case 4:
			if (aElements.length >= (vCount-1)*10  && aElements.length < (vCount*10)) { //alert("4.1");
				ii = (vCount-1)*10; 
				vAL = aElements.length; 
				eval(doc+'arrowLeftImg'+sty).visibility ='visible';
				eval(doc+'arrowRightImg'+sty).visibility ='hidden';
			} else if (aElements.length >= (vCount*10)) { //alert("4.2");
				ii = (vCount-1)*10;  
				vAL = (vCount*10); 
				eval(doc+'arrowLeftImg'+sty).visibility ='visible';
				eval(doc+'arrowRightImg'+sty).visibility ='visible';
			}
			break;
	}
*/
		//alert(aGeneratedA);
		//alert(aGeneratedTh);
		for(var i = 0; i < aGeneratedA.length; i++){
		var c = eval(doc+'contentThumb'+doc3);
		var d = eval(doc+aGeneratedA[i]+doc3);
		var e = eval(doc+aGeneratedTh[i]+doc3);
		d.removeChild(e);
		}

	for(var i = 0; i < aGeneratedA.length; i++){
		var c = eval(doc+'contentThumb'+doc3);
		var d = eval(doc+aGeneratedA[i]+doc3);
		c.removeChild(d);
		}

	aGeneratedTh = [];
	aGeneratedA = [];
	
	for (var i = ii; i < vAL; i++) {		
		aImages[aThumb][i] = new Image();
		aImages[aThumb][i].src = vPath + aCatThumb[i];
		aImages[aThumb][i].width = aImages[aThumb][i].width; aImages[aThumb][i].height = aImages[aThumb][i].height;
		
		aImages[aLarge][i] = new Image();
		aImages[aLarge][i].src = vPath + aCatLarge[i];
		aImages[aLarge][i].width = aImages[aLarge][i].width; aImages[aLarge][i].height = aImages[aLarge][i].height;
		
	var	newThumb = document.createElement("img");
		newThumb.setAttribute("id", vThumbName +(i+1));
		newThumb.setAttribute("class", "thumb");
		if (i == 0){newThumb.setAttribute("style", "margin-left:0px");}
		newThumb.setAttribute("src", aImages[aThumb][i].src);
		newThumb.setAttribute("alt", "Philipp Mager");

		
	var	newAnchor = document.createElement("a");
	    newAnchor.setAttribute("id", vAnchorName +(i+1));
		newAnchor.setAttribute("class", "anchor");
		newAnchor.setAttribute("href", "javascript:fLarge("+i+")");
		
		newAnchor.appendChild(newThumb);
		document.getElementById("contentThumb").appendChild(newAnchor);	
		
		aGeneratedTh.push(newThumb.id);
		aGeneratedA.push(newAnchor.id);		
		}
		
		$("#"+aGeneratedTh[0]).css({border:'2px #E2001A solid'});
		
		if(aImages[aLarge][ii].complete == true) {
			$("#imgLarge").attr('height',aImages[aLarge][ii].height); 
			$("#imgLarge").attr('width',aImages[aLarge][ii].width); 
			$("#imgLarge").attr('src',aImages[aLarge][ii].src); 
		} else {
			var vImg = new Image();
			vImg.src = aImages[aLarge][ii].src;
			vImg.width = aBreite[ii];  //aImages[aLarge][ii].width;
			vImg.height = aHoehe[ii];  //aImages[aLarge][ii].height;
			//needed because of otherwise changing size befor switching image
			if (resObject != null) {
      			resObject.open("GET", vImg.src, true); 
      			resObject.onreadystatechange = function(){
        		if (resObject.readyState == 4) {			
					$("#imgLarge").attr('src',vImg.src); 
					$("#imgLarge").attr('width',vImg.width); 
					$("#imgLarge").attr('height',vImg.height); }
        		}
       			resObject.send(null); 
   			} 
		}
		
		
		vSubject = aAnfrage[ii];
		//alert("ii = " +ii+ "   aAnfrage = " +aAnfrage[ii]);
		vLegende = aLegende[ii].split("|"); //alert(vLegende);
		eval(doc+"legendeB"+doc3).innerHTML = vLegende[0];
		eval(doc+"legendeN"+doc3).innerHTML = "| "+vLegende[1]+"|"+vLegende[2]+"|"+vLegende[3]+"&nbsp;|";
		eval(doc+"legendeI"+doc3).innerHTML = "&nbsp;Anfrage";
		
}
	


// CLICKING ON THUMBS
function fLarge(i){
var z = i.toString(); 
var thId;
for(var zz = 0; zz< aGeneratedTh.length; zz++){
	$("#"+aGeneratedTh[zz]).css({border:'none'});
	if(aGeneratedTh[zz].indexOf(z)!= -1){thId = aGeneratedTh[zz+1];	}
}


if(vCount)
	var iii = vCount *10 -10;

//alert("vCount=  "+vCount+"\n"+"i=  "+i+"\n"+"iii=  "+iii+"\n"+"aGeneratedTh=  "+aGeneratedTh+"\n"+"aGeneratedTh[i]=  "+aGeneratedTh[i]);

$("#"+aGeneratedTh[i -iii]).css({border:'2px #E2001A solid'});

		if(aImages[aLarge][i].complete == true) {
			//var x = aImages[aLarge][i].width; var y = aImages[aLarge][i].height;  alert(x+"  -  "+y);
			var x = aBreite[i]; var y = aHoehe[i]; // alert(x+"  -  "+y);
			$("#imgLarge").attr('width',x);
			$("#imgLarge").attr('height',y); 
			$("#imgLarge").attr('src',aImages[aLarge][i].src); 
		} else {
			var vImg = new Image();
			vImg.src = aImages[aLarge][i].src;
			vImg.width = aBreite[i];  //aImages[aLarge][i].width;
			vImg.height = aHoehe[i];  //aImages[aLarge][i].height;
			$("#imgLarge").attr('src',vImg.src); 
			$("#imgLarge").attr('width',vImg.width); 
			$("#imgLarge").attr('height',vImg.height); 
		}
	
	vLegende = aLegende[i].split("|"); //alert(vLegende);
	eval(doc+"legendeB"+doc3).innerHTML = vLegende[0];
	eval(doc+"legendeN"+doc3).innerHTML = "| "+vLegende[1]+"|"+vLegende[2]+"|"+vLegende[3]+"&nbsp;|";
	eval(doc+"legendeI"+doc3).innerHTML = "&nbsp;Anfrage";

	vSubject = aAnfrage[i];

}

/*
<contentStart/>
<header/>
<contentBox>
	<contentImage/>
	<containerTxt>
		<contentUeber/>
		<contentBiografie/>
		<contentLinks/>
		<contentKontakt/>
	</containerTxt>
</contentBox>
*/
var aMainLinks = new Array();
aMainLinks[0] = "contentStart"; 
aMainLinks[1] = "header"; 
aMainLinks[2] = "contentBox";
aMainLinks[3] = "contentImage";
aMainLinks[4] = "containerTxt";
aMainLinks[5] = "inlineContainerTxt";
aMainLinks[6] = "contentUeber";
aMainLinks[7] = "contentBiografie";
aMainLinks[8] = "contentLinks";
aMainLinks[9] = "contentKontakt";





function fLinks(cat){
switch(cat){
	case "ie6":
		fIE6();
		break;
	case "start":	
		for(var i=0;i<aMainLinks.length;i++){$('#'+aMainLinks[i]).css({display: 'none'});}
		$('#header').css({display: 'block'});
		$('#contentBox').css({display: 'block'});
		$('#contentImage').css({display: 'block'});		
		break;
	case "pm":
		for(var i=0;i<aMainLinks.length;i++){$('#'+aMainLinks[i]).css({display: 'none'});}
		$('#contentStart').css({display: 'block'});
		break;
	case "oel":
		for(var i=0;i<aMainLinks.length;i++){$('#'+aMainLinks[i]).css({display: 'none'});}
		$('#header').css({display: 'block'});
		$('#contentBox').css({display: 'block'});
		$('#contentImage').css({display: 'block'});	
		vCount = 1;
		vCat = "oel";
		fGallery(0);
		break;
	case "collagen":
		for(var i=0;i<aMainLinks.length;i++){$('#'+aMainLinks[i]).css({display: 'none'});}
		$('#header').css({display: 'block'});
		$('#contentBox').css({display: 'block'});
		$('#contentImage').css({display: 'block'});	
		vCount = 1;
		vCat = "collagen";
		fGallery(0);
		break;
	case "zeichnungen":
		for(var i=0;i<aMainLinks.length;i++){$('#'+aMainLinks[i]).css({display: 'none'});}
		$('#header').css({display: 'block'});
		$('#contentBox').css({display: 'block'});
		$('#contentImage').css({display: 'block'});	
		vCount = 1;
		vCat = "zeichnungen";
		fGallery(0);
		break;
	case "pastelle":
		for(var i=0;i<aMainLinks.length;i++){$('#'+aMainLinks[i]).css({display: 'none'});}
		$('#header').css({display: 'block'});
		$('#contentBox').css({display: 'block'});
		$('#contentImage').css({display: 'block'});	
		vCount = 1;
		vCat = "pastelle";
		fGallery(0);
		break;
	case "ueber":
		for(var i=0;i<aMainLinks.length;i++){$('#'+aMainLinks[i]).css({display: 'none'});}
		$('#header').css({display: 'block'});
		$('#contentBox').css({display: 'block'});
		$('#containerTxt').css({display: 'block'});
		$('#inlineContainerTxt').css({display: 'block'});
		$('#contentUeber').css({display: 'block'});
		fMask();		
		break;
	case "biografie":
		for(var i=0;i<aMainLinks.length;i++){$('#'+aMainLinks[i]).css({display: 'none'});}
		$('#header').css({display: 'block'});
		$('#contentBox').css({display: 'block'});
		$('#containerTxt').css({display: 'block'});
		$('#inlineContainerTxt').css({display: 'block'});
		$('#contentBiografie').css({display: 'block'});
		fMask();
		// JSCOLLPANE
		$('.scroll-pane').jScrollPane();
		break;
	case "links":
		for(var i=0;i<aMainLinks.length;i++){$('#'+aMainLinks[i]).css({display: 'none'});}
		$('#header').css({display: 'block'});
		$('#contentBox').css({display: 'block'});
		$('#containerTxt').css({display: 'block'});
		$('#inlineContainerTxt').css({display: 'block'});
		$('#contentLinks').css({display: 'block'});
		fMask();
		break;
	case "kontakt":
		for(var i=0;i<aMainLinks.length;i++){$('#'+aMainLinks[i]).css({display: 'none'});}
		$('#header').css({display: 'block'});
		$('#contentBox').css({display: 'block'});
		$('#containerTxt').css({display: 'block'});
		$('#inlineContainerTxt').css({display: 'block'});
		$('#contentKontakt').css({display: 'block'});
		fMask();
		break;
	}
}


function fMail(elem){
this.blur();
var vAdress = String.fromCharCode(109, 97, 105, 108, 116, 111, 58, 119, 119, 119, 64, 112, 104, 105, 108, 105, 112, 112, 109, 97, 103, 101, 114, 46, 100, 101);
var vMail = vAdress+"?subject=ANFRAGE: "+vSubject;alert(vMail);
window.frames['iFrame'].location.href = vMail;
}




function fMask(){
var h_eight = $('#inlineContainerTxt').height();
var l_eft = $('#inlineContainerTxt').offset().left;
var t_op = $('#inlineContainerTxt').offset().top; 
var b_ottom = $('#inlineContainerTxt').offset().top +h_eight -8; 
$('#maskTop').css({left: l_eft+'px'});
if($('#contentKontakt').css('display')=='block'){$('#maskTop').css({top: t_op-10+'px'});}
else{$('#maskTop').css({top: t_op+'px'});}
//$('#maskTop').css({top: t_op+'px'});
$('#maskTop').css({visibility: 'visible'});
$('#maskBottom').css({left: l_eft+'px'});
$('#maskBottom').css({top: b_ottom+'px'});
$('#maskBottom').css({visibility: 'visible'});


}

/* ##### JQUERY [call] ##### */
/**/
jQuery(function() {
	$('#maskBottom').onload = fMask();
	$(window).resize(function() {
		fMask();$('#maskTop').width(585+'px');
		//$('#maskBottom').width(585+'px');
		});
});

// ##### END JQUERY [call]