
function favoriet(title){
var url = document.location.href;
if (window.sidebar) // firefox
	window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
	var elem = document.createElement('a');
	elem.setAttribute('href',url);
	elem.setAttribute('title',title);
	elem.setAttribute('rel','sidebar');
	elem.click();
} 
else if(document.all)// ie
	window.external.AddFavorite(url, title);
}



// Muisvolg script
var divName = 'product_detail_zoomvak';
var witvlakHeight = 50;
var witvlakWidth = 50;
var offX = -(parseInt(witvlakWidth/2));          // X offset from mouse position
var offY = -(parseInt(witvlakHeight/2));          // Y offset from mouse position
var vergrootnaarBreedte = 600;
var huidigAfbeelding ='thumb1';

function follow(evt) {
	
	if (document.getElementById) {
		
		
		var obj = document.getElementById(huidigAfbeelding).style;
		var offset = findPos(huidigAfbeelding);		
		var afbeeldingX = document.getElementById(huidigAfbeelding).offsetWidth;
		var afbeeldingY = document.getElementById(huidigAfbeelding).offsetHeight;
		var vermfactorX = ((vergrootnaarBreedte)/afbeeldingX);
		var vermfactorY = vermfactorX;
		
		var mouseposX = (parseInt(mouseX(evt))+offX);
		var mouseposY = (parseInt(mouseY(evt))+offY);
		var xmoved = false;
		var ymoved = false;
		var useXMouse = mouseposX;
		var useYMouse = mouseposY;
		
		
		// Witvlak verplaatsen en vangen binnen afbeelding
		if (   (mouseposY > offset[1]) && (mouseposY < (offset[1] + afbeeldingY-witvlakHeight))  )
			{obj.top = (parseInt(mouseY(evt))+offY) + 'px';ymoved = true;}
		
		if ( (mouseposX > offset[0])  && (mouseposX < (offset[0] + afbeeldingX-witvlakWidth)) )
			{obj.left = (parseInt(mouseX(evt))+offX) + 'px';xmoved = true;}	
		
		
		// Hoog en laag uitersten syncen (niet noodzakelijk, maar prettiger voor bediening)
		if (mouseposY < offset[1]) // Voor het gevoel maximaal op tophoogte zetten
			{obj.top = offset[1] + 'px';useYMouse=offset[1];}
		if (mouseposY > (offset[1] + afbeeldingY-witvlakHeight)) // Voor het gevoel maximaal op tophoogte zetten
			{obj.top = (offset[1] + afbeeldingY-witvlakHeight) + 'px';useYMouse=(offset[1] + afbeeldingY-witvlakHeight);}
		if (mouseposX < offset[0]) // Voor het gevoel maximaal op tophoogte zetten
			{obj.left = offset[0] + 'px';useXMouse=offset[0];}
		if (mouseposX > (offset[0] + afbeeldingX-witvlakWidth)) // Voor het gevoel maximaal op tophoogte zetten
			{obj.left = (offset[0] + afbeeldingX-witvlakWidth) + 'px';offset[0]=(offset[0] + afbeeldingX-witvlakWidth);document.getElementById('productdetail_fotozoom').style.left = -afbeeldingX + 'px';}	
			
		// Indien muis op grenzen zit, dan syncen.	
		if (mouseposY < offset[1])
			{document.getElementById('productdetail_fotozoom').style.top =0;}
		if (mouseposX < offset[0])
			{document.getElementById('productdetail_fotozoom').style.left = 0;}

		//
		
		//mouseposX + ' ' + (offset[0]+afbeeldingX-(witvlakWidth/2));
		// Wel of niet zoomen?
		if (mouseposX < parseInt(offset[0]-(witvlakWidth/2)) || mouseposX > (offset[0]+afbeeldingX-(witvlakWidth/2)) || (mouseposY < parseInt(offset[1]-(witvlakHeight/2))) || (mouseposY > (offset[1]+afbeeldingY-(witvlakHeight/2))) )
		{
			// Zoom uitzetten
			stopzoom();
			
		}
		
		else
		{
			// Zoomen
			// Wat is positie van het zoomvak?
			//var posZoom = findPos('product_detail_zoomvak')
			if (xmoved)
			{
				var xpos = (parseInt((useXMouse-offset[0])*vermfactorX)-10);
				if (xpos < 0)
					xpos = 0;
				//document.getElementById('debug').innerHTML = '!' + xmoved;
				document.getElementById('productdetail_fotozoom').style.left = '-' + xpos + 'px';
				}
			if (ymoved)
			{
				var ypos = parseInt((useYMouse-offset[1])*vermfactorY);
				if (ypos < 0)
					ypos = 0;
				document.getElementById('productdetail_fotozoom').style.top = '-' + ypos + 'px';
				}
			
		}
	}
}


function startzoom(afbeelding,evt){	
	//document.getElementById('debug').innerHTML = document.getElementById(afbeelding).innerHTML;
	huidigAfbeelding = afbeelding;
	document.getElementById('afbeelding_vergroot').src = document.getElementById(afbeelding + '_foto').src;
	document.getElementById('afbeelding_vergroot').width = "600";
	document.onmousemove = follow;
}
function stopzoom(){	
	//document.getElementById('debug').innerHTML = 'stopped';
	document.onmousemove = null;	
}

function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}

function findPos(divID) {
	obje = document.getElementById(divID);
	var curleft = curtop = 0;
	if (obje.offsetParent) {
		do {
			curleft += obje.offsetLeft;
			curtop += obje.offsetTop;
			} while (obje = obje.offsetParent);
		return [curleft,curtop];
		}
}
