var poptab_arr = new Array() ;
var popch_arr = new Array() ;
var mainnav_arr = new Array() ;

var raw_inf_arr = new Array() ;
var raw_txt_arr = new Array() ;
var raw_url_arr = new Array() ;
var raw_target_arr = new Array() ;
var offset = 0 ;

function create_mainnav_arr()
{
	/*
	Array paramrters
	Tab Name : this will also determine tab styles in "/popnav/hires.css"
	Tab URL
	Alternative Text
	Tab Type : (0) means there's no pop-up navigation attached
	*/
	if(document.getElementById("homenav"))
	{
		mainnav_arr.push( ["englishhome_main","http://www.mbc.net/english","English home page",0] ) ;
		offset = 97 ;
		//alert("xxcx") ;
	}
	else
	{
		mainnav_arr.push( ["englishhome","http://www.mbc.net/english","English home page",0] ) ;
	}	


	mainnav_arr.push( ["mbc2","http://www.mbc.net/english/mbc2","MBC 2",1] ) ;
	mainnav_arr.push( ["mbc4","http://www.mbc.net/english/mbc4","MBC 4",1] ) ;
	mainnav_arr.push( ["mbcaction","http://www.mbc.net/english/mbcaction","MBC Action",1] ) ;
	mainnav_arr.push( ["mbcmax","http://www.mbc.net/english/mbcmax","MBC Max",1] ) ;
	mainnav_arr.push( ["arabi","http://www.mbc.net","الصفحة الرئيسية",0] ) ;
	/*
	mainnav_arr.push( ["channels","http://www.mbc.net","قنوات mbc",1] ) ;
	mainnav_arr.push( ["online","http://www.mbc.net","شاهد أون لاين",1] ) ;
	*/

	var mainnav_str = "<div class='main_nav'><div class='rightcap'></div><div class='tabs'>" ;

	for ( var i in mainnav_arr )
	{
		if ( mainnav_arr[i][3] )
		{
			mainnav_str += "<a id='popnav_" + mainnav_arr[i][0] + "_butt' alt='" + mainnav_arr[i][2] + "' onmouseOver='javascript:popnavon(\"" + mainnav_arr[i][0] + "\");' onmouseOut='javascript:popnavoff(\"" + mainnav_arr[i][0] + "\");' href='" + mainnav_arr[i][1] + "' class='" + mainnav_arr[i][0] + "'></a> " ;
		}
		else
		{
			mainnav_str += "<a id='popnav_" + mainnav_arr[i][0] + "_butt' alt='" + mainnav_arr[i][2] + "' href='" + mainnav_arr[i][1] + "' class='" + mainnav_arr[i][0] + "'></a> " ;
		}
	}

	mainnav_str += "</div><div class='leftcap'></div></div>" ;
					
	mainnav = document.getElementById("mainnav_container") ;
	mainnav.innerHTML = mainnav_str ;
}

function create_popnav_arr()
{
	/* All pop-tabs use the following data specs except channel tabs, they have different specs
	raw_inf :	POP-tab ID , .css style EN/AR , Horizontal offset of anchors , number of Anchors per column
	raw_txt :	Anchors text
	raw_url :	Anchors url
	raw_url :	Anchors Target
	*/
	/*-------- Subsite Tabs --------*/
	/*-------- arabic drop menu 
	raw_inf = ["arabi","navsub","338","5"] ;
	raw_txt = ["الصفحة الرئيسية","قنوات <s>MBC 2</s>","فن ونجوم","رياضة","ناس <s>MBC</s>"] ;
	raw_url = ["#","#","#","#","#"] ;
	raw_target = ["_self","_self","_self"] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;
	--------*/
	
	raw_inf = ["mbcmax","navsuben","000","3"] ;
	raw_txt = ["<s>News</s>","<s>Movies Schedule</s>","<s>Movies in Motion</s>"] ;
	raw_url = ["http://www.mbc.net/english/mbcmax/news","http://www.mbc.net/english/mbcmax/grid","http://mim.mbc.net/en/"] ;
	raw_target = ["_self","_self","_self"] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	raw_inf = ["mbcaction","navsuben","000","2"] ;
	raw_txt = ["<s>News</s>","<s>Programs Schedule</s>"] ;
	raw_url = ["http://www.mbc.net/english/mbcaction/news","http://www.mbc.net/english/mbcaction/grid"] ;
	raw_target = ["_self","_self"] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	raw_inf = ["mbc4","navsuben","000","3"] ;
	raw_txt = ["<s>News</s>","<s>Programs Schedule</s>","<s>iMatter</s>"] ;
	raw_url = ["http://www.mbc.net/english/mbc4/news","http://www.mbc.net/english/mbc4/grid","http://imatter.mbc.net"] ;
	raw_target = ["_self","_self","_self"] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	raw_inf = ["mbc2","navsuben","000","3"] ;
	raw_txt = ["<s>News</s>","<s>Movies Schedule</s>","<s>Movies in Motion</s>"] ;
	raw_url = ["http://www.mbc.net/english/mbc2/news","http://www.mbc.net/english/mbc2/grid","http://mim.mbc.net/en/"] ;
	raw_target = ["_self","_self","_self"] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	/*-------- Subsite Tabs --------*/
}

