// The menu types
var types = new Array();
types["H"] = "Dropdown Menu";
types["V"] = "Vertical Menu";
types["T"] = "Tabbed Menu";

var menus = new Array();
var menus_assoc = new Array()

// Other variables
var linesTemp = new Array();
var lines = new Array();
var _len = -1;

var browser = getBrowser();
var os = getOS();

function createFSCommand(mname) {

	document.write('<script language="javascript">\n');
	document.write('function ' + mname + '_DoFSCommand(command, args) {\n');
	document.write('	var ' + mname + 'Obj = (getBrowser().indexOf("IE") == 0) ? document.all.' + mname + ' : document.' + mname + ';\n');
	document.write('	if (command == "resize") {\n');
	document.write('		var arg_arr = args.split(",");\n');
	document.write(' 		newSize(arg_arr[0], arg_arr[1], arg_arr[2]);\n');
	document.write(' 	}\n');
	document.write('}\n');
	document.write('</script>\n');

	// Hook for Internet Explorer.
	if (getBrowser().indexOf("IE") == 0) {
		document.write('<script language=\"VBScript\"\>\n');
		document.write('On Error Resume Next\n');
		document.write('Sub ' + mname + '_FSCommand(ByVal command, ByVal args)\n');
		document.write('	Call ' + mname + '_DoFSCommand(command, args)\n');
		document.write('End Sub\n');
		document.write('</script\>\n');
	}
}

function resizeMenus() {
	for (var i=0;i<menus.length;i++) {
		menus[i].div.style.width = getMenuWidth(menus[i].ph, menus[i].fitToPage);
		menus[i].div.style.left = getMenuLeft(menus[i].ph, menus[i].fitToPage);
        
		if (menus[i].fitToPage) menus[i].holder.style.left = getMenuHolderPos(i) + "px";
		
		if (needHolderResize()) resizeHolder(menus[i].name);
		
		if (needSWFResize()) resizeSWF(menus[i].name, true);		
	}
}

function scrollMenus() {
	for (var i=0;i<menus.length;i++) {
		var w = getMenuWidth(menus[i].ph, menus[i].fitToPage);
		var h = menus[i].div.style.height;
		if (menus[i].fitToPage) menus[i].div.style.width = w;
				
		if (needHolderResize()) resizeHolder(menus[i].name);
				
		if (needSWFResize()) resizeSWF(menus[i].name, true);		
	}
}	

window.onresize = resizeMenus;
window.onscroll = scrollMenus;

function buildMenu() {
	var menus = document.getElementsByTagName("DIV");
	for(var i = 0; i < menus.length; i++) {
		if((menus[i].getAttribute("name")) && (menus[i].id) && ((menus[i].id).indexOf("creative_menu_") != -1)) {
            if (menus[i].style.position != "absolute") {
                translateMenu(menus[i]);
            }
		}
	}	
}

function addMenu(name, type, div, holder, ph, fitToPage) {
	var index = menus.length;
	
	var obj = new Object();
	obj.index = index;
	obj.name = name;
	obj.type = type;
	obj.div = div;
	obj.holder = holder;
	obj.ph = ph;
	obj.fitToPage = fitToPage;
	
	obj.width = ph.getAttribute("width");
	obj.height = ph.getAttribute("height");
	
	menus[index] = obj;
	menus_assoc[name] = obj;
	
	menus[index].lspace = menus_assoc[name].lspace = getMenuLSpace(index);
	menus[index].rspace = menus_assoc[name].rspace = getMenuRSpace(index);
}

