/************** write cookie **************/
function writeCookie(name, value, hours)
{
	var expire = "";
	if(hours != null)
	{
		expire = new Date((new Date()).getTime() + hours * 3600000);
		expire = "; expires=" + expire.toGMTString();
	}
	document.cookie = name + "=" + escape(value) + expire;
}
	
/************** read cookie **************/
function readCookie(name)
{
	var cookieValue = "";
	var search = name + "=";
	if(document.cookie.length > 0)
	{ 
		offset = document.cookie.indexOf(search);
		if(offset != -1)
		{ 
			offset += search.length;
			end = document.cookie.indexOf(";", offset);
			if(end == -1)
				end = document.cookie.length;
			cookieValue = unescape(document.cookie.substring(offset, end))
		}
	}
	return cookieValue;
}

/************** check the number of compareFrame **************/
function comparecheck()
{
	mark=0
	if(document.compareFrame.pid1) mark++;
	if(document.compareFrame.pid2) mark++;
	if(document.compareFrame.pid3) mark++;
	if(document.compareFrame.pid4) mark++;
	if(document.compareFrame.pid5) mark++;
	if(mark<2)
	{
		alert('请至少选择两款机型进行对比!');
		return false;
	}
	else
		document.compareFrame.submit();
}
	
/************** add new item **************/
function add(pid,names,images)
{
	if(readCookie("cpl").indexOf("|"+pid+",") != -1)
		alert('您已经选择了'+names+'!');
	else
	{
		cpl=readCookie("cpl").split("|");
		if (cpl.length > 4) alert('抱歉，最多只能有4款机型进行对比!');
		else
		{
			//alert(readCookie("cpl")+"|"+pid+","+names+","+images)
			writeCookie("cpl", readCookie("cpl")+"|"+pid+","+names+","+images, 1);
			redraw();
		}
	}
}
	
/************** del new item **************/
function del(pid)
{
	cpl=readCookie("cpl").split("|");
	ncpl=""
	for(i=1;i<cpl.length;i++)
	{
		idname=cpl[i].split(",");
		if (pid!=idname[0])
			ncpl=ncpl+"|"+cpl[i];
	}
	writeCookie("cpl", ncpl, 1);
	redraw();
}

function delAll()
{
	cpl=readCookie("cpl").split("|");
	ncpl=""
	writeCookie("cpl", ncpl, 1);
	redraw();
}


/************** draw the compareFrame **************/
function redraw()
{
	floatstr="<table width='100%' border='0' cellspacing='0' cellpadding='0'>";
	
	

	floatstr=floatstr+"<form name='compareFrame' action='/query_compare.jsp' target='_blank' onsubmit='return comparecheck();'><tr>";
	
	if(readCookie("cpl")!="")
	{
		cpl=readCookie("cpl").split("|");
		for(i=1;i<cpl.length;++i)
		{
			idname=cpl[i].split(",");
			
			ft="";
			ft=ft+"<td valign='middle' height='20' align='center' width='25%'><input type='image' onClick=\"del('"+idname[0]+"')\" src='"+idname[2]+"'><br>"+idname[1];
			ft=ft+"<input type='hidden' name='pid"+i+"'' value='"+idname[0]+"'></td>";
			ft=ft+"";
			floatstr=floatstr+ft;
		}
		
		for(j=cpl.length;j<5;++j)
		{
			ft="";
			ft=ft+"<td valign='middle' height='20' align='center' width='25%'></td>";
			floatstr=floatstr+ft;
		}		
	floatstr=floatstr+"</tr><tr><td height=5 colspan=4></td></tr>"
	floatstr=floatstr+"</tr><tr><td colspan=4 align=center>点击产品图片从对比栏移除单品</td></tr>"
		
	}

	floatstr=floatstr+"<tr>"
	floatstr=floatstr+"<td valign='middle' colspan='4'>"
	floatstr=floatstr+"<div align='center'>"
	floatstr=floatstr+"<input class='submit' name='button' type='button' onClick='return comparecheck();' value='开始对比' />&nbsp;&nbsp;"
	floatstr=floatstr+"<input class='submit' name='button2' type='button' onClick='delAll();' value='清空' />"
	floatstr=floatstr+"</div>"
	floatstr=floatstr+"</td>"
	floatstr=floatstr+"</tr>"
	floatstr=floatstr+"<tr><td height=5></td></tr>"
	floatstr=floatstr+"</form></table>"	
	
	
	
	
	
	
	
	document.all.floats.innerHTML = floatstr;
	
}






/************** initialize the div **************/

redraw();