var arrPicCommend=new Array();
var itabs;
var strDefaultContent;

function LoadPicCommendJs(strKey,obj){
	var objPicCommendJs;
	if (!$("PicCommendJs")){
		objPicCommendJs = document.createElement("script");
		objPicCommendJs.id = "PicCommendJs";
		document.body.appendChild(objPicCommendJs);
	}
	else{
		if (document.all){
			objPicCommendJs = $("PicCommendJs");
		}
		else{
			document.body.removeChild($("PicCommendJs"));
			objPicCommendJs = document.createElement("script");
			objPicCommendJs.id = "PicCommendJs";
			document.body.appendChild(objPicCommendJs);
		}
	}
	objPicCommendJs.src="/jss/PicCommend"+strKey+".js";

	if (document.all){
		objPicCommendJs.onreadystatechange = function(){
			if (objPicCommendJs.readyState=="loaded"){
				ShowTab(obj,strKey)
			}
		}
	}
	else{
		objPicCommendJs["onload"] = function(){
			ShowTab(obj,strKey)
		}
	}
}

function GetCommendContent(strKey,obj){
	var intTotalNum = 216;
	var intPicCount = 99;
	var intCol = 9;
	var strPicServer = "http://imga.4399.com";

	if (strKey=="5Star"){
		return strDefaultContent;
	}

	if (typeof(arrPicCommend[strKey])=="undefined"){
		LoadPicCommendJs(strKey,obj);
		return;
	}

	var strFiveStarPic="<div id=\"tab1\"><ul>";
	var strFiveStarTxt="<div id=\"tab2\"><ul>";

	for (var i=0;i<arrPicCommend[strKey].length ;i++)	{
		if (i>=intTotalNum){
			break;
		}
		if(i>0&&(i%intCol==0)){
			if(i<intPicCount){
				strFiveStarPic = strFiveStarPic + "</ul><ul>";
			}
			else{
				if(i>intPicCount)strFiveStarTxt = strFiveStarTxt + "</ul><ul>";
			}
		}

		if(i<intPicCount){
			strFiveStarPic = strFiveStarPic + "<li><a href=\""+(isNaN(arrPicCommend[strKey][i][0])?arrPicCommend[strKey][i][0]:"/flash/"+arrPicCommend[strKey][i][0]+".htm")+"\" target=\"_blank\"><img width=\"84\" height=\"60\" border=\"0\" src=\""+(arrPicCommend[strKey][i][1].indexOf("/")==0?strPicServer:"")+arrPicCommend[strKey][i][1]+"\" /></a><br/><a href=\""+(isNaN(arrPicCommend[strKey][i][0])?arrPicCommend[strKey][i][0]:"/flash/"+arrPicCommend[strKey][i][0]+".htm")+"\" target=\"_blank\">"+arrPicCommend[strKey][i][2]+"</a></li>";
		}
		else{
			strFiveStarTxt = strFiveStarTxt + "<li><a href=\""+(isNaN(arrPicCommend[strKey][i][0])?arrPicCommend[strKey][i][0]:"/flash/"+arrPicCommend[strKey][i][0]+".htm")+"\" target=\"_blank\">"+arrPicCommend[strKey][i][2]+"</a></li>";
		}
	}

	strFiveStarPic = strFiveStarPic + "</ul></div>";
	strFiveStarTxt = strFiveStarTxt + "</ul></div>";
	return strFiveStarPic+strFiveStarTxt;
}

function ShowTab(obj,strKey){
	var strClassName;
	if (typeof(itabs)=="undefined"){
		itabs=$('i_tab').getElementsByTagName("li");
		strDefaultContent = $("tabs").innerHTML;
	}
	for(var i=0; i<itabs.length; i++){
		if(itabs[i]==obj){
			strClassName = "co";

			if (i==itabs.length-1){
				strClassName += " eol";
			}

			itabs[i].className=strClassName;
			var s = GetCommendContent(strKey,obj);

			if (typeof(s)!="undefined"){
				$('tabs').innerHTML=s;
			}
			else{
				return;
			}
		}
		else{
			if (i==itabs.length-1){
				strClassName = "eol";
			}
			else{
				strClassName = "";
			}

			itabs[i].className=strClassName;
		}
	}
}

function ShowTag(strTargetId){
	var tag = document.getElementById("tags3").getElementsByTagName("a");
	for(i=1; i<3; i++){
		if(strTargetId=='tagContent'+i){
				if(i==1){
					tag[i-1].className = "listltit-1-on";
				}else{
					tag[i-1].className = "listltit-2-on";
				}
				document.getElementById('tagContent'+i).style.display = "block";
		}else{
				if(i==1){
					tag[i-1].className = "listltit-1";
				}else{
					tag[i-1].className = "listltit-2";
				}
				document.getElementById('tagContent'+i).style.display = "none";
		}
	}
}

function ShowTag2(strTargetId){
	var tag = document.getElementById("tags2").getElementsByTagName("a");
	for(i=3; i<5; i++){
		if(strTargetId=='tagContent'+i){
				if(i==3){
					tag[i-3].className = "listltit-1-on";
				}else{
					tag[i-3].className = "listltit-2-on";
				}
				document.getElementById('tagContent'+i).style.display = "block";
		}else{
				if(i==3){
					tag[i-3].className = "listltit-1";
				}else{
					tag[i-3].className = "listltit-2";
				}
				document.getElementById('tagContent'+i).style.display = "none";
		}
	}
}