// JavaScript Document

var maxShow = 3; // 显示的菜单总数量

var arrayContent = new Array(); 
var arrayMenuName = new Array();
var arrayBgImg = new Array();
var arrayMenuCoin = new Array(); //menu前面标志
var arrayMenuCoinCss = new Array();//menu前面标志的样式
var arrayProvider = new Array(); //数据源

//定义内容
arrayContent.push("<span style='color:#ef6201;font-size:12px;'>前端设备</span><br/>&nbsp;&nbsp;&nbsp;&nbsp;<span style='color:#535152;font-size:12px;'>数字电视信号前端处理：编码、复用、<br/>加扰、调制。</span>");
arrayBgImg.push("images/indexmenuleftbg01.gif");
arrayMenuName.push("<a href='/Product/?action=Front'>前端设备</a>");
arrayMenuCoin.push("A");
arrayMenuCoinCss.push("aCss");

arrayContent.push("<span style='color:#0b7736;font-size:12px;'>传输设备</span><br/>&nbsp;&nbsp;&nbsp;&nbsp;<span style='color:#535152;font-size:12px;'>实时转播、信号传输等微波传输解决<br/>方案。</span>");
arrayBgImg.push("images/indexmenuleftbg02.gif");
arrayMenuName.push("<a href='/Product/?action=Transmission'>传输设备</a>");
arrayMenuCoin.push("B");
arrayMenuCoinCss.push("bCss");

arrayContent.push("<span style='color:#66238a;font-size:12px;'>发射设备</span><br/>&nbsp;&nbsp;&nbsp;&nbsp;<span style='color:#535152;font-size:12px;'>数字电视信号发射、转发、补点覆盖应用。</span>");
arrayBgImg.push("images/indexmenuleftbg03.gif");
arrayMenuName.push("<a href='/Product/?action=Launching'>发射设备</a>");
arrayMenuCoin.push("C");
arrayMenuCoinCss.push("cCss");

arrayContent.push("<span style='color:#00428c;font-size:12px;'>辅助设备</span><br/>&nbsp;&nbsp;&nbsp;&nbsp;<span style='color:#535152;font-size:12px;'>无线数字电视系统组网、设备无线监控。</span>");
arrayBgImg.push("images/indexmenuleftbg04.gif");
arrayMenuName.push("<a href='/Product/?action=Auxiliary'>辅助设备</a>");
arrayMenuCoin.push("D");
arrayMenuCoinCss.push("dCss");


var menuContainer =document.getElementById("clickMenu");
var contentContainer = document.getElementById("topContent");
var outContainer = document.getElementById("indexmenuleftbg");
//数据源类
function ProviderSource(contentString, menuName, changeBgImgName, menuCoin, menuCoinCss){
	this.contentString = contentString;
	this.menuName = menuName;
	this.changeBgImgName = changeBgImgName;
	this.menuCoin = menuCoin;
	this.menuCoinCss = menuCoinCss
}

function initMenuBar(arrayMenu){
	
	for (menuName in arrayMenu){		
		arrayProvider.push(new ProviderSource(arrayContent[menuName], arrayMenuName[menuName], arrayBgImg[menuName], arrayMenuCoin[menuName], arrayMenuCoinCss[menuName]));		
	}
	/*alert(arrayProvider[0].contentString);*/
	/*alert(menuContainer);*/
	reView();
}

//更新显示数据源
function updateSource(index){
	reOrderSource(index);
	reView();
}

//重新排布数据源
function reOrderSource(index){
	var _tempProviderObj = null;
	_tempProviderObj = arrayProvider[0];
	if(eval(index)!=0){
		arrayProvider[0] = arrayProvider[eval(index)];
		arrayProvider[eval(index)] = _tempProviderObj;
	}
	/*for (xx in arrayProvider){
		alert(arrayProvider[xx].contentString);
	}*/
}
//更新数据显示
function reView(){
	var _strDivMenu = "";
	var _i = 0;
	for(intProvider in arrayProvider){
		if(_i==0){
			_strDivMenu += "<span onclick=\"updateSource(" + intProvider + ")\">" + "<span class=\""+arrayProvider[intProvider].menuCoinCss+"\">"+arrayProvider[intProvider].menuCoin + "</span><span class=\"clickContent\">" +arrayProvider[intProvider].menuName + "</span></span>&nbsp;&nbsp;&nbsp;&nbsp;";
		}else{
			_strDivMenu += "<span onclick=\"updateSource(" + intProvider + ")\">" + "<span class=\""+arrayProvider[intProvider].menuCoinCss+"\">"+arrayProvider[intProvider].menuCoin + "</span>" + "</span>&nbsp;&nbsp;&nbsp;&nbsp;";
		}
		_i++
	}
	contentContainer.innerHTML = arrayProvider[0].contentString;
	menuContainer.innerHTML = _strDivMenu;
	//alert(arrayProvider[0].changeBgImgName);
	outContainer.style.backgroundImage = "url("+ arrayProvider[0].changeBgImgName + ")";
	//alert(outContainer.style.backgroundImage);
	
}