//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}

function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

function hideLotImage(imageID)
{
	opacity(imageID, 100, 0, 75);
	opacity('divImagesOverlay', 70, 0, 40);

	var divOverlay = document.getElementById('divImagesOverlay');
	var divImages = document.getElementById('divImages');
	var lotImage = document.getElementById(imageID);

	divImages.style.width = '0px';
	divOverlay.style.width = '0px';
	lotImage.style.display = 'none';
}

function showLotImage(imgUrl, imageID)
{
	var divOverlay = document.getElementById('divImagesOverlay');
	var divImages = document.getElementById('divImages');
	var tableLotPage = document.getElementById('tableLotPage');
	var lotImage = document.getElementById(imageID);

	divImages.style.display = '';

	var width, height;
	var temp1 = document.body.scrollHeight;
	var temp2 = document.body.offsetHeight
	if (temp1 > temp2) // all but Explorer Mac
	{
		width = tableLotPage.scrollWidth;
		height = tableLotPage.scrollHeight;
	}
	else // Explorer Mac;
	     //would also work in Explorer 6 Strict, Mozilla and Safari
	{
		width = tableLotPage.offsetWidth;
		height = tableLotPage.offsetHeight;
	}

	divImages.style.width = width + 'px';
	divImages.style.height = height + 'px';
	divOverlay.style.width = width + 'px';
	divOverlay.style.height = height + 'px';
	
	opacity('divImagesOverlay', 0, 70, 75);
	
//Image size
	//Eerst image weergeven anders pakt IE de maten niet.
	lotImage.style.display = '';
	
	var image_width = lotImage.width;
	var image_height = lotImage.height;
	var newWidth = image_width;
	var newHeight = image_height;

	if (image_width > width || image_height > height)
	{
		if (image_height > height)
		{
			newHeight = height - 20;
			newWidth = (newHeight * image_width) / image_height;
		}
		else
		{
			newWidth = width - 20;
			newHeight = (newWidth * image_height) / image_width;
		}
	}

	lotImage.width = newWidth;
	lotImage.height = newHeight;

	lotImage.style.marginLeft = '-' + (newWidth / 2) + 'px';

	opacity(imageID, 0, 100, 75);
}

function addLotImage(imgUrl, imageID)
{
// Afbeelding inladen.
	var divImages = document.getElementById('divImages');
	divImages.innerHTML += "<img src='" + imgUrl + "' border='0' id='" + imageID + "' class='lotImage' style='opacity:0;filter:alpha(opacity=0);display:none;' />";
}

function listMouseEvent(obj,styleName) {
	document.getElementById(obj).className = styleName;	
}

function MM_jumpMenu(targ,selObj,restore) {
	if (selObj.options[selObj.selectedIndex].value > ""){
		eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
		if (restore) selObj.selectedIndex=0;
	}
}