if (navigator.userAgent.indexOf("MSIE")!= -1){
   Browser = ("IE");
}
   else if (navigator.userAgent.indexOf("Netscape")!= -1){
   Browser = ("Netscape");
}
   else if (navigator.userAgent.indexOf("Opera")!= -1){
   Browser = ("Opera");
}
   else if (navigator.userAgent.indexOf("Firefox")!= -1){
   Browser = ("Firefox");
}
   else if (navigator.userAgent.indexOf("Safari")!= -1){
   Browser = ("Safari");
}

   if(navigator.userAgent.indexOf("iPhone")!= -1){
		 //||iphone||ipod||opera mini||fennec||palm||blackberry||android||symbian||series60
   		Browser = ("IPhone");	
	}
	if(navigator.userAgent.indexOf("Android")!= -1){
		 //||iphone||ipod||opera mini||fennec||palm||blackberry||android||symbian||series60
   		Browser = ("Android");	
	}
if(navigator.userAgent.indexOf("iPad")!= -1){
   	Browser = ("Safari");	
}
if (navigator.userAgent.indexOf("MSIE 9")!= -1){
   		Browser = ("IE9");	
}

if(navigator.userAgent.indexOf("Win")!= -1){
   		Betriebssystem = ("Windows");
	}else if (navigator.userAgent.indexOf("Mac")!= -1){
   		Betriebssystem = ("Mac");
   	}else{
   		Betriebssystem = navigator.userAgent;
}



function BildEinblenden(Bildname){
	if(Browser !="IPhone" && Browser !="Android"){
		document.getElementById("BildContainer").innerHTML= "<div id='VorschauBild'><img src='"+Bildname+".jpg' alt='"+Bildname+"'/></div>";
		document.getElementById("BildContainer").style.display = "block";
	}
	if(Browser =="IPhone" || Browser == "Android"){
		//Funktioniert aber unnötog
		//document.getElementById("BildContainer").innerHTML= "<div id='VorschauBild'><img src='"+Bildname+".jpg' alt='"+Bildname+"'/></div>";
		//document.getElementById("BildContainer").style.display = "block";
		//ScrollOben = window.pageYOffset;
		//ScrollLinks = window.pageXOffset;
		//document.getElementById("BildContainer").style.left = ScrollLinks+"px";
		//document.getElementById("BildContainer").style.top = ScrollOben+"px";
	}
	
	
}
function BildAusblenden(){
	//alert("Gu");
	if(Browser !="IPhone"){
		document.getElementById("BildContainer").style.display = "none";
	}
	if(Browser =="IPhone" || Browser =="Android"){
		//Funktioniert aber unnötog
		//document.getElementById("BildContainer").style.display = "none";
	}
}
//*************Hat ichts mehr mit Buttonvorschau zu tun. Ist für das öffnen des Downloadbereiches***********************

//alert(Browser);
function Reagiere(e){
	
	if(Browser == 'IE'){
		Bildbehaelter = document.getElementById("wrap");
		var body = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ?  
		window.document.documentElement : window.document.body; 
		//Bildbehaelter = window.document.body;
	 	//x = event.clientX + Bildbehaelter.style.marginLeft/2; 
	 	//y = event.clientY + Bildbehaelter.style.marginTop/2;
	 	x = event.clientX + body.scrollLeft  - body.clientLeft
		y = event.clientY + Bildbehaelter.style.marginTop/2; 
 	}
 	else if(Browser == 'Firefox' || Browser == "IE9") {
		var body = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ?  
		window.document.documentElement : window.document.body; 
	 	x = e.clientX+ body.scrollLeft  - body.clientLeft; 
	 	y = e.clientY;
 	}
	else if(Browser == "Safari"){
	 	x = e.x; 
	 	y = e.y; 
 	}
	else if(Browser == "Opera"){
		var body = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ?  
		window.document.documentElement : window.document.body; 
	 	x = e.clientX+ body.scrollLeft  - body.clientLeft;
	 	y = e.clientY;
	}
	else if(Browser == "Chrome") {
		x = e.x;
	 	y = e.y;
		
 	}else{
		//x = e.x; 
	 	//y = e.y;
	}

 	id = "BildContainer";
 	if(Browser == 'Firefox' || Browser=='IE9'){
	 	document.getElementById(id).style.left = x+30+'px';
		YScroller = document.documentElement.scrollTop;
		document.getElementById(id).style.top = y+YScroller-200+'px';
 	}
 	if(Browser == 'Safari' || Browser == 'Chrome'){
	 	document.getElementById(id).style.left = x+document.body.scrollLeft  - document.body.clientLeft+30+'px';
	 	document.getElementById(id).style.position = "absolute";//Safari übernimmt die CSS infos ab der CSS Datei nicht
	 	document.getElementById(id).style.zIndex = "4300";//Safari übernimmt die CSS infos ab der CSS Datei nicht
		YScroller = document.body.scrollTop;
	 	document.getElementById(id).style.top = y+YScroller-200+'px';
 	}
	if(Browser == "Chrome"){
	 	//document.getElementById(id).style.left = x+ document.body.scrollLeft  - document.body.clientLeft+30+'px';
	 	//document.getElementById(id).style.position = "absolute";//Safari übernimmt die CSS infos ab der CSS Datei nicht
	 	//document.getElementById(id).style.zIndex = "4300";//Safari übernimmt die CSS infos ab der CSS Datei nicht
		//YScroller = document.body.scrollTop;
	 	//document.getElementById(id).style.top = y+YScroller-200+'px';
 	}
 	if(Browser == 'IE'){
		var XX=document.body.scrollLeft;
		YScroller = document.documentElement.scrollTop;
	 	document.getElementById(id).style.left = (x+30)+'px';
	 	document.getElementById(id).style.top = (y+YScroller-200)+'px';
 	}
  	if(Browser == 'Opera'){
	 	document.getElementById(id).style.left = (x+30)+'px';
		YScroller = document.documentElement.scrollTop;
	 	document.getElementById(id).style.top = (y+YScroller-200)+'px';
 	}
	//if(Browser =="IPhone" || Browser == "Android"){
		//ScrollOben = window.pageYOffset;
		//ScrollLinks = window.pageXOffset;
	//}
}





/*
function mouse_pos(e) { 
	if(!e) e = window.event; 
	var body = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ?  
	window.document.documentElement : window.document.body; 
	return { 
	// Position im Dokument 
	top: e.pageY ? e.pageY : e.clientY + body.scrollTop - body.clientTop, 
	left: e.pageX ? e.pageX : e.clientX + body.scrollLeft  - body.clientLeft 
  
	}; 
} 
*/
/*
var on = false; 
function Start(e){ 
    if(on)   { 
         window.document.onmousemove = null; 
         e.value ='Start'; 
    }else  { 
         window.document.onmousemove = showMousePos; 
         e.value ='Stopp'; 
    } 
    on = !on; 
} 
function showMousePos(e){ 
    var p = mouse_pos(e); 
    for(var i in p)    { 
        document.forms['maus_pos'].elements[i].value =  p[i]; 
    } 
} 

*/



	if(document.captureEvents)
	{ document.captureEvents(Event.MOUSEMOVE); }
	document.onmousemove = Reagiere;