farbzusatz='';
verzeichnis='cover300';
detailsverzeichnis='details';
altefarbe=0;

var produktnr=0;
var posX=0;
var posY=0;
var breite2=0;
var hoehe2=0;
var detailsbreite2=0;
var detailshoehe2=0;
var verhaeltnis=0;
var detailsverhaeltnis=0;
var maxbreite=900;
var produktid=0;
var detailsneuebreite=0;
var neuebreite=0;

function farbeaendern(farbwahl,datei, farbnr) {
	farbzusatz=farbwahl;
	if (farbwahl=='') {
		s_imageSource='images/'+verzeichnis+'/'+datei+'.jpg';
	} else {
		s_imageSource='images/'+verzeichnis+'/'+datei+'-'+farbwahl+'.jpg';
	}

	document.getElementById('cover').src = s_imageSource;

	if (altefarbe!=-1000) {
		gibtes=document.getElementById('farbe'+altefarbe);
		if (gibtes!=null) {
			document.getElementById('farbe'+altefarbe).style.fontWeight = 'normal';
		}
		gibtes=document.getElementById('groessenlink_'+altefarbe);
		if (gibtes!=null) {
			document.getElementById('groessenlink_'+altefarbe).style.fontWeight = 'normal';
		}
	}
	
	if (farbnr!=-1000) {
		gibtes=document.getElementById('farbe'+farbnr);
		if (gibtes!=null) {	
			document.getElementById('farbe'+farbnr).style.fontWeight = 'bold';
		}
		gibtes=document.getElementById('groessenlink_'+farbnr);
		if (gibtes!=null) {
			document.getElementById('groessenlink_'+farbnr).style.fontWeight = 'bold';
		}
	}
	altefarbe=farbnr;
}

function maustasteunten(ev, originalbreite) {
	posX=((ev.screenX) ? ev.screenX : ev.clientX) + document.body.offsetLeft;
	breite2=document.getElementById("cover").width;
	if (hoehe2==0) {
		hoehe2=document.getElementById("cover").height;
		verhaeltnis=hoehe2/breite2;
		produktid=produktnr;
  }
  document.getElementById("cover").style.cursor='nw-resize';
	return false;

}
function maustasteoben(ev) {
	posX=0;
	document.getElementById("cover").style.cursor='auto';
}

function mausbewegen(ev, gibt900, datei) {
	if ((posX>0)) {
		mausX=((ev.screenX) ? ev.screenX : ev.clientX) + document.body.offsetLeft;
		neuebreite=breite2+(mausX-posX);
		if (neuebreite<300) {neuebreite=300;}
		if (neuebreite>maxbreite) {neuebreite=maxbreite;}
		if (detailsneuebreite<(neuebreite+10)) {
			document.getElementById('bildcontainer').style.width = neuebreite+10;
		}
		
		
		if ((gibt900==1) && (neuebreite>600) && (verzeichnis!="cover900") && (datei!='')) {
			verzeichnis="cover900";
			if (farbzusatz=="") {
				s_imageSource='images/'+verzeichnis+'/'+datei+'.jpg';
			} else {
				s_imageSource='images/'+verzeichnis+'/'+datei+'-'+farbzusatz+'.jpg';
			}
			document.getElementById("cover").src=s_imageSource;
		} else {
			if (neuebreite<601) {
				verzeichnis="cover300";
			}
		}
		
		document.getElementById("cover").width=neuebreite;
		document.getElementById("cover").height=neuebreite*verhaeltnis;
		// false sagt, kein weiterer funktionsaufruf; bei eingabefeldern brauchen wir dies jedoch
		return false;
	}
}

function detailsmaustasteunten(ev, originalbreite) {
	posX=((ev.screenX) ? ev.screenX : ev.clientX) + document.body.offsetLeft;
	detailsbreite2=document.getElementById("details").width;
	if (detailshoehe2==0) {
		detailshoehe2=document.getElementById("details").height;
		detailsverhaeltnis=detailshoehe2/detailsbreite2;
		produktid=produktnr;
  }
  document.getElementById("details").style.cursor='nw-resize';
	return false;

}
function detailsmaustasteoben(ev) {
	posX=0;
	document.getElementById("details").style.cursor='auto';
}

function detailsmausbewegen(ev, gibt900, datei) {
	if ((posX>0)) {
		mausX=((ev.screenX) ? ev.screenX : ev.clientX) + document.body.offsetLeft;
		detailsneuebreite=detailsbreite2+(mausX-posX);
		if ((gibt900==1) && (detailsneuebreite>600) && (detailsverzeichnis!="details900") && (datei!='')) {
			detailsverzeichnis="details900";
			s_imageSource='images/'+detailsverzeichnis+'/'+datei+'.jpg';
			document.getElementById("details").src=s_imageSource;
		}
		if (detailsneuebreite<300) {detailsneuebreite=300;}
		if (detailsneuebreite>maxbreite) {detailsneuebreite=maxbreite;}
		if (neuebreite<(detailsneuebreite+10)) {
			document.getElementById('bildcontainer').style.width = detailsneuebreite+10;
		}
		document.getElementById("details").width=detailsneuebreite;
		document.getElementById("details").height=detailsneuebreite*detailsverhaeltnis;
		// false sagt, kein weiterer funktionsaufruf; bei eingabefeldern brauchen wir dies jedoch
		return false;
	}
}

function nichts(ev) {
	if ((posX>0)) {
//		if (navigator.appName == "Microsoft Internet Explorer") {
			// document.getElementById("jan").innerHTML=posX+"H";
//		}
		return false;
	}
}

document.onmousedown=nichts;