var items = new Object();

var itemNew = new Array();
var itemPopula = new Array();
var itemShowroom = new Array();
var itemHotStuff = new Array();

var itemRandom;

var statusShow="popula";

  //จำนวนที่จะให้แสดงในหน้าแรก
var countShowPopula = 3;

function showFishRandomFirstPage()
{
	
	setRandom();
	var contenerPopulaObj = $("contenerShowRandom");
	if(contenerPopulaObj!=null){
		while (contenerPopulaObj.firstChild) {
			contenerPopulaObj.removeChild(contenerPopulaObj.firstChild);
		}

		var tbl     = document.createElement("table");
		var tblBody = document.createElement("tbody");
		var countObj = 0;
		var o = new Object()
			o.w = "168px";
			o.h = "150px";
		for(var item in items)
		{		
			var row = document.createElement("tr");
				row.style.margin = "0px";
			for(var j=0;j<3;j++)
			{
				countObj++;
				var index = Math.floor(Math.random()*itemRandom.length)
				var obj = items[itemRandom[index]];
				itemRandom.splice(index,1);
				var cell = document.createElement("td");
					cell.style.margin = "2px";
					cell.style.width  = "168px";
					cell.style.padding = "2px";
					cell.style.vAlign="top"
					cell.style.borderBottom = "solid 1px #99CCFF";
					cell.appendChild(getObj(obj,o,"nodetail"));
				row.appendChild(cell);
				if(countObj==countShowPopula)
				{
					break;
				}
			}
			tblBody.appendChild(row);

			if(countObj==countShowPopula)
			{
				break;
			}
		}
		tbl.appendChild(tblBody);
		contenerPopulaObj.appendChild(tbl);	
		tbl.style.margin = "0px";
		tbl.style.width = "100%";
	}
}


function showFishAllRoom(room,pageNow,total)
{
	setRandom();
	var contenerPopulaObj = $("contenerShowRoomAll");
	if(contenerPopulaObj!=null){
		while (contenerPopulaObj.firstChild) {
			contenerPopulaObj.removeChild(contenerPopulaObj.firstChild);
		}

		var tbl     = document.createElement("table");
		var tblBody = document.createElement("tbody");
		var countObj = (total*pageNow)-total;
		var o = new Object()
			o.w = "168px";
			o.h = "150px";

		var p = 0;

		for(var item in items)
		{		
			var row = document.createElement("tr");
				row.style.margin = "0px"; 
			var aaa = true;
			var bbb = true;

			for(var j=0;j<3;j++)
			{
				if(room=="showroom"){
					var obj = (itemShowroom[0].items[0].length ==0 && itemShowroom[0].items[0]  == "" ) ? items[itemRandom[countObj]] : items[itemShowroom[0].items[countObj]];
					p = itemShowroom[0].countPage;
				}else{
					var obj = (itemHotStuff[0].items[0].length ==0 && itemHotStuff[0].items[0] == "" ) ? items[itemRandom[countObj]] : items[itemHotStuff[0].items[countObj]];
					p = itemHotStuff[0].countPage;
				}				
				countObj++;
/*				if(obj==null){
					aaa = false;
					break; 
					
				} */
				var cell = document.createElement("td");
					cell.style.margin = "2px";
					cell.style.width  = "168px";
					cell.style.padding = "2px";
					cell.vAlign="top"
					cell.style.borderBottom = "solid 1px #99CCFF";
					if (obj==null)
					   cell.value = "";
					else   
					   cell.appendChild(getObj(obj,o,"detail"));
				row.appendChild(cell);
				if(countObj==(pageNow*p)){
					bbb = false;
					break;
				}
			}
			if(!aaa){
				break;
			}
			tblBody.appendChild(row);
			if(!bbb){
				break;
			}
		}		
		tbl.appendChild(tblBody);
		contenerPopulaObj.appendChild(tbl);	
		tbl.style.margin = "0px";
		tbl.style.width = "100%";
	}
}