function translateMenu(menu) {
	var menuID = menu.id;
	var menuName = menuID.slice(14);
	var menuType = menu.getAttribute("menu_type");

	var holder = document.getElementById("menu_holder_" + menuName); // Menu holder div
	var PH = document.getElementById("CMPH_" + menuName); // Place holder DIV
	var CMPH = findChild(PH,"","IMG");	// Place holder IMG tag
	
	var width = CMPH.getAttribute("width");
	var height = CMPH.getAttribute("height");
	
	var menuData = eval(menuName+"Data").preset;
	
	var fitToPage = menuData.fittopage;
	var cutRoundCorners = menuData.cutroundcorners;
	
	fitToPage = (fitToPage == "true") ? true : false;
	cutRoundCorners = (cutRoundCorners == "true") ? true : false;

	addMenu(menuName, menuType, menu, holder, CMPH, fitToPage);
	
	// Set the position and dimensions for the menu DIV
	menu.style.position = "absolute";
	menu.style.overflow = "hidden";
//	menu.style.backgroundColor = "#DDDDDD";
	menu.align = "left";
	
	menu.style.top = getY(CMPH) + "px";
	menu.style.left = getMenuLeft(CMPH, fitToPage);
	
	menu.style.width = getMenuWidth(CMPH, fitToPage);
	menu.style.height = height + "px";
	//

	// Set the position and dimensions for the menu holder DIV
	holder.style.position = "absolute";
//	holder.style.backgroundColor = "#DDDDDD";
	holder.align = "left";
	if (fitToPage) holder.style.left = getMenuHolderPos(menus_assoc[menuName].index) + "px";	
	holder.style.width = "2000px";
	if (needHolderResize()) resizeHolder(menuName);
	//

	var rootPath = getRootPath();
	var swfPath = rootPath + types[menuType] + "/creative_dw_menu_" + menuType.toLowerCase() + ".swf";
	if (needSWFResize() || needHolderResize()) {
		var w = Number(menu.style.width.replace('px','')) + Math.abs(Number(holder.style.left.replace('px','')));
		var h = menu.style.height.replace('px','');
		var mSWF = new SWFObject(swfPath, "creative_menu_" + menuName + "_swf", w, h, "8", "#336699");
	} else {
		var mSWF = new SWFObject(swfPath, "creative_menu_" + menuName + "_swf", "100%", "1000" , "8", "#336699");		
	}

	if (getBrowser().indexOf('IE') != -1) {
		createFSCommand("creative_menu_" + menuName + "_swf");
		mSWF.addParam("swLiveConnect","true");		
	}
	
	// Get the menu options from the menu_options DIV and pass them to the SWF
	readParam(menuID,mSWF);
	//mSWF.addVariable("fittopage" , fitToPage);
	mSWF.addVariable("cutroundcorners" , cutRoundCorners);
	mSWF.addVariable("lextraspace" , menus_assoc[menuName].lspace);
	mSWF.addVariable("rextraspace" , menus_assoc[menuName].rspace);
	// Pass the page url and selected button ID (if specified) -- for button persistance
	mSWF.addVariable('page_id', getButtonID(menuName));
	mSWF.addVariable('page_url', location.href);
	mSWF.addVariable('cm_name', menuName);
	mSWF.addVariable('browser', browser);
	mSWF.addVariable('opsys', os);	
	mSWF.addParam("wmode","transparent");
	mSWF.addParam("allowScriptAccess","sameDomain");
	mSWF.addParam("scale","noscale");
	mSWF.write("menu_holder_" + menuName);
    window["creative_menu_" + menuName + "_swf"] = document.forms[0]["creative_menu_" + menuName + "_swf"];
}


//
//  Menu properties related functions
//

function getRootPath() {
	var scripts = document.getElementsByTagName("SCRIPT");
	var relPath;
	for(var k=0; k < scripts.length; k++){
		if (((scripts[k].src).indexOf("menuDisplay.js") != -1) && (scripts[k].src)) {
					relPath = scripts[k].getAttribute("src"); 
		}
	}
	return String(relPath).replace('menuDisplay.js','');
}

function getMenuWidth(ph, fitToPage) {
	return (!fitToPage) ? ph.getAttribute("width") + "px" : (getWindowWidth() + getScrollLeft()) + "px";
}

