/**********************************
	UTILITY FUNCTIONS
***********************************/

function addEvent(obj, evt, func){
	if(obj.addEventListener){
		obj.addEventListener(evt,func,false);
	}
	else if(obj.attachEvent){
		obj.attachEvent("on"+evt,func);
	}
	else {
		obj["on"+ evt] = func;
	}
}

function setOpacity(obj, opacity)
{
	opacity = (opacity == 100)?99.999:opacity;
// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

function getOffset(id){
	if(obj = document.getElementById(id))
		return obj.offsetTop;
}

/**********************************
	MENU FUNCTIONS
***********************************/

function setMenuHover(){
	var menu = document.getElementById('vm_xml_menu');
	items = menu.getElementsByTagName('span');
	for(i=0; i< items.length; i++){	
		if (items[i].className != 'active' && items[i].parentNode.parentNode.className == 'child_container'){
			items[i].onmouseover = function(e){
				idnr = this.id.split('_')[1];
				if(document.getElementById('visual_'+idnr))
					document.getElementById('visual_'+idnr).style.backgroundColor = '#FFFF00';
			}
			items[i].onmouseout = function(e){
				idnr = this.id.split('_')[1];
				if(document.getElementById('visual_'+idnr))
					document.getElementById('visual_'+idnr).style.backgroundColor = '#FFFFFF';
			}
		}
	}	
}

function initMenu(){
	
	var menu = document.getElementById('vm_xml_menu');
	items = menu.getElementsByTagName('span');

	for(i=0; i< items.length; i++){
		if (items[i].className == 'active'){
			idnr = items[i].id.split('_')[1];
		}
	}
	
	x1 = 0;
	y1 = getOffset('menu_'+idnr)+5;
	x2 = 491;
	y2 = getOffset('visual_'+idnr)+20;

	bgimg = document.getElementById('bgline');
	imgsrc = '../../include/drawline.php?'+'x1='+x1+'&y1='+y1+'&x2='+x2+'&y2='+y2;
	bgimg.src = imgsrc;	
	setMenuHover();
}


/**********************************
	SCALABLE INMAN FLASH REPLACEMENTS
***********************************/

function articleSIFR(){
	if(typeof sIFR == "function"){
		sIFR.replaceElement("h3.main", "../../style/helvetica85.swf", "#000000", "#000000", "#999999", null, 0, 0, 0, 0, "textalign=left", null, "transparent");
		sIFR.replaceElement("h3.visual_menu_name", "../../style/helvetica85.swf", "#000000", "#000000", "#999999", null, 0, 0, 0, 0, "textalign=left", null, "transparent");
		sIFR.replaceElement("h4", "../../style/helvetica85.swf", "#000000", "#000000", "#999999", null, 0, 0, 0, 0, "textalign=left", null, "transparent");		
	}	
}

/**********************************
	FLASH MOVIES
***********************************/

function setMovie(movie){
	
	var flashvars = {};
	flashvars.file = movie + ".flv";
	flashvars.height = "336";
	flashvars.width = "448";
	flashvars.image = "../../video/frame/" + movie +".jpg";
	flashvars.controlbar = "over";
	flashvars.backcolor = "000000";
	flashvars.frontcolor = "FFFFFF";
	flashvars.lightcolor = "DDDDDD";
	flashvars.screencolor = "FFFFFF";
	var params = {};
	params.wmode = "window";
	params.allowfullscreen = "true";
	params.allowscriptaccess = "always";
	
	var attributes = {};	
	swfobject.embedSWF("../../video/mediaplayer.swf", "movie", "448", "336", "8", false, flashvars, params, attributes);
}

/**********************************
	EXECUTE ON LOAD
***********************************/

function init(){
	if(document.getElementById('movie')){
		moviefile = document.getElementById('movie').innerHTML;
		if(moviefile.substr(moviefile.length-4, 4) == '.flv'){
			moviename = moviefile.substr(0, moviefile.length-4);
			setMovie(moviename);
		}
	}
	articleSIFR();
	initMenu();
}

addEvent (window, 'load', init);