var posX=0;
var posY=0;
var breite2=0;
var hoehe2=0;
var verhaeltnis=0;
var maxbreite=800;
var produktid=0;


function bildwechsel(breite, produktnr, farbnr, bildx, bildy) {
	if (farbnr==0) {
		s_imageSource='thumbs800/produkt'+produktnr+'.jpg';
	} else {
		s_imageSource='thumbs800/produkt'+produktnr+'_'+farbnr+'.jpg';
	}
	breite2=document.getElementById('produktbild'+produktnr).width;
	document.getElementById('produktbild'+produktnr).src = s_imageSource;
	verhaeltnis=bildy/bildx;
	maxbreite=bildx;
	document.getElementById('produktbild'+produktnr).height = breite2*verhaeltnis;
	hoehe2=0;
}



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

}
function maustasteoben(ev, produktnr) {
	posX=0;
	document.getElementById("produktbild"+produktnr).style.cursor='auto';
}

function mausbewegen(ev) {
	if ((posX>0)) {
		mausX=((ev.screenX) ? ev.screenX : ev.clientX) + document.body.offsetLeft;
		neuebreite=breite2+(mausX-posX);
		if (neuebreite<200) {neuebreite=200;}
		if (neuebreite>maxbreite) {neuebreite=maxbreite;}
		document.getElementById("produktbild"+produktid).width=neuebreite;
		document.getElementById("produktbild"+produktid).height=neuebreite*verhaeltnis;
		// false sagt, kein weiterer funktionsaufruf; bei eingabefeldern brauchen wir dies jedoch
		return false;
	}
}

document.onmousedown=mausbewegen;
// das folgende angeblich richtige funktioniert nicht...
// document.onmousedown = new Function('e','if(((e = e || window.event).target || e.srcElement).tagName == "IMAGE") mausbewegen;')