var colCount = 10
var rowCount = 4
var totalCount = colCount*rowCount
var charURL = 'http://silon.loxa.edu.tw/char/';
var postURL
var board = "test"
var reply_msg = "1234"
var icon_class = ""
var icon_target = "書"

var cate=new Array();

cate[0]=new Array("pl","霹靂");
cate[1]=new Array("ty","天宇");
cate[2]=new Array("gl","金光");
cate[3]=new Array("hy","聖俠");
cate[4]=new Array("gd","巨登");
cate[5]=new Array("wj","王者");
cate[6]=new Array("tg","天子");
cate[7]=new Array("sm","神魔");
cate[8]=new Array("ns","男俠");
cate[9]=new Array("ys","自創");

function printChar(value,link){
	//輸入人頭編號,自動配合空間位置轉成人頭及連結
	var dir;
	var chaloc;
	var chatitle;
	if(value.toString().indexOf('.')>0){
		dir='special';
	  chaloc=charURL+'special/'+value;
	  chatitle='專屬人頭';		
	}
	else{
	  dir=Math.floor(value/100);
	  chaloc=charURL+dir+'/d'+value+'.JPG';
	  chatitle=value+'::'+icon[value][0]
	}
	var oString='';
	//var oStringx='<a href="'+charURL+board+'&reply='+reply_msg+'&icon=d'+value+'.JPG title='+icon[value][0]+'">'
	//					+'<img src="'+charURL+dir+'/d'+value+'.JPG" border="0">'
	//					+'</A>';
	if((link != '') && (link != '0')){
		oString='<a href="#" onClick="selectChar('+value+')">'
							+'<img src="'+chaloc+'" border="0" title="'+chatitle+'">'
							+'</A>\n';
	}
	else{
		
		oString='<img src="'+chaloc+'" border="0" title="'+chatitle+'">\n';			
	}
	//document.writeln(char);	
	//var obj = MM_findObj('char_div');
	return oString;
}

function printResult(cate,target,page){
	//輸入分類及頁數，則依其分頁列出該類人頭
	if(page=='' || page==0){
		page=1
	}
	var oString='';
	j=0;
	x=0;	
	if(cate=='new'){
		for(i=(icon.length-1);i>0;i--){
			dir=Math.floor(i/100)
			if(icon[i][2] == "n"){
				oString+=printChar(i,1);
				if(j<9){	j++;	}
				else{	oString+="<BR>";	j=0;	}
			}
		}		
	}
	else{
		for(i=(icon.length-1);i>0;i--){
			if((icon[i][1].indexOf(cate)>-1) && (icon[i][0].indexOf(target)>-1) && x<totalCount*page){
				if(x>totalCount*(page-1)-1){
					dir=Math.floor(i/100)
					oString+=printChar(i,1);
					if(j<9){	j++;	}
					else{	oString+="<BR>";	j=0;	}
				}
				x++;
			}
		}			
	}
	end=0;
	if(oString==''){
		oString ='沒有符合的結果';
		end=1;
	}
	if(x!=totalCount*page){
		end=1;
	}
	//document.writeln(oString);
	var obj = MM_findObj('char_div');
	if((cate=='') || (cate=='new')){
		obj.innerHTML=oString;	
	}
	else{
		obj.innerHTML=oString+'<br>'+printPaging(cate,target,page,end);	
	}
}

function selectChar(value){
	hideBklayer();
	var obj = MM_findObj('target_div');
	var obj2 = MM_findObj('achar');
	obj2.value=value;
	obj.innerHTML=printChar(value,0);	
	MM_showHideLayers('total_div','','hide')
	expires = new Date();
	expires.setTime(expires.getTime() + (1000 * 86400 * 365));
	set_cookie("selectedChar", value, expires);		
}

function selectSpecial(specia){
	hideBklayer();
	var obj = MM_findObj('target_div');
	var obj2 = MM_findObj('achar');
	obj2.value=specia;
	obj.innerHTML='<img src="http://silon.loxa.edu.tw/char/special/'+specia+'" border="0" title="專屬人頭">\n';
	MM_showHideLayers('total_div','','hide')
	expires = new Date();
	expires.setTime(expires.getTime() + (1000 * 86400 * 365));
	set_cookie("selectedChar", specia, expires);		
}

function printCateMenu(cate){
	//列出其分類選單
	var oString
	for(i=0;i<cate.length;i++){
	}	
	document.writeln(oString);
}