function setPage(room)
{	
	var tt;
	if(room=="showroom"){	 
//		var totalPage = (itemShowroom[0].items[0].length==0) ? itemRandom.length : itemShowroom[0].items[0].length;
		var totalPage = (itemShowroom[0].items[0].length==0) ? itemRandom.length : itemShowroom[0].allFishData;		
		var t1 = Math.floor(totalPage / itemShowroom[0].countPage);
		var t2 = totalPage % itemShowroom[0].countPage
		if(t2 > 0){
			t1++;
		}
		tt = itemShowroom[0].countPage
	}else{	
//		var totalPage = (itemHotStuff[0].items[0].length==0) ? itemRandom.length:itemHotStuff[0].items[0].length;
		var totalPage = (itemHotStuff[0].items[0].length==0) ? itemRandom.length:itemHotStuff[0].allFishData;
		var t1 = Math.floor(totalPage / itemHotStuff[0].countPage);
		var t2 = totalPage % itemHotStuff[0].countPage
		if(t2 > 0){
			t1++;
		}
		tt = itemHotStuff[0].countPage
	}
	var pageTopObj = $("pTop");

	for(var i=1;i<=t1;i++){
		var op = getElement("SPAN");
			op.innerHTML = i+"   ";
			op.value = i;
			op.setAttribute("v",room);
			op.setAttribute("t",tt);	
			op.onmouseover = function(){ 
								this.style.cursor = "hand"; 
							 }			
			op.onmouseout = function(){ 
								this.style.cursor = ""; 
							 }										 
			op.onclick = function(){			                
							showFishAllRoom(this.getAttribute("v"),this.value,this.getAttribute("t"));
						 }
		pageTopObj.appendChild(op);
	}
}

function showFishNew()
{
	var contenerNewObj = $("contenerFishNew");

	while (contenerNewObj.firstChild) {
			contenerNewObj.removeChild(contenerNewObj.firstChild);
		}

	var tbl     = document.createElement("table");
    var tblBody = document.createElement("tbody");
	var o = new Object()
		o.w = "182px";
		o.h = "150px";
	for(var i=0;i < itemNew.length;i++)
	{		
		var row = document.createElement("tr");
			row.style.margin = "0px";
		var obj = items[itemNew[i]];
		
		var cell = document.createElement("td");
			cell.style.margin = "0px";
			cell.style.width  = "183px";
			cell.style.padding = "0px";
			cell.style.borderBottom = "solid 1px #99CCFF";
			cell.align="center";
		    cell.appendChild(getObj(obj,o,"newFishNode"));
        row.appendChild(cell);
		tblBody.appendChild(row);
	}
	tbl.appendChild(tblBody);
	contenerNewObj.appendChild(tbl);	
	tbl.style.margin = "0px";
	tbl.style.width = "100%";
}

function showFishPopula()
{
	var contenerNewObj = $("contenerPopula");

	while (contenerNewObj.firstChild) {
			contenerNewObj.removeChild(contenerNewObj.firstChild);
		}

	var tbl     = document.createElement("table");
    var tblBody = document.createElement("tbody");
	var o = new Object()
		o.w = "182px";
		o.h = "150px";
	for(var i=0;i < itemPopula.length;i++)
	{		
		var row = document.createElement("tr");
			row.style.margin = "0px";
		var obj = items[itemPopula[i]];
		
		var cell = document.createElement("td");
			cell.style.margin = "0px";
			cell.style.width  = "183px";
			cell.style.padding = "0px";
			cell.style.borderBottom = "solid 1px #99CCFF";
			cell.align="center";
		    cell.appendChild(getObj(obj,o,"PopularFishNode"));
        row.appendChild(cell);
		tblBody.appendChild(row);
	}
	tbl.appendChild(tblBody);
	contenerNewObj.appendChild(tbl);	
	tbl.style.margin = "0px";
	tbl.style.width = "100%";
}

function setRandom()
{
	itemRandom = new Array();
	for(var item in items)
	{
		itemRandom.push(item);
	}
}

