/*
	Dynamic content layout switch
	15/02/2006
	philippe.huysmans AT investis.com
	version 1.1
*/
	

function getElementStyle(elemID, IEStyleProp, CSSStyleProp) {
	var elem = document.getElementById(elemID);
	if (elem.currentStyle) {
		return elem.currentStyle[IEStyleProp];
	} else if (window.getComputedStyle) {
		var compStyle = window.getComputedStyle(elem, "");
		return compStyle.getPropertyValue(CSSStyleProp);
	}
	return "";
}


function changeContent(obj){
    try{
	var box_holder = document.getElementById("box_holder");
	// get backgroundcolor
	var bg_color = getElementStyle(obj.id,"backgroundColor","background-color");
	box_holder.style.backgroundColor = bg_color;
	// clear previous stuff there
	var box_show = document.getElementById("box_show");
	box_show.innerHTML = "";
	box_show.className = obj.id;
	// get content
	var content_id = "box_" + (obj.id).split("_")[1];
	var content = document.getElementById(content_id).innerHTML;
	// now attach the new content
	var box_show_text = document.createElement("div");
	box_show_text.className = "box_show_highlight box_show_highlight_" + obj.id;
	//box_show_text.className = "box_show_highlight";
	box_show_text.innerHTML = content;
	box_show.appendChild(box_show_text);
	}catch(e){}
}

function loadMenu(){
	var source = document.getElementById("box_hidden");
	var box_menu = document.getElementById("box_menu");
	var header_els = source.getElementsByTagName("h3");
	// remove-append wont work here
	for( var i = 0 ; i < header_els.length ; i++ ){
		var hd_content = header_els[i].innerHTML;
		var hd_id = header_els[i].getAttribute("id");
		var menu_item = document.createElement("h3");
		menu_item.setAttribute("id",hd_id);
		menu_item.onmouseover = function(){
			changeContent(this);
		};
		menu_item.innerHTML = hd_content;
		box_menu.appendChild( menu_item );
	}
	// set the initial one - random
	
	var initial = document.getElementById( "hd_owners" );
	changeContent(initial);
}

function addEvent(obj,type,fn){
	if(obj.addEventListener){
		obj.addEventListener(type,fn,false);
	}else if(obj.attachEvent){
		obj["e"+type+fn] = fn;
		obj[type+fn] = function(){
			obj["e"+type+fn](window.event);
		}
		obj.attachEvent("on"+type,obj[type+fn]);
	}
}

addEvent(window,"load",loadMenu);
// load external stuff
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"css\wk_home_box_switch.css\" />");