function printRandom(){
	//快選列
	var num = 0;
	var oString = '';
	//if(assign != ''){
	//	oString+='<a href="#" onClick="selectChar('+value+')">'
	//						+'<img src="'+charURL+dir+'/d'+value+'.JPG" border="0" title="'+value+'::'+icon[value][0]+'">'
	//						+'</A>\n';
	//}
	var obj2 = MM_findObj('achar');
	//alert(obj2.value);
	oString+=printChar(obj2.value,1)+'\n';
	for(i=0;i<8;i++){
		num=icon.length*Math.random()
		num=Math.floor(num)
		oString+=printChar(num,1)+'\n';
	}	
	if(specia != 0 & specia != ''){
		//oString+=printChar(fixa,1)+'\n';
		oString+='<a href="#" onClick="selectSpecial(\''+specia+'\')">'
							+'<img src="http://silon.loxa.edu.tw/char/special/'+specia+'" border="0" title="專屬人頭">'
							+'</A>\n';
	}	
	else{
		num=icon.length*Math.random()
		num=Math.floor(num)
		oString+=printChar(num,1)+'\n';	
	}
	var obj = MM_findObj('random_div');
	obj.innerHTML=oString+'<br>';	
}

function printSearchForm(){
	var oString = '';
	oString+='<form>惜浪人頭搜尋: \n';
	oString+='<SELECT name="cate_opt">\n';
	oString+='<OPTION VALUE="">--\n';
	for(i=0;i<cate.length;i++){
		oString+='<OPTION VALUE="'+cate[i][0]+'">'+cate[i][1]+'\n';
	}
	oString+='</SELECT>\n';
	oString+='<input type=text name=icon_target size=10 value=>\n';
	oString+='<input type=submit value="搜尋" onClick="printSearchResult()"></form>\n';
	//document.writeln(oString);
	var obj = MM_findObj('char_div');
	obj.innerHTML=oString;	
}

function printSearchResult(){
	var obj = MM_findObj('cate_opt');
	var obj2 = MM_findObj('icon_target');	
	var obj3 = MM_findObj('char_div');
	if(obj2.value != ''){
		//alert(obj2.value)
		//alert(obj.options[obj.selectedIndex].value)
			printResult(obj.options[obj.selectedIndex].value,obj2.value,1);
	}
	else{
			alert("請輸入角色姓名(或關鍵字)");
			printSearchForm();
	}
}

function printPaging(cate,target,page,end) {
	var oString='';
	var bp=page-1;
	var np=page+1;
	if((page !=1) && (page !=0) && (page !='')){
		oString+='<a href="#" onClick="printResult(\''+cate+'\',\''+target+'\','+bp+')">上一頁('+bp+')</a>';
	}
	if(end != 1){
		oString+=' <a href="#" onClick="printResult(\''+cate+'\',\''+target+'\','+np+')">下一頁('+np+')</a>';
	}
	return oString;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }

}

function showBklayer() { //v6.0
		var bklayer1 = MM_findObj('bklayer');
		var obj = MM_findObj('cate_div');
		bklayer1.style.zIndex = 1;
		//obj.style.zIndex = -1;
    		bklayer1.style.backgroundColor = "#000000";
				bklayer1.style.border = 0;
				bklayer1.style.padding = 10;
				bklayer1.style.width = window.document.body.clientWidth;
				bklayer1.style.height = window.document.body.clientWidth;
				//bklayer1.style.filter = "Alpha(opacity=25)";    
				bklayer1.visibility = true;
}

function hideBklayer() { //v6.0
}


function getSelectedChar(){
	var dfcolor = fetch_cookie("selectedChar");
	var obj = MM_findObj('target_div');
	var obj2 = MM_findObj('achar');
		if(dfcolor != '' && dfcolor != null){
			obj2.value=dfcolor;
		}	
		else{
			obj2.value=Math.floor(icon.length*Math.random());
		}
		obj.innerHTML=printChar(obj2.value,0);	
}

function setOptionLayer(){ // ie5??


	option1.style.zIndex = 2;
	option2.style.zIndex = 2;
	option3.style.zIndex = -1;

	option3.innerHTML = "";
	option3.style.backgroundColor = "transparent";

	option1.style.backgroundColor = "#000000";
	option1.style.color = "#ffffff";
	option1.style.border = 0;
	option1.style.padding = 10;
	option1.style.filter = "Alpha(opacity=25)";

	option2.style.backgroundColor = "#eeeeff";
	option2.style.color = "#000000";
	option2.style.border = 0;
	option2.style.padding = "5 5 10 30";
	option2.innerHTML = tmpTxt;
	option2.style.filter = "Alpha(opacity=85)";
}