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() ;


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
	*/
	mainnav_arr.push( ["homepage","http://www.mbc.net","الصفحة الرئيسية",0] ) ;
	mainnav_arr.push( ["nojoom","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=66597fb9d32ee010VgnVCM100000f1010a0aRCRD","فن ونجوم",1] ) ;
	mainnav_arr.push( ["sport","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=8f497fb9d32ee010VgnVCM100000f1010a0aRCRD","رياضة",1] ) ;
	mainnav_arr.push( ["forums","http://nas.mbc.net/","البومة",1] ) ;
	mainnav_arr.push( ["channels","http://www.mbc.net","قنوات mbc",1] ) ;
	mainnav_arr.push( ["online","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=8b34858892565110VgnVCM1000008420010aRCRD&vgnextfmt=default","شاهد أولاين",1] ) ;
	mainnav_arr.push( ["english","http://www.mbc.net/portal/site/mbc-en","English",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 --------*/
	raw_inf = ["nojoom","navsub","141","4"] ;
	raw_txt = ["تلفزيون","أفلام","أهل الفن","موسيقى"] ;
	raw_url = ["http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=380ee30e61801110VgnVCM100000f1010a0aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=94fde30e61801110VgnVCM100000f1010a0aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=4e9ee30e61801110VgnVCM100000f1010a0aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=4efde30e61801110VgnVCM100000f1010a0aRCRD"] ;
	raw_target = ["_self","_self","_self","_self"] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	raw_inf = ["sport","navsub","231","4"] ;
	raw_txt = ["كرة قدم","سباقات السرعة","مشاهير","ألعاب أخرى"] ;
	raw_url = ["http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=af6b6b803dfb0110VgnVCM100000f1010a0aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=32bce30e61801110VgnVCM100000f1010a0aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=4c7b6b803dfb0110VgnVCM100000f1010a0aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=eb75cb39e9701110VgnVCM100000f1010a0aRCRD"];
	raw_target = ["_self","_self","_self","_self"] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	/*raw_inf = ["albuma","navsub","302","4"] ;
	raw_txt = ["تبصير","سين جيم","سياحة وترفيه","اون لاين","كاريكاتير","الرقم <s>13</s>","توب <s>10</s>"] ;
	raw_url = ["http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=821044cbcca75110VgnVCM1000008420010aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=eb2044cbcca75110VgnVCM1000008420010aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=e43044cbcca75110VgnVCM1000008420010aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=6c3044cbcca75110VgnVCM1000008420010aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=934044cbcca75110VgnVCM1000008420010aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=0b4044cbcca75110VgnVCM1000008420010aRCRD","http://www.mbc.net/portal/site/mbc/menuitem.004479753e54436635c419fa480210a0/?vgnextoid=32810ada17456110VgnVCM1000008420010aRCRD&vgnextnoice=1&albumapage=yes"] ;
	raw_target = ["_self","_self","_self","_self","_self","_self","_self"] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;*/

	raw_inf = ["forums","navsub","302","4"] ;
	raw_txt = ["الناس","المنتديات","المدونات","ملفي","الصور","الفيديوهات"] ;
	raw_url = ["http://nas.mbc.net/browse.php","http://nas.mbc.net/forum/main.php","http://nas.mbc.net/blog.php","http://nas.mbc.net/member.php","http://nas.mbc.net/browsePhoto.php","http://nas.mbc.net/browseVideo.php"] ;
	raw_target = ["_self","_self","_self","_self","_self","_self"] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	raw_inf = ["online","navsub","300","14"] ;
	raw_txt = [  "لامكان لا وطن" , "لحظة وداع" , "الرابح الأكبر 3" , "القوة العاشرة"  ,"باب الحارة 3"  , "كلنا عيال قرية" ,  "بيني وبينك 2" , "عيون عليا"  , "ظل الياسمين", "بعد الفراق" , "حجر الزاوية"  ] ;
	raw_url = [ "http://vramadan.mbc.net/mediamanager/?ee_category=6988" , "http://vramadan.mbc.net/mediamanager/?ee_category=6989" , "http://vramadan.mbc.net/mediamanager/?ee_category=6986"  , "http://vramadan.mbc.net/mediamanager/?ee_category=6987" , "http://vramadan.mbc.net/mediamanager/?ee_category=6154" , "http://vramadan.mbc.net/mediamanager/?ee_category=6707"  , "http://vramadan.mbc.net/mediamanager/?ee_category=6708", "http://vramadan.mbc.net/mediamanager/?ee_category=6671", "http://vramadan.mbc.net/mediamanager/?ee_category=6684", "http://vramadan.mbc.net/mediamanager/?ee_category=6706", "http://vramadan.mbc.net/mediamanager/?ee_category=6711" ] ;
	raw_target = [ "_blank" , "_blank" , "_blank" , "_blank" , "_blank" , "_blank" , "_blank" , "_blank"  ] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	raw_inf = ["english","navsuben","525","4"] ;
	raw_txt = ["<s>MBC 2</s>","<s>MBC 4</s>","<s>MBC Action</s>"] ;
	raw_url = ["http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=a901cb39e9701110VgnVCM100000f1010a0aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=fe11cb39e9701110VgnVCM100000f1010a0aRCRD","http://www.mbc.net/vgn-ext-templating/v/index.jsp?vgnextoid=3f3a7af15a451110VgnVCM1000008420010aRCRD"] ;
	raw_target = ["_self","_self","_self"] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;
	/*-------- Subsite Tabs --------*/

	
	raw_inf = [ "channels" , "0" , "popnav/logo_mbc1.gif" , "http://www.mbc.net/mbc1/" , "_self" ] ;
	raw_txt = [ "أخبار <s>MBC</s>" , "صباح الخير يا عرب" , "<s>MBC DVD</s>" , "لامكان لاوطن" , "الرابح الأكبر<s>3</s>" , "القوة العاشرة" , "الأمل" , "جدول البرامج " ] ;
	raw_url = [ "http://www.mbc.net/news" , "http://www.mbc.net/sabah" , "http://www.mbc.net/DVD", "http://www.mbc.net/lamakan" , "http://mbc.net/bw" , "http://vramadan.mbc.net/mediamanager/?ee_category=6987" , "http://www.mbc.net/hope", "http://www.mbc.net/mbcgrid" ] ;
	raw_target = [ "_self" , "_self" , "_self" , "_self" , "_self" , "_self" , "_self" ] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	

	raw_inf = [ "channels" , "1" , "popnav/logo_ch2.gif" , "http://mbc.net/mbc2" , "_self" ] ;
	raw_txt = [ "الأخبار" , "نادي الأفلام", "دليل الأفلام" , "جدول البرامج" ] ;
	raw_url = ["http://mbc.net/mbc2/news", "http://mim.mbc.net/ar/" , "http://www.mbc.net/guide/mbc2_guide.pdf" , "http://www.mbc.net/mbc2/grid" ] ;
	raw_target = [ "_self" , "_blank" , "_blank" , "_self" ] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	
	raw_inf = [ "channels" , "1" , "popnav/logo_mbcmax.gif" , "http://mbc.net/mbcmax" , "_self" ] ;
	raw_txt = [ "الأخبار"  ,"دليل الأفلام" , "جدول البرامج" ] ;
	raw_url = [ "http://www.mbc.net/mbcmax/news" , "http://www.mbc.net/guide/mbc2_guide.pdf" , "http://www.mbc.net/mbcmax/grid/" ] ;
	raw_target = [ "_blank" , "_blank" , "_self" ] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	raw_inf = [ "channels" , "2" , "popnav/logo_mbc3.gif" , "http://mbc3.net" , "_blank" ] ;
	raw_txt = [ "البرامج" , "المنتديات" , "جدول البرامج" ] ;
	raw_url = [ "http://mbc3.mbc.net/shows_ramadan.html" , "http://mbc3forum.mbc.net/" , "http://mbc3.mbc.net/grid.aspx" ] ;
	raw_target = [ "_blank" , "_blank" , "_blank" ] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	raw_inf = [ "channels" , "2" , "popnav/logo_ch4.gif" , "http://www.mbc.net/mbc4/" , "_self" ] ;
	raw_txt = [ "الأخبار" , "لحظة وداع", "كيـــاني" , "جدول البرامج"] ;
	raw_url = [ "http://mbc.net/mbc4/news" , "http://mbc.net/wada3" , "http://imatter.mbc.net/index.php?new_sLanguage=Arabic" , "http://www.mbc.net/mbc4/grid" ] ;
	raw_target = [ "_self" , "_blank" , "_blank" , "_self" ] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	raw_inf = [ "channels" , "3" , "popnav/logo_action.gif" , "http://mbc.net/mbcaction" , "_self" ] ;
	raw_txt = [  "الأخبار" , "جدول البرامج" ] ;
	raw_url = [  "http://www.mbc.net/mbcAction/news" , "http://www.mbc.net/mbcAction/grid" ] ;
	raw_target = [ "_self" , "_self" ] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	raw_inf = [ "channels" , "3" , "popnav/logo_mbcfm.gif" , "http://www.mbc.net/mbcfm" , "_self" ] ;
	raw_txt = [ "استمع الآن" , "جدول البرامج" ] ;
	raw_url = [ "http://www.mbc.net/radio/fm" , "http://www.mbc.net/mbcfm/grid" ] ;
	raw_target = [ "_blank" , "_self" ] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;

	raw_inf = [ "channels" , "3" , "popnav/logo_panorama.gif" , "http://www.mbc.net/portal/site/mbc/menuitem.166a076ee1b58e9228290b101f10a0a0/?vgnextoid=3a297fb9d32ee010VgnVCM100000f1010a0aRCRD" , "_self" ] ;
	raw_txt = [ "استمع الآن" , "جدول البرامج" ]  ;
	raw_url = [ "http://www.mbc.net/radio/panorama/" , "http://www.mbc.net/panoramafm/grid" ] ;
	raw_target = [ "_blank" , "_self" ] ;
	push_arr( raw_inf , raw_txt , raw_url , raw_target ) ;
	/*-------- Ramadan Channel Tab --------*/
}

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


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_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_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:" + tab_slot.tabmargin + "px'></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 > 4 ) )
			{
					tmp_str_arr.push( tmp_str ) ;
					tmp_str_arr.push( "</ul><ul>" ) ;
					tmp_str = "" ;
					
			}
			
			if ( ( litick % 4 == 0 ) & ( litick > 3 ) )
			{
			    tmp_str +="</ul><ul class='left'>";
			}
			
			tmp_str += "<li><a href='" + tab_slot.url_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_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] + "'>" + 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 ) ; }
*/