items = new Array();
imgitems = new Array();
var Timer;

function MenuOver(id) {
	if (dom.finished) {
		clearTimeout(Timer);
		if(id.indexOf("ss") != -1) {
			changeClassOut(imgitems[2],'ss')
			changeClassOver(id,'ss');
			imgitems[2] = id;
		} else if(id.indexOf("s") != -1) {
			changeClassOut(imgitems[1],'s')
			if(items[1] != id) { 
				if(document.getElementById(items[1])  != null) {
					changeClassOut(imgitems[1],'s')
					foldin(items[1]);
				}
			}
			if(document.getElementById('s'+id)  != null) {
				foldout(id);
				items[1] = 's'+id;
			}
			changeClassOver(id,'s');
			imgitems[1] = id;
		} else {
			changeClassOut(imgitems[0],'');
			for(i = items.length; i >= 0 ; i--) {
				if(document.getElementById(items[i])  != null) {
					foldin(items[i]);
				}
			}
			if(document.getElementById('s'+id)  != null) {
				posCollectors(id);
				foldout(id);
				items[0] = 's'+id;
			}
			changeClassOver(id,'');
			imgitems[0] = id;
		}
	}
}

function changeClassOver(id,classStr) {
	for(i = 1; i < 5; i++) {
		style = 'HomeMenu'+classStr+'Mo';
		styleDiff = 'HomeMenu'+classStr+'MoDIF';
		if(i == 4) {
			if(document.getElementById('td'+i+id)  != null) { document.getElementById('td'+i+id).className  = styleDiff; }	
		} else {
			if(document.getElementById('td'+i+id)  != null) { document.getElementById('td'+i+id).className  = style; }	
		}
	}
	for(i = 1; i < 4; i++) {
		if(document.getElementById('img'+i+id)  != null) {  toggle('img'+i+id,1); }	
	}	
}


function changeClassOut(id,classStr) {
	for(i = 1; i < 5; i++) {
		style = 'HomeMenu'+classStr;
		styleDiff = 'HomeMenu'+classStr+'DIF';
		if(i == 4) {
			if(document.getElementById('td'+i+id)  != null) { document.getElementById('td'+i+id).className  = styleDiff; }	
		} else {
			if(document.getElementById('td'+i+id)  != null) { document.getElementById('td'+i+id).className  = style; }	
		}
	}
	for(i = 1; i < 4; i++) {
		if(document.getElementById('img'+i+id)  != null) {  toggle('img'+i+id,0); }	
	}	
}
function MenuOut(id) {

}


function foldin(id) {
	
	dom.handles[id].style.visibility = 'hidden';
}

function foldout(id) {
	
	imgObj = 'img1'+id;
	offset = _get_offset(document.getElementById(imgObj));
	document.getElementById('homecontent').className = 'homecontentMo'
	if(document.getElementById('homenieuw')) document.getElementById('homenieuw').className = 'homenieuwMo'
	dom.handles['s'+id].style.top 		= offset['y'];
	dom.handles['s'+id].style.left 		= offset['x']+14;
	dom.handles['s'+id].style.visibility = 'visible';
}

function CollectorOver() {
	Timer = setTimeout("_CollectorOver()",500);
}

function _CollectorOver() {
	for(i = items.length; i >= 0 ; i--) {
		if(document.getElementById(items[i])  != null) {
			foldin(items[i]);
		}
	}
	
	changeClassOut(imgitems[0],'');
	changeClassOut(imgitems[1],'s');
	changeClassOut(imgitems[2],'ss');
	document.getElementById('homecontent').className = 'homecontent'
	if(document.getElementById('homenieuw')) document.getElementById('homenieuw').className = 'homenieuw'
	dom.handles['collector1'].style.visibility = 'hidden';
	dom.handles['collector2'].style.visibility = 'hidden';
	dom.handles['collector3'].style.visibility = 'hidden';
}

function posCollectors(id) {
	imgObj = 'img1'+id;
	offset = _get_offset(document.getElementById(imgObj));
	_get_screensize();
	
	dom.handles['collector1'].style.top = 0;
	dom.handles['collector1'].style.left = 0;
	dom.handles['collector1'].style.height = offset['y']-1;
	dom.handles['collector1'].style.width = _ScreenSize['hor'] -35;
	
	dom.handles['collector2'].style.top = offset['y']+14;
	dom.handles['collector2'].style.left = 0;
	dom.handles['collector2'].style.height = _ScreenSize['vert'] - (offset['y'] + 35);
	dom.handles['collector2'].style.width = _ScreenSize['hor'] -35;
	
	dom.handles['collector3'].style.top = 0;
	dom.handles['collector3'].style.left = offset['x']+15;
	dom.handles['collector3'].style.height = _ScreenSize['vert']-35;
	dom.handles['collector3'].style.width = _ScreenSize['hor']- offset['x'] -35;
	dom.handles['collector1'].style.visibility = 'visible';
	dom.handles['collector2'].style.visibility = 'visible';
	dom.handles['collector3'].style.visibility = 'visible';
}