function push_arr( raw_inf , raw_txt , raw_url , raw_target )
{
	raw_inf_arr.push( raw_inf ) ;
	raw_txt_arr.push( raw_txt ) ;
	raw_url_arr.push( raw_url ) ;
	raw_target_arr.push( raw_target ) ;
}


function set_pop_obj()
{
	for( i = 0 ; i < raw_inf_arr.length ; i++ )
	{
		if( raw_inf_arr[i][0] != "channels" )
		{
			var poptab = new Object() ;
			poptab.tabid = raw_inf_arr[i][0] ;
			poptab.tabtype = raw_inf_arr[i][1] ;
			poptab.tabmargin = raw_inf_arr[i][2] ;
			poptab.colsize = raw_inf_arr[i][3] ;
			poptab.txt_arr = raw_txt_arr[i] ;
			poptab.url_arr = raw_url_arr[i] ;
			poptab.target_arr = raw_target_arr[i] ;
			poptab_arr.push( poptab ) ;
		}
		else
		{
			var popch = new Object() ;
			popch.chcell = raw_inf_arr[i][1] ;
			popch.chlogo = raw_inf_arr[i][2] ;
			popch.churl = raw_inf_arr[i][3] ;
			popch.chtarget = raw_inf_arr[i][4] ;
			popch.txt_arr = raw_txt_arr[i] ;
			popch.url_arr = raw_url_arr[i] ;
			popch.target_arr = raw_target_arr[i] ;
			popch_arr.push( popch ) ;
		}
	}
}


