//English Constants
var LABEL_TOGGLE_OPEN = "Open";
var LABEL_TOGGLE_CLOSE = "Close";

var toggleDiv = function (target, elements) {	
	for (var element, i = 0; element = elements[i]; i++) {
		if (el = document.getElementById(element)) {			
			el.style.display = 'none';
		}
	}
	if (target = document.getElementById(target)) target.style.display = 'block';
}

var toggleClass = function (target, elements) {
	for (var element, i = 0; element = elements[i]; i++) {
		if (element = document.getElementById(element)) {
			element.className = 'tabOff';
		}
	}
	if (target = document.getElementById(target)) {
		target.className = 'innerform1 tabOn';
	}
}

var goShowElement = function (ElementName, AnchorName, TitleName)
{
	//this turns them all to the off state first when one of the items is selected
	//must list the entire array of items as I have with the item_NUMBER
	var a=new Array("item1","item2","item3","item4", "item5", "item6")
	var toggle=new Array("toggle1", "toggle2", "toggle3", "toggle4", "toggle5", "toggle6")
	var title =new Array("title1", "title2", "title3", "title4", "title5", "title6")
	for (var i=0;i<a.length;i++){	
		if (a[i] != ElementName){
			document.getElementById(a[i]).style.display="none";		
			document.getElementById(toggle[i]).innerHTML = LABEL_TOGGLE_OPEN;
			document.getElementById(toggle[i]).className = 'toggleOpen';
			document.getElementById(title[i]).className= ' ';
		}
		/*else{
			document.getElementById(a[i]).style.display="inline";		
			document.getElementById(toggle[i]).innerHTML = 'Close';
			document.getElementById(toggle[i]).className = 'toggleClose';
		}*/
	}

	//this let you toggle the display of an element
	//it will flip the state each time it is called
	var es = document.getElementById(ElementName).style;
	es.display = (es.display == 'none') ? 'inline' : 'none';
	var an = document.getElementById(AnchorName);	
	an.innerHTML = (an.innerHTML == LABEL_TOGGLE_OPEN) ? LABEL_TOGGLE_CLOSE : LABEL_TOGGLE_OPEN;
	an.className = (an.className == 'toggleOpen') ? 'toggleClose' : 'toggleOpen';
	var title = document.getElementById(TitleName);
	title.className = (title.className == '') ? 'highLight' : '';
}

var siteroot = "../../";//hard-coded bla
window.onload = function() {
	var links = document.getElementsByTagName("a");
	for (var element, i = 0; element = links[i]; i++) {
		new function(element) {
			if (element.href && element.href.indexOf(".flv") == element.href.length - 4) {
				element.target = "_self";
				if (element.href.indexOf("javascript") < 0) {
					element.title = element.href;
					element.href = "javascript://open video: " + element.title;
				}
				element.onclick = function() {
					Modal.open();
					var pathIndex = element.title.indexOf("../../flash/") + 1;
					var file = "";
					if (pathIndex) file = element.title.substr(pathIndex - 1);
					var o = new SWFObject(siteroot + "flash/FLVPlaybackPro.swf", "videoplayer", "440", "360", "9");
					o.addVariable("videoSrc", siteroot + file);
					o.addVariable("videoSkin", siteroot + "flash/SkinUnderAllNoCaption.swf");
					o.write("popup");
				}
			}
		}(element)
	}
}

var Modal = {
	html : null,
	open : function(options) {
		this.close();//close if open
		this.html = document.createElement("div");
		document.body.appendChild(this.html);
		this.html = $(this.html);
		this.cancelText = options && options.cancelText ? options.cancelText : "Back";
		this.okText = options && options.okText ? options.okText : "Proceed";
		this.html.innerHTML = "\
			<div class='modal-container'>\
				<div class='modal-mask'>" + 
					/*@cc_on 
					"<iframe frameborder='0' src='javascript:document.write(\"<html><body></body></html>\");document.close();'></iframe>" +
					@*/
				"</div>\
				<div class='modal-confirm'>\
					<div class='t'>\
						<div></div>\
					</div>\
					<div class='modalcontainer'>\
							<a href='javascript:;' onclick='Modal.close();'>CLOSE\
							</a>\
							<div id='popup'></div>\
							</div>\
					<div class='b'>\
						<div>\
						</div>\
					</div>\
				</div>\
			</div>\
		";
		var y = window.pageYOffset || document.documentElement.scrollTop;
		this.html.select(".modal-container").invoke("setStyle", {top : "0", left: "0"})
		this.html.select(".modal-confirm").invoke("setStyle", {
			top : ((document.viewport.getHeight() / 2) - 250 + y) + "px",
			left : ((document.viewport.getWidth() / 2) - 280) + "px"
		})
		this.html.select(".modal-mask").invoke("setStyle", {
			height : document.body.offsetHeight + "px",
			width : document.body.offsetWidth + "px"
		})
	},
	close : function() {
		if (this.html) {
			this.html.remove();
			this.html = null;
		}
	}
}