function getObj(obj,o,stateObj)
{
	
	var tbl     = document.createElement("table");
    var tblBody = document.createElement("tbody");
	
	var row = document.createElement("tr");
		row.style.margin = "0px";
	var cell = document.createElement("td");
		cell.style.margin = "0px";
		cell.style.padding = "0px";
		cell.colSpan = "2"; 
	var image = document.createElement("img");
		image.src = obj.picture;
		image.style.width = o.w;
		image.style.height = o.h;
	var link = getElement("A");
		link.href="javascript:setPicnail('"+obj.id+"')"
		link.appendChild(image);

	cell.appendChild(link);
	row.appendChild(cell);
	tblBody.appendChild(row);

	var row = document.createElement("tr");
		row.style.margin = "0px";
		cell.style.padding = "0px";

	var cell = document.createElement("td");
		cell.style.margin = "0px";
		cell.style.padding = "2px";
		cell.style.paddingBottom = "0px";
		cell.style.textAlign = "right";
		cell.vAlign="top";
		if(stateObj=="detail")
			cell.style.width="25%";
		else	
			cell.style.width="25%";
		cell.appendChild(getSpan("boxPopR","ชื่อ:"));
		row.appendChild(cell);
	var cell = document.createElement("td");
		cell.style.margin = "0px";
		cell.style.padding = "2px";
		cell.style.paddingTop = "0px";
		cell.style.textAlign = "left";
		cell.vAlign="top";		
		cell.appendChild(getSpan("boxPopL",obj.name));
	row.appendChild(cell);
	tblBody.appendChild(row);

	var row = document.createElement("tr");
		row.style.margin = "0px";
	var cell = document.createElement("td");
		cell.style.margin = "0px";
		cell.style.padding = "2px";
		cell.style.paddingTop = "0px";		
		cell.style.textAlign = "right";
		cell.vAlign="top";		
		cell.appendChild(getSpan("boxPopR","ราคา:"));
		row.appendChild(cell);
	var cell = document.createElement("td");
		cell.style.margin = "0px";
		cell.style.padding = "2px";
		cell.style.textAlign = "left";
		cell.vAlign="top";				
		cell.appendChild(getSpan("boxPopL",obj.price));			
	row.appendChild(cell);
	tblBody.appendChild(row);

	if((stateObj=="detail")||(stateObj=="nodetail"))
	{	
		var row = document.createElement("tr");
			row.style.margin = "0px";
		var cell = document.createElement("td");
			cell.style.margin = "0px";
			cell.style.padding = "2px";
			cell.style.paddingTop = "0px";
			cell.vAlign="top";
			cell.style.textAlign = "right";
			cell.appendChild(getSpan("boxPopR",""));
			row.appendChild(cell);
		var cell = document.createElement("td");
			cell.style.margin = "0px";
			cell.style.padding = "2px";
			cell.style.textAlign = "left";
			cell.vAlign="top";
		var b = getSpan("boxPopL",obj.subdetail);			
			b.onmouseover = mouseOver;
			b.onmouseout = hiddenTip;
			b.setAttribute('mydetail',obj.detail.replace(/\n/g,"<br>"));
			cell.appendChild(b);
		row.appendChild(cell);
		tblBody.appendChild(row);
	}

	tbl.appendChild(tblBody);
	tbl.style.margin = "0px";
	tbl.style.width = "100%";
	return tbl ;
}
function mouseOver(){
	if(this.getAttribute("mydetail").length>10)showTip(this.getAttribute("mydetail"));
}
function showTip(data)
{
	var objTip = $("showTip");
	while (objTip.firstChild) 
	{
		objTip.removeChild(objTip.firstChild);
	}

		objTip.style.zIndex = 999;
		objTip.style.width = "380px";
		objTip.style.border = "1px solid #0033FF";
		objTip.style.position = "absolute";
		objTip.style.overflow = "auto";
		objTip.style.backgroundColor = "#FFFFFF";
	var dataObj = getElement("P");
		dataObj.innerHTML = data;
		dataObj.style.textAlign = "left";
		objTip.appendChild(dataObj);
		objTip.style.left=xMouse+15+'px';
		objTip.style.top=yMouse-5+'px';
		objTip.style.display ="block";
}

function hiddenTip()
{
	var objTip = $("showTip");
	objTip.style.display ="none";
}

function showProfile(uid,p,typeM)
{
	var objTip = $("showTip");
	while (objTip.firstChild) 
	{
		objTip.removeChild(objTip.firstChild);
	}

		objTip.style.zIndex = 999;
		objTip.style.width = "140px";
		objTip.style.border = "1px solid #0033FF";
		objTip.style.position = "absolute";
		objTip.style.overflow = "auto";
		objTip.style.backgroundColor = "#FFFFFF";

	var image = document.createElement("img");
		image.src = p;
		image.style.width="128px";
		image.style.height="128px";
		objTip.appendChild(image);

	var dataObj = getElement("P");
		dataObj.innerHTML = typeM;
		dataObj.width="100%";
		dataObj.style.textAlign = "center";
		objTip.appendChild(dataObj);

		objTip.style.left=xMouse+15+'px';
		objTip.style.top=yMouse-5+'px';
		objTip.style.display ="block";
}

function getElement(el)
{
	return document.createElement(el);
}

function getSpan(c,v)
{
	var obj = document.createElement("span");
	obj.className =c;
	obj.innerHTML =v;
	return obj;
}

function $(id)
{
	return document.getElementById(id);
}