function generate_popnav()
{
	popnav_str = "" ;

	//---------- Start Tabs
	for ( var tabtick = 0 ; tabtick < poptab_arr.length ; tabtick++ )
	{
		tab_slot = poptab_arr[tabtick] ;

		popnav_str += "<div id='popnav_" + tab_slot.tabid + "' class='popnav' onmouseOver='javascript:popnavon(\"" + tab_slot.tabid + "\")' onmouseOut='javascript:popnavoff(\"" + tab_slot.tabid + "\")'>" ;
		popnav_str += "<div class='caphi'></div>" ;
		popnav_str += "<div class='navcontent'>" ;
		//popnav_str += "<div class='navmargin' style='width:" + ( Number(tab_slot.tabmargin) + Number(offset) ) + "px'></div>" ;
		popnav_str += "<div class='navmargin'></div>" ;

		popnav_str += "<div class='" + tab_slot.tabtype + "'>" ;
		popnav_str += "<ul>" ;


		// Here, an array in used to reverse the order of UL tags, this is done to avoid giving "float:right" style to UL's which causes "navsub" to become 100% wide.
		//--Start
		tmp_str_arr = new Array() ;
		tmp_str = "" ;

		for ( var litick = 0 ; litick < tab_slot.txt_arr.length ; litick++ )
		{
			tab_slot = poptab_arr[tabtick] ;

			if ( ( litick % tab_slot.colsize == 0 ) & ( litick > 0 ) )
			{
					tmp_str_arr.push( tmp_str ) ;
					tmp_str_arr.push( "</ul><ul>" ) ;
					tmp_str = "" ;
			}
			tmp_str += "<li><a href='" + tab_slot.url_arr[litick] + "' target='" + tab_slot.target_arr[litick] + "'>" + tab_slot.txt_arr[litick] + "</a></li>" ;
		}
		tmp_str_arr.push( tmp_str ) ;
		tmp_str_arr.reverse() ;
		popnav_str += tmp_str_arr.join('') ;
		//--End


		popnav_str += "</ul>" ;
		popnav_str += "</div>" ;

		popnav_str += "</div>" ;
		popnav_str += "<div class='caplo'></div>" ;
		popnav_str += "</div>" ;
	}
	//---------- End Tabs

	//popnav_str = "" ;

	//---------- Start channels
	str_col_start = "<div class='popnavcolumn'>" ;
	str_col_end = "</div>" ;
	//str_vbrk = "<div class='popnavbrk'></div>" ;
	str_vbrk = "" ;
	str_hbrk = "<div class='popnavhbrk'></div>" ;
	
	popnav_str += "<div id='popnav_channels' class='popnav' onmouseOver='javascript:popnavon(\"channels\");' onmouseOut='javascript:popnavoff(\"channels\");'>" ;
	popnav_str += "<div class='caphi'></div>" ;
	popnav_str += "<div class='navcontent'>" ;
	popnav_str += "<div class='navgrid'>" ;

	str_col_one = "" ;
	str_col_two = "" ;
	str_col_three = "" ;
	str_col_four = "" ;

	for ( var chtick = 0 ; chtick < popch_arr.length ; chtick++ )
	{
		str_tmp = "" ;
		ch_slot = popch_arr[chtick] ;
		str_tmp += "<div class='navchannel' style='background:url(" + ch_slot.chlogo + ") 100% -3px no-repeat;'> <a class='popnavlogo' href='" + ch_slot.churl + "' target='" + ch_slot.chtarget + "'></a>" ;
		str_tmp += "<ul>" ;

		for ( var litick = 0 ; litick < ch_slot.txt_arr.length ; litick++ )
		{
			str_tmp += "<li><a href='" + ch_slot.url_arr[litick] + "' target='" + ch_slot.target_arr[litick] + "'>" + ch_slot.txt_arr[litick] + "</a></li>" ;
		}

		str_tmp += "</ul>" ;
		str_tmp += "</div>" ;

		switch(ch_slot.chcell)
		{
		case "0":
			if( str_col_one == "" ){ str_col_one += str_col_start + str_tmp ; }
			else{ str_col_one += str_hbrk + str_tmp ; }
			break;
		case "1":
			if( str_col_two == "" ){ str_col_two += str_col_start + str_tmp ; }
			else{ str_col_two += str_hbrk + str_tmp ; }
			break;
		case "2":
			if( str_col_three == "" ){ str_col_three += str_col_start + str_tmp ; }
			else{ str_col_three += str_hbrk + str_tmp ; }
			break;
		case "3":
			if( str_col_four == "" ){ str_col_four += str_col_start + str_tmp ; }
			else{ str_col_four += str_hbrk + str_tmp ; }
			break;
		}
	}

	str_col_one += str_col_end ;
	str_col_two += str_col_end ;
	str_col_three += str_col_end ;
	str_col_four += str_col_end ;

	popnav_str += str_col_one + str_vbrk + str_col_two + str_vbrk + str_col_three + str_vbrk + str_col_four ;

	popnav_str += "</div>" ;
	popnav_str += "</div>" ;
	popnav_str += "<div class='caplo'></div>" ;
	popnav_str += "</div>" ;
	//---------- End channels

	popnav = document.getElementById("popnav_container") ;
	popnav.innerHTML = popnav_str ;

	//document.getElementById("testarea").value = popnav_str ;
}

function xbanner( navaction )
{
	var SWFobjects = document.getElementsByTagName('object') ;

	for( var i=0 ; i < SWFobjects.length ; i++ )
	{
		var PARAMtags = SWFobjects[i].getElementsByTagName("param") ;

		for( var j=0 ; j < PARAMtags.length ; j++ )
		{
			if ( PARAMtags[j].value.toLowerCase() == "window" )
			{
				PARAMtags[j].parentNode.style.visibility = navaction ;
			}
		}
	}
}

function popnavon(popname)
{
	navpanel = document.getElementById( "popnav_" + popname ) ;
	navpanel.style.display = "block" ;
	navbutt = document.getElementById( "popnav_" + popname + "_butt" ) ;
	navbutt.className = popname + "on" ;

	xbanner( "hidden" ) ;
}

function popnavoff(popname)
{
	navpanel = document.getElementById( "popnav_" + popname ) ;
	navpanel.style.display = "none" ;
	navbutt = document.getElementById( "popnav_" + popname + "_butt" ) ;
	navbutt.className = popname ;

	xbanner( "visible" ) ;
}

function startup_popnav()
{
	create_mainnav_arr() ;
	create_popnav_arr() ;
	set_pop_obj() ;
	generate_popnav() ;
}

startup_popnav() ;

/*
if (window.addEventListener)
{ window.addEventListener( "load" , startup_popnav , false ) ; }
else if(window.attachEvent)
{ window.attachEvent( "onload" , startup_popnav ) ; }
*/