/*
Show all layers with ids starting with magicfoldid
*/
foldout = null;

function show(id) {
	if (dom.finished) {
		CollectorOver();
	
		foldout = id;
		imgoffset = _get_dom_offset('img'+id);
		if(id.indexOf('tMenu') == 0) {
			img2offset = _get_dom_offset('img2'+id);
			dom.handles['fold'+id].style.top = imgoffset['y'] + 22;
			dom.handles['fold'+id].style.left = imgoffset['x'] + 7	;
			positionTopCollectors(imgoffset,img2offset)
			document.getElementById('td'+id).className  = 'topmenuAct';
		} else {
			dom.handles['fold'+id].style.top = imgoffset['y'] - 6;
			positionLeftCollectors(imgoffset);
			document.getElementById('td'+id).className  = 'linkermenuAct';
			document.getElementById('td'+id).style.cursor = 'hand';
		}	
		
		dom.handles['fold'+id].style.visibility = 'visible';
		dom.handles['collect1'].style.visibility = 'visible';
		dom.handles['collect2'].style.visibility = 'visible';
		dom.handles['collect3'].style.visibility = 'visible';
		if(id.indexOf('tMenu') == 0) { dom.handles['collect4'].style.visibility = 'visible'; }
	}
}
function show2(id) {
	document.getElementById('td'+id).className  = 'linkermenuAct';
	document.getElementById('td'+id).style.cursor = 'hand';
}
function hide2(id) {
	document.getElementById('td'+id).className = 'linkermenu'; 
}
function positionTopCollectors(img1offset, img2offset) {
	
	
	
	dom.handles['collect1'].style.top = 0;
	dom.handles['collect1'].style.height =  _ScreenSize['vert'] ;
	dom.handles['collect1'].style.width = imgoffset['x'] + 15;
	
	dom.handles['collect2'].style.top = 0; 
	dom.handles['collect2'].style.left = img2offset['x'] +2;
	dom.handles['collect2'].style.height = _ScreenSize['vert'] ;
	dom.handles['collect2'].style.width = 760 - (img2offset['x'] +2)
	
	dom.handles['collect3'].style.top = imgoffset['y'] + 22; 
	dom.handles['collect3'].style.height = _ScreenSize['vert'] - (imgoffset['y'] + 22) ;

}

function positionLeftCollectors(imgoffset) {
	
	dom.handles['collect1'].style.top = 0;
	dom.handles['collect1'].style.height = imgoffset['y'] - 6 ;
	dom.handles['collect1'].style.width = 760
	
	dom.handles['collect2'].style.top = 0; 
	dom.handles['collect2'].style.left = 144
	dom.handles['collect2'].style.height = _ScreenSize['vert'] ;
	dom.handles['collect2'].style.width = 616
	
	dom.handles['collect3'].style.top = imgoffset['y'] + 11; 
	dom.handles['collect3'].style.height = _ScreenSize['vert'] - (imgoffset['y'] + 11) ;
}

function CollectorOver() {

	if(foldout != null) { 
		if(foldout.indexOf('tMenu') == 0) {
			document.getElementById('td'+foldout).className = 'topmenu'; 
		} else {
			document.getElementById('td'+foldout).className = 'linkermenu'; 
		}
		dom.handles['fold'+foldout].style.visibility = 'hidden'; 
	}
	if(foldout != null) {
		if(foldout.indexOf('tMenu') == 0) { dom.handles['collect4'].style.visibility = 'hidden'; }
	}
	dom.handles['collect1'].style.visibility = 'hidden';
	dom.handles['collect2'].style.visibility = 'hidden';
	dom.handles['collect3'].style.visibility = 'hidden';
}

function _get_dom_offset(obj) {
	// Does not get the offset if the object is in an unfinished element (table for instance)
	var offset;
	if (typeof dom.handles[obj].x != 'undefined') {
		offset = {x: dom.handles[obj].x, y: dom.handles[obj].y};
	} else {
		var offset = {x: dom.handles[obj].offsetLeft, y: dom.handles[obj].offsetTop};
		obj = dom.handles[obj]
		while (obj.offsetParent != null) {
			obj = obj.offsetParent;			
			offset['x'] += obj.offsetLeft;
			offset['y'] += obj.offsetTop;
		}
	}
	return offset;
}

function _get_offset(obj) {
	// Does not get the offset if the object is in an unfinished element (table for instance)
	var offset;
	if (typeof obj.x != 'undefined') {
		offset = {x: obj.x, y: obj.y};
	} else {
		var offset = {x: obj.offsetLeft, y: obj.offsetTop};

		while (obj.offsetParent != null) {
			obj = obj.offsetParent;			
			offset['x'] += obj.offsetLeft;
			offset['y'] += obj.offsetTop;
		}
	}
	return offset;
}