function createDetailPicture()
{

	var form_ = getElement("DIV");
	form_.className = "formPictureDetail";

	var tbl     = document.createElement("table");
    var tblBody = document.createElement("tbody");
	var o = new Object()
		o.w = "184px";
		o.h = "150px";
	for(var i=0;i < itemNew.length;i++)
	{		
		var row = document.createElement("tr");
			row.style.margin = "0px";
		var obj = items[itemNew[i]];
		
		var cell = document.createElement("td");
			cell.style.margin = "0px";
			cell.style.width  = "183px";
			cell.style.padding = "0px";
			cell.style.borderBottom = "solid 1px #99CCFF";
		    cell.appendChild(getObj(obj,o));
        row.appendChild(cell);
		tblBody.appendChild(row);
	}
	tbl.appendChild(tblBody);
	contenerNewObj.appendChild(tbl);	
	tbl.style.margin = "0px";
	tbl.style.width = "100%";
}

function closePicnail(){
	$("form_bg").style.display ="none";
	$("form_pic").style.display ="none";
}

function setBG(){
	var scr_h = document.body.offsetHeight;
	$("form_bg").style.height = document.body.offsetHeight+"px";
}

function setPicnail(id)
{

	var scr_w = screen.availWidth;
	var scr_h = document.body.offsetHeight;
	setBG();
	$("form_bg").style.top = "0";

	$("form_pic").style.left = ((scr_w/2)-(815/2)) +"px"
	$("form_pic").style.top = "0px"

	var obj = items[id];
	
	var picNail_ = $("picNail");
	
	while (picNail_.firstChild) {
		picNail_.removeChild(picNail_.firstChild);
	}
	var tbl     = document.createElement("table");
    var tblBody = document.createElement("tbody");
	var row = document.createElement("tr");

	row.style.margin = "0px";
	
	for(var i=0;i<obj.pic.length;i++){
		var cell = document.createElement("td");
			cell.style.margin = "0px";
			cell.style.padding = "0px";
			cell.style.border = "0px";
		var link = getElement("A");
		link.href="javascript:blendimageX('blenddiv','blendimage','"+obj.pic[i]+"',500)"
		var p = getElement("IMG");
		p.style.width = "150px";
		p.style.height = "100px";
		p.style.margin = "2px";
		p.style.flow ="left";
		p.src = obj.pic[i];
		link.appendChild(p);
		cell.appendChild(link);
		row.appendChild(cell);
	}
	tblBody.appendChild(row);
	tbl.appendChild(tblBody);
	picNail_.appendChild(tbl);

	$("form_bg").style.display ="block";
	$("form_pic").style.display ="block";
	$("blendimage").src = obj.picture;
}

function blendimageX(divid, imageid, imagefile, millisec) { 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
    changeOpac(0, imageid); 
     

    $(imageid).src = imagefile; 

    for(i = 0; i <= 100; i++) { 
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
        timer++; 
    } 
}

function loginSuccess(t)
{
	if(t){
		window.location="default.asp";
	}else{
		window.location="default.asp";
	}
}

function login()
{
	if($("user_id").value != "" && $("pass_id").value !="")
	{
		$("fLogin").submit();
	}else{
		alert("กรุณา ป้อนข้อมูลให้ครบก่อนครับ");
	}
}

function picSelect(obj)
{
	var pic = $("showPicMember");
	
	for(var i=0;i<pic.childNodes.length; i++)
	{ 

		if(pic.childNodes[i].nodeName=="IMG"){
			var o = pic.childNodes[i];
			if(o.id==obj.id)
			{
				o.style.background = "#99FF00";
				o.style.border = "1px solid #0033FF";
			}else{
				o.style.background = "#FAFAFA";
				o.style.border = "1px solid #E5E5E5";
			}
		}
	}
	var p = obj.src.split("/");
	$("picture").value = p[p.length-1] ;

}


xMouse=0;yMouse=0;      
document.onmousemove=getMouse; 
function getMouse(e){
	e=e||window.event;
	de=document.documentElement;b=document.body;
	xMouse=e.clientX+(de.scrollLeft||b.scrollLeft)-(de.clientLeft||0);
	yMouse=e.clientY+(de.scrollTop||b.scrollTop) - (de.clientTop||0);
}

function popupWindow(link,ww,hh)
{
	var w = screen.availWidth;
	var	h = screen.availHeight-150;
	var popW = ww, popH = hh;
	var leftPos = (w-popW)/2, topPos = (h-popH)/2;
	window.open(link,"NewWindow","width=" + popW + ",height="+popH+",top="+topPos+",left="+leftPos+",addressbar=0,toolbar=0,status=0,resizable=0,title=0");
}