var NS = (navigator.appName=="Netscape")?true:false;
function resizeMe() {
	
    iWidth = (NS)?window.innerWidth:document.body.clientWidth;
	iHeight = (NS)?window.innerHeight:document.body.clientHeight;
	iWidth = document.images[0].width - iWidth;
	iHeight = document.images[0].height - iHeight;
	window.resizeBy(iWidth, iHeight);	


	iWidth = document.images[0].width - iWidth;
	iHeight = document.images[0].height - iHeight;

	var mijnbreedte = Math.round((screen.width/2)-(iWidth/2));
	var mijnhoogte = Math.round((screen.height/2)-(iHeight/2));
	self.moveTo(mijnbreedte, mijnhoogte);
	self.focus();
}


function viewimage(welke, adrress)
{
		var pvar='toolbar=0,';
		pvar+='location=0,';
		pvar+='directories=0,';
		pvar+='status=0,';
		pvar+='menubar=0,';
		pvar+='scrollbars=0,';
		pvar+='resizable=1,';
		pvar+='width=950,';
		pvar+='height=600';

		window.open(adrress+"/image.php?id="+welke,"image",pvar);
}


window.onload = function() {
		if(document.getElementById('producten')) {
		var root = document.getElementById('producten');
		var products = root.getElementsByTagName('tr');
		
		for (var i=0;i<products.length;i++) { 
			var product = products[i];
			if(product.className=='trClosed') {
				product.className = 'trClosed';
			} else if(product.className=='tr0' || product.className=='tr1') {
				addEvent(product, 'click', function() {

					for (var j=0;j<products.length;j++)
					{
						g = j+1;
						if(products[j]==this) {	
							if(this.className=='tr0' || this.className=='tr1') {
								var tds = this.getElementsByTagName('td');
								
								


								if(products[g].className == 'trOpen') {
									products[g].className = 'trClosed';
									for(var t=0; t<tds.length; t++) {
										tds[t].className = 'tdUnselected';

									}
								} else {
									products[g].className = 'trOpen';
									for(var t=0; t<tds.length; t++) {
										tds[t].className = 'tdSelected';
									}
								}
							}
						} 
					}
				});
			}
		}
	}
}


function addEvent(element, type, handler) {
    // assign each event handler a unique ID
    if (!handler.$$guid) handler.$$guid = addEvent.guid++;
    // create a hash table of event types for the element
    if (!element.events) element.events = {};
    // create a hash table of event handlers for each element/event pair
    var handlers = element.events[type];
    if (!handlers) {
        handlers = element.events[type] = {};
        // store the existing event handler (if there is one)
        if (element["on" + type]) {
            handlers[0] = element["on" + type];
        }
    }
    // store the event handler in the hash table
    handlers[handler.$$guid] = handler;
    // assign a global event handler to do all the work
    element["on" + type] = handleEvent;
};
// a counter used to create unique IDs
addEvent.guid = 1;

function removeEvent(element, type, handler) {
    // delete the event handler from the hash table
    if (element.events && element.events[type]) {
        delete element.events[type][handler.$$guid];
    }
};

function handleEvent(event) {
    // grab the event object (IE uses a global event object)
    event = event || window.event;
    // get a reference to the hash table of event handlers
    var handlers = this.events[event.type];
    // execute each event handler
    for (var i in handlers) {
        this.$$handleEvent = handlers[i];
        this.$$handleEvent(event);
    }
};