function getMenuLeft(ph, fitToPage) {
	return (fitToPage) ? (0 - getAbsParentX(ph)) + "px" : getX(ph) + "px";
}

function getMenuHolderPos(i) {
	var mpos = getAbsX(menus[i].ph);
	
	return mpos - menus[i].lspace;
}

function getMenuLSpace(i) {
	return (menus[i].fitToPage) ? (2000 - menus[i].width) / 2 : 0;
}

function getMenuRSpace(i) {
	return (menus[i].fitToPage) ? (2000 - menus[i].width) / 2 : 0;
}


function getButtonID(menuName) {
	var url = location.href;
	var id = ""
	if (url.indexOf('?' + menuName + '_select=') != -1 || url.indexOf('&' + menuName + '_select=') != -1) {
		var i = (url.indexOf('?' + menuName + '_select=') == -1) ? url.indexOf('&' + menuName + '_select=') : url.indexOf('?' + menuName + '_select=');
		id = url.substr(i + menuName.length + 9);
		
		if (id.indexOf('&') != -1) id = id.substr(0, id.indexOf('&'));
	}
	
	return id;
}

//
//  END -- Menu properties related functions
//

//
//  Parameter manipulation functions 
//


// Gets the parameters from the div structure and passes it to the SWF
function readParam(mID,mSWF){
	var menuName = mID.slice(14);
	var menuData = eval(menuName+"Data").preset;
    
    mSWF.addVariable("skin", menuData["skinname"]);
    
	for(var i in menuData) {
        if (i == "skin") {
            mSWF.addVariable(String(i).toLowerCase() , menuData["skinname"]);
        } else {
		    mSWF.addVariable(String(i).toLowerCase() , menuData[i]);
        }
	}
	
//    alert('bla');
//    mSWF.addVariable("cutroundcorners", "false");
//    mSWF.addVariable("fittopage", "false");    
    
	var holder = document.getElementById("menu_holder_" + menuName);
	
	var mMenu = document.getElementById(mID);
	var mKids = holder.childNodes;
	var resizes = new Array();
	
	for( var i = 0; i < mKids.length; i++) {
		if((mKids[i].id == "creative_menu_structure") && (mKids[i].id)){
			var struc = translateStructure(mKids[i]);
			struc = struc.replace(/\n/g,"{XTD_NEW_LINE}");
        	struc = struc.replace(/\%/g,"%25");
            struc = struc.replace(/\&/g,"%26");
            //Change by OB team to allow less than '<' and greater than '>' signs
            struc = struc.replace(/%26gt;/g,'>');
            struc = struc.replace(/%26lt;/g,'<');
            //Change by OB Team on 5-Feb-2010
			mSWF.addVariable("menuText",struc.replace(/"/g, "{XTD_QT}"));
//			mSWF.addVariable("xtd_cmd", "true");
		}
	}
  
	mSWF.addVariable("mainPath", getRootPath());
	if (mMenu.getAttribute("menu_type")) {
		mSWF.addVariable("menu_type", mMenu.getAttribute("menu_type"));
	}
  
	var res_str = resizes.join(";");
	mSWF.addVariable("resizes", res_str);
}


// Translates the menu structure in a string
function translateStructure(refDiv){
	if (!refDiv) {
		alert(refDiv); return " ";
	} else {
		_len = -1;
		for (var ce = 0; ce < refDiv.childNodes.length ; ce++){
			goDiv(refDiv.childNodes[ce]);
		}
		lines = linesTemp;
		var finTA = "";
		for (var i = 0; i <= _len; i++){
			finTA += lines[i] + "\n";
		}
		return finTA;
	}
}

// translates a div and it's children
function goDiv(obj){
	if(obj.getAttribute && obj.childNodes[0].innerHTML) {
		linesTemp[++_len] = obj.childNodes[0].getAttribute("level") + obj.childNodes[0].innerHTML.replace(/\\n/g, "{XTD_NL}");
		if (obj.childNodes[0].getAttribute("href") || obj.childNodes[0].getAttribute("target") || obj.getAttribute("id")) {
		
		    //Commented below line by OB team on 22nd Feb 2011 for stopping the lowercase URL. The was done to handle case sensetive URL. The issue was occuring on CodingSource website in case of outside link.
		    //i.e. http://www.sinaiko.com/ourservices_revenuecycle.php, the correct link is http://www.sinaiko.com/ourServices_revenuecycle.php
		    
			//var href = obj.childNodes[0].getAttribute("href").toLowerCase();			
			var href = obj.childNodes[0].getAttribute("href");
		
			
//			if (browser == "IE6" || browser == "IE7" || browser == "Camino") {
//			if (obj.childNodes[0].outerHTML && String(obj.childNodes[0].outerHTML).indexOf('href=""') != -1) href = "";
			if (obj.childNodes[0].getAttribute("name") == "empty") href = "";
//			alert(obj.childNodes[0].outerHTML + ' -- ' + href);
//			}
			linesTemp[_len] += "," + href;
		}
		if (obj.childNodes[0].getAttribute("target") != undefined || obj.getAttribute("id")) {
            var trg = (obj.childNodes[0].getAttribute("target") != undefined && obj.childNodes[0].getAttribute("target") != "") ? obj.childNodes[0].getAttribute("target") : "_self";
//            alert(obj.childNodes[0].innerHTML.replace(/\\n/g, "{XTD_NL}") + ' --- ' + trg);
            linesTemp[_len] += "," + trg;
        }
		if (obj.getAttribute("id")) linesTemp[_len] += "," + obj.getAttribute("id");
	}
	for (var k = 1; k < obj.childNodes.length ; k++){
			goDiv(obj.childNodes[k]);	
	}
}

//
//  END -- Parameter manipulation functions 
//


//
//  HTML Elements manipulation functions
//
/*
function trace(str) {
	var tracer = document.getElementById('tracer');
	tracer.value = str + '\n' + tracer.value;
}
*/

function scrollBarSize() {
	if (String(browser).indexOf('Firefox') != -1 || browser == "Camino") return 20;
	
	return 0;
}

function newSize(menu_name, width, height) {
	var div = document.getElementById("creative_menu_" + menu_name);
	var holder = document.getElementById("menu_holder_" + menu_name);
	var swf = document.getElementById("creative_menu_" + menu_name + "_swf");

	var maxw = (getPageWidth() > getWindowWidth()) ? getPageWidth() : getWindowWidth();
	var maxh = (getPageHeight() > getWindowHeight()) ? getPageHeight() : getWindowHeight();
	
	var w = width;
	if (menus_assoc[menu_name].fitToPage) {
		w = Number(div.style.width.replace('px',''));
	} else {
		if (getAbsX(div) + getScrollLeft() + w >= maxw) {
			w = maxw - getAbsX(div) - getScrollLeft() - scrollBarSize();
		}
	}
    if (w < menus_assoc[menu_name].ph.width) w = menus_assoc[menu_name].ph.width;

	var h = height;
	if (Number(getAbsY(div)) + Number(getScrollTop()) + Number(h) >= Number(maxh)) {
		h = maxh - getAbsY(div) + Number(getScrollTop()) - 1;
	}
    if (h < menus_assoc[menu_name].ph.height) h = menus_assoc[menu_name].ph.height;
	
	div.style.width = w + "px";
	div.style.height = h + "px";

	if (needHolderResize()) resizeHolder(menu_name);

	if (needSWFResize()) resizeSWF(menu_name);	
}

function setSize(menu_name, width, height) {
	var holder = document.getElementById("menu_holder_" + menu_name); // Menu holder div
	var PH = document.getElementById("CMPH_" + menu_name); // Place holder DIV
	var CMPH = findChild(PH,"","IMG");	// Place holder IMG tag
    var x = document.getElementById('CMPH_' + menu_name);
	
	width = Number(width);
	height = Number(height);

	PH.style.width = width + "px";
	CMPH.setAttribute("width", width);
    var x = CMPH.width;
	PH.style.height = height + "px";
	CMPH.setAttribute("height", height);
	
	menus_assoc[menu_name].width = width;
	menus_assoc[menu_name].height = height;
	
	if (needHolderResize()) resizeHolder(menu_name);	
	
	newSize(menu_name, width, height);
}

function resizeSWF(menu_name, need_refresh) {
	var div = menus_assoc[menu_name].div;
	var holder = menus_assoc[menu_name].holder;
	var swf = document.getElementById("creative_menu_" + menu_name + "_swf");
	
	var w = (menus_assoc[menu_name].fitToPage) ? Number(div.style.width.replace('px','')) + Math.abs(Number(holder.style.left.replace('px',''))) + getScrollLeft() : div.style.width.replace('px','');
	var h = div.style.height.replace('px','');
		
	swf.width = swf.height = 0;
    if (swf.setAttribute) {
        swf.setAttribute("width", w);
        swf.setAttribute("height", h);
    } else {
        swf.width = w;
        swf.height = h;
    }
  
	if (need_refresh) {
		if (browser.indexOf("Firefox") == 0) {
			holder.style.height = (Number(swf.height) + Number(getScrollTop())) + "px";
					
			swf.width = "100%";
			swf.height = "100%";
		}
	} 
}

function resizeHolder(menu_name) {
	var div = menus_assoc[menu_name].div;
	var holder = menus_assoc[menu_name].holder;
	
	holder.style.height = div.style.height;
	holder.style.width = (Number(div.style.width.replace('px','')) + Math.abs(Number(holder.style.left.replace('px',''))) + getScrollLeft()) + 'px';	
}

function needSWFResize() {
	if (browser == "Netscape") return true;
	
	if (browser.indexOf("Firefox") == 0) return true;
	
	if (os == "Mac") return true;
	
	return false;
}

function needHolderResize() {
	if (browser == "Netscape" || browser.indexOf("Firefox") == 0) return true;
	
	if (os == "Mac" && (browser == "Mozilla" || browser == "Safari" || browser == "Opera")) return true;
	
	return false;
}

function findChild(parent,childId,type) {
	var childs = parent.childNodes;
	type = (type == undefined) ? "DIV" : type;
	for (var k=0; k < childs.length; k++) {
		if ((childs[k].id == childId) && (childs[k].nodeName == type)) {
			return childs[k];
		}
	}
}

//
//  END -- HTML Elements manipulation functions
//


// 
//  Functions used for getting browser information, screen information and element positions
//

function getBrowser() {
	var browserAgent = navigator.userAgent;
	//alert(browserAgent);
	var b = "Other";
		
	if (browserAgent.indexOf("Mozilla") == 0) b = "Mozilla";	
	if (browserAgent.indexOf("MSIE 6") != -1) b = "IE6";
	if (browserAgent.indexOf("MSIE 7") != -1) b = "IE7";
	if (browserAgent.indexOf("Opera") != -1) b = "Opera";
	if (browserAgent.indexOf("Firefox/1") != -1) b = "Firefox1";
	if (browserAgent.indexOf("Firefox/2") != -1) b = "Firefox2";
	if (browserAgent.indexOf("Firefox/3") != -1) b = "Firefox3";
	if (browserAgent.indexOf("Firefox/4") != -1) b = "Firefox4";
	if (browserAgent.indexOf("Firefox/5") != -1) b = "Firefox5";
	if (browserAgent.indexOf("Firefox/6") != -1) b = "Firefox6";
	if (browserAgent.indexOf("Netscape") != -1) b = "Netscape";
	if (browserAgent.indexOf("Safari") != -1) b = "Safari";
	if (browserAgent.indexOf("Camino") != -1) b = "Camino";
	if (browserAgent.indexOf("MSIE 8") != -1) b = "IE8";	
	if (browserAgent.indexOf("MSIE 9") != -1) b = "IE9";
	if (browserAgent.indexOf("MSIE 10") != -1) b = "IE10";
	return b;
}

function getOS() {
	var browserAgent = navigator.userAgent;	
	var system = "Other";
	
	if (browserAgent.indexOf("Mac") != -1) system = "Mac";
	if (browserAgent.indexOf("Win") != -1) system = "Win";	
	
	return system;
}

function getY( oElement ){
	var iReturnValue = 0;
	while( oElement != null && !needRelPos(oElement)) {
		iReturnValue += oElement.offsetTop;
		oElement = oElement.offsetParent;
		//alert(oElement.id + " - " + oElement.offsetTop);
	}
	return iReturnValue;
}

function getX( oElement ){
	var iReturnValue = 0;
	while( oElement != null && !needRelPos(oElement)) {
    	iReturnValue += oElement.offsetLeft;
    	oElement = oElement.offsetParent;
	}
	return iReturnValue;
}

function getAbsX( oElement ){
	var iReturnValue = 0;
	while( oElement != null) {
    	iReturnValue += oElement.offsetLeft;
    	oElement = oElement.offsetParent;
	}
	return iReturnValue;
}

function getAbsY( oElement ){
	var iReturnValue = 0;
	while( oElement != null) {
    	iReturnValue += oElement.offsetTop;
    	oElement = oElement.offsetParent;
	}
	return iReturnValue;
}

function getAbsParentX(oElement) {
	var iReturnValue = 0;
	while( oElement != null) {
        if (needRelPos(oElement)) {
		    iReturnValue += oElement.offsetLeft;
        }
		oElement = oElement.offsetParent;
	}
	return iReturnValue;
}

function getAbsParentY(oElement) {
	var iReturnValue = 0;
	while( oElement != null) {
        if (needRelPos(oElement)) {
		    iReturnValue += oElement.offsetTop;
        }
		oElement = oElement.offsetParent;
	}
	return iReturnValue;
}

function needRelPos(el) {
	if (getStyle(el, "position") == "absolute" || getStyle(el, "position") == "fixed" || getStyle(el, "position") == "relative") return true;
}

function getWindowWidth() {
	var browser = getBrowser();
    if (browser == "Safari" || browser == "Firefox3") return window.innerWidth;
	if (browser == "Opera" || browser == "Other" || browser == "Mozilla") {
		return document.body.clientWidth;
	} else {
		return document.documentElement.clientWidth;
	}	
}

function getWindowHeight() {
	var browser = getBrowser();
    if (browser == "Safari" || browser == "Firefox3") return window.innerHeight;
	if (browser == "Opera" || browser == "Other" || browser == "Mozilla") {
		return document.body.clientHeight;
	} else {
		return document.documentElement.clientHeight;
	}
}

function getScreenWidth() {
	return window.screen.width;
}

function getScreenHeight() {
	return window.screen.height;
}

function getPageHeight() {
	document.body.offsetHeight;
}

function getPageWidth() {
	document.body.offsetWidth;
}

function getScrollLeft() {
	if (window.pageXOffset != undefined) {
		return window.pageXOffset;
	} else {
		return document.documentElement.scrollLeft;
	}
}

function getScrollTop() {
	if (window.pageYOffset != undefined) {
		return window.pageYOffset;
	} else {
		return document.documentElement.scrollTop;
	}	
}

function getStyle(el, sp) {
	if (el.currentStyle)
		var y = el.currentStyle[sp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(el,null).getPropertyValue(sp);
	
	if (browser == "Safari" && os == "Mac") {
		var cssd = document.defaultView.getComputedStyle(el,null);
		var i = 79;
        
        return cssd[sp];
//		if (sp == "position") return cssd[i];
	}
	
	return y;	
}

// 
//  END -- Functions used for getting browser information, screen information and element positions
//