// Registration page sync fields
function sync_init()
	{
	document.getElementById('name').onkeyup=sync;
	document.getElementById('zip').onkeyup=sync;
	document.getElementById('city').onkeyup=sync;
	document.getElementById('street').onkeyup=sync;	
	document.getElementById('name').onblur=sync;
	document.getElementById('zip').onblur=sync;
	document.getElementById('city').onblur=sync;
	document.getElementById('street').onblur=sync;		
	sync();
	}
	
function sync ()
	{
	if (document.getElementById('adr_same').checked) 
		{
		var opac=0.6;
		document.getElementById("tr_name").style.opacity= opac;
		document.getElementById("tr_name").style.filter = "alpha(opacity=" + opac*100 + ")"; 		
		document.getElementById("tr_zip").style.opacity= opac;
		document.getElementById("tr_zip").style.filter = "alpha(opacity=" + opac*100 + ")"; 		
		document.getElementById("tr_city").style.opacity= opac;
		document.getElementById("tr_city").style.filter = "alpha(opacity=" + opac*100 + ")"; 		
		document.getElementById("tr_street").style.opacity= opac;
		document.getElementById("tr_street").style.filter = "alpha(opacity=" + opac*100 + ")"; 						
		document.getElementById('tr_name').disabled="true";
		document.getElementById('tr_zip').disabled="true";
		document.getElementById('tr_city').disabled="true";
		document.getElementById('tr_street').disabled="true";	
		document.getElementById('tr_name').value=document.getElementById('name').value
		document.getElementById('tr_zip').value=document.getElementById('zip').value
		document.getElementById('tr_city').value=document.getElementById('city').value
		document.getElementById('tr_street').value=document.getElementById('street').value	
		} else
		{

		var opac=1;
		document.getElementById("tr_name").style.opacity= opac;
		document.getElementById("tr_name").style.filter = "alpha(opacity=" + opac*100 + ")"; 	
		document.getElementById("tr_zip").style.opacity= opac;
		document.getElementById("tr_zip").style.filter = "alpha(opacity=" + opac*100 + ")"; 		
		document.getElementById("tr_city").style.opacity= opac;
		document.getElementById("tr_city").style.filter = "alpha(opacity=" + opac*100 + ")"; 		
		document.getElementById("tr_street").style.opacity= opac;
		document.getElementById("tr_street").style.filter = "alpha(opacity=" + opac*100 + ")"; 	
		document.getElementById('tr_name').disabled="";
		document.getElementById('tr_zip').disabled="";
		document.getElementById('tr_city').disabled="";
		document.getElementById('tr_street').disabled="";	
		}
	}

function setCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	} else expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) { 
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	if (ca.length == 0) {
		ca = document.cookie.split(';');
	}
	for (var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function add(product_id)
	{
	size_id="size"+product_id;
	color_id="color"+product_id;	
	price_id="price"+product_id;
	name_id="name"+product_id;	
	pieces_id="pieces"+product_id;
	totalnumber=0;
	if (parseInt(document.getElementById(pieces_id).value)>0)
		{
		// Id,name,size,color,pieces,price
		poster=product_id;
		poster+="|"+document.getElementById(name_id).value;		
		poster+="|"+document.getElementById(size_id).value;
		poster+="|"+document.getElementById(color_id).value;
		poster+="|"+document.getElementById(pieces_id).value;	
		poster+="|"+document.getElementById(price_id).value;	
		number_of_items=eval(readCookie("number"))+1;

		not_in_basket=1;
		for (i=1;i<=number_of_items-1;i++)
			{
			if (readCookie(i) && totalnumber<18)
				{
				totalnumber++;
				basketitems=unescape(readCookie(i));
				bitem=basketitems.split('|');
				if (bitem[0]==product_id && bitem[2]==document.getElementById(size_id).value && bitem[3]==document.getElementById(color_id).value) 
					{
					not_in_basket=0;
					poster=escape(poster);
					setCookie(i,poster,1);
					}
				}
			}

		if (not_in_basket && totalnumber<18)
			{
			setCookie("number",number_of_items,1);
			poster=escape(poster);
			setCookie(number_of_items,poster,1);
			}
		if (totalnumber>=18) alert("A kosár megtelt!");
		
		}
		
	update_basket();
	}

function update_basket()
	{
	got_item=0;
	number_of_items=readCookie("number");
	document.getElementById("basket").innerHTML="<b class=\"top\">Kosár</b>";
	if (number_of_items>0)
		{
		for (i=1;i<=number_of_items;i++)
			{
			if (readCookie(i))
				{
				got_item=1;
				basketitems=unescape(readCookie(i));
				bitem=basketitems.split('|');
				end="";
				
				if (bitem[2].substring(1,bitem[2].length) == "3" || bitem[2].substring(1,bitem[2].length) == "8") end="-as";
				if (bitem[2].substring(1,bitem[2].length) == "6") end="-os";
				if (bitem[2].substring(1,bitem[2].length) == "5") end="-ös";
				if (bitem[2].substring(1,bitem[2].length) == "1" || bitem[2].substring(1,bitem[2].length) == "2" || bitem[2].substring(1,bitem[2].length) == "4" || bitem[2].substring(1,bitem[2].length) == "7" || bitem[2].substring(1,bitem[2].length) == "8") end="-es";
				if (end=="") end=",";

				document.getElementById("basket").innerHTML+="<div><b>"+bitem[1]+"</b><br/><b class=\"small\">"+bitem[2]+end+" "+bitem[3]+", "+bitem[4]+" db</b><a href=\"javascript:delete_item("+i+")\"><img src=\"/images/delete.gif\" style=\"float:right;margin-right:3px;margin-top:-17px;\" onmouseover=\"this.src='/images/delete_on.gif'\" onmouseout=\"this.src='/images/delete.gif'\" /></a></div><br/>";
				}
			}
		if (got_item) document.getElementById("basket").innerHTML+="<a href=\"webshop.php?order=:)\"><img src=\"/images/order.gif\" onmouseover=\"this.src='/images/order_on.gif'\" onmouseout=\"this.src='/images/order.gif'\" /></a>";
		} 
		
		if (!got_item) 
			{
			document.getElementById("basket").innerHTML+="<b style=\"margin-left:13px;margin-top:10px;\">Kosara jelenleg üres!</b>";
			setCookie("number",0,10);	
			}

	}
	
function delete_item(cookie_name)
	{
	setCookie(cookie_name,"",-1);
	update_basket();	
	}
	
	
function delete_item_order(cookie_name)
	{
	setCookie(cookie_name,"",-1);
	display_order();	
	}	
	
function change_image(id)
	{
	colorlist_id="colorlist"+id;
	color_id="color"+id;	
	colors=document.getElementById(colorlist_id).value.split(',');
	color=document.getElementById(color_id).value;	
	for (i=1;i<9;i++)
		{
		tn_id="tn_"+id;
		href_id="href_"+id;		
		tn_src="/images/product/tn_"+id+"_"+i+".jpg";		
		href_src="/images/product/"+id+"_"+i+".jpg";
		span_id="size_"+id+"_"+i;
		document.getElementById(span_id).style.display="none";				
		//tn_src="/images/product/no_pic.gif";		
		if (colors[i-1]==color) 
			{
			document.getElementById(tn_id).src=tn_src;
			document.getElementById(href_id).href=href_src;	
			document.getElementById(span_id).style.display="";				
			}
		}
	}
	
function nopic(id)
	{
	tn_id="tn_"+id;
	href_id="href_"+id;		
	tn_src="/images/no_pic.gif";		
	href_src="#";
	document.getElementById(href_id).href=tn_src;		
	document.getElementById(tn_id).src=tn_src;			
	}	
function display_order()
	{
	final_price=0;
	got_item=0;
	number_of_items=readCookie("number");
	text="<b class=\"top\">Kosár</b><table style='width:440px;border-collapse:collapse;margin-left:auto;margin-right:auto;'>";
	if (number_of_items>0)
		{
		for (i=1;i<=number_of_items;i++)
			{
			if (readCookie(i))
				{
				got_item=1;
				basketitems=unescape(readCookie(i));
				bitem=basketitems.split('|');

				end="";
				
				if (bitem[2].substring(1,bitem[2].length) == "3" || bitem[2].substring(1,bitem[2].length) == "8") end="as";
				if (bitem[2].substring(1,bitem[2].length) == "6") end="os";
				if (bitem[2].substring(1,bitem[2].length) == "5") end="ös";
				if (end=="") end="es";
				final_price+=bitem[5]*bitem[4];
				text+="<tr><td style=\"border-bottom:1px dotted black;\"><b>"+bitem[1]+"</b><br /><span>"+bitem[2]+"-"+end+" "+bitem[3]+", "+bitem[4]+" db</span></td><td style=\"border-bottom:1px dotted black;text-align:right\">"+bitem[5]*bitem[4]+" Ft</td><td style=\"border-bottom:1px dotted black;width:40px;padding-left:20px;\"><a href=\"javascript:delete_item_order("+i+");\"><img src=\"/images/delete.gif\" onmouseover=\"this.src='/images/delete_on.gif'\" onmouseout=\"this.src='/images/delete.gif'\" alt=\"Törlés\" title=\"Törlés\" /></td></tr>";
				}
			}
		if (got_item) 
			{
			text+="<tr><td><br /><br />&nbsp;</td><td style='text-align:right;'><b style=\"font-size:15px;\">"+final_price+" Ft</b></td><td>&nbsp;</td></tr></table>";
		
		// Insert form if fina price is>0	
			text+="<h1 style=\"margin-left:10px;font-size:14px;\">Adatok</h1><form action=\"register.php\" method=\"post\" id=\"register_form\" class=\"order\"><fieldset style=\"background-color:#F0F0F0;\"><label for=\"email\" style=\"margin-top:10px;\">E-mail</label><input name=\"email\" type=\"text\" id=\"email\" maxlength=\"60\" value=\"\" style=\"margin-left:10px;margin-top:10px;\" /><br style=\"clear:both\" /><label for=\"phone\">Telefonszám</label><input name=\"phone\" type=\"text\" id=\"phone\" maxlength=\"60\" value=\"\" style=\"margin-left:10px;\" /><br style=\"clear:both\" /><label style=\"width:200px\">Számlázási adatok</label><br style=\"clear:both\" /><label style=\"margin-left:10px;\" for=\"name\">Név</label><input name=\"name\" type=\"text\" id=\"name\" maxlength=\"60\" value=\"\"/><br style=\"clear:both\" /><label style=\"margin-left:10px;\" for=\"zip\">Irányítószám</label><input name=\"zip\" type=\"text\" id=\"zip\" maxlength=\"10\" value=\"\"/><br style=\"clear:both\" /><label style=\"margin-left:10px;\" for=\"city\">Város</label><input name=\"city\" type=\"text\" id=\"city\" maxlength=\"60\" value=\"\"/><br style=\"clear:both\" /><label style=\"margin-left:10px;\" for=\"street\">Utca, házszám</label><input name=\"street\" type=\"text\" id=\"street\" maxlength=\"60\" value=\"\"/><br style=\"clear:both\" /><label style=\"width:305px;font-size:12px;float:left;padding-top:6px;_padding-top:10px;padding-bottom:6px;_padding-bottom:10px;\">Szállítási adatok, megegyezik a számlázási adatokkal</label> <input name=\"adr_same\" id=\"adr_same\" type=\"checkbox\" value=\"\" checked=\"checked\" style=\"margin:0px;_margin-left:6px;float:left;margin-top:5px;width:15px;\" onClick=\"sync()\" /><br style=\"clear:both\" /><label style=\"margin-left:10px;\" for=\"company\">Név</label><input name=\"tr_name\" type=\"text\" id=\"tr_name\" maxlength=\"60\" value=\"\"/><br style=\"clear:both\" /><label style=\"margin-left:10px;\" for=\"tr_zip\">Irányítószám</label><input name=\"tr_zip\" type=\"text\" id=\"tr_zip\" maxlength=\"10\" value=\"\"/><br style=\"clear:both\" /><label style=\"margin-left:10px;\" for=\"tr_city\">Város</label><input name=\"tr_city\" type=\"text\" id=\"tr_city\" maxlength=\"60\" value=\"\"/><br style=\"clear:both\" /><label style=\"margin-left:10px;\" for=\"tr_street\">Utca, házszám</label><input name=\"tr_street\" type=\"text\" id=\"tr_street\" maxlength=\"60\" value=\"\"/><br style=\"clear:both\" /></fieldset></form>";
	
			text+="<a href=\"webshop.php\"><img src=\"/images/order_back.gif\" onmouseover=\"this.src='/images/order_back_on.gif'\" onmouseout=\"this.src='/images/order_back.gif'\" style=\"margin-left:10px;\" /></a><a href=\"javascript:send_order()\"><img src=\"/images/final_order.gif\" onmouseover=\"this.src='/images/final_order_on.gif'\" onmouseout=\"this.src='/images/final_order.gif'\" style=\"margin-left:180px;\" /></a><br /><center><span id=\"error\"></span></center>";
			}
		} 
		
		if (!got_item) 
			{
			text+="</table><br /><b style=\"margin-left:13px;padding:10px;margin-top:10px;\">Kosara jelenleg üres!</b>";
			setCookie("number",0,10);	
			}
			
	document.getElementById("content").innerHTML=text;	

	}
	
function send_order()
	{
	if (document.getElementById("email").value!="" && document.getElementById("phone").value!="" && document.getElementById("name").value!="" && document.getElementById("zip").value!="" && document.getElementById("city").value!="" && document.getElementById("street").value!="" && document.getElementById("tr_name").value!="" && document.getElementById("tr_zip").value!="" && document.getElementById("tr_city").value!="" && document.getElementById("tr_street").value!="") 
		{
		poster="email="+document.getElementById("email").value+"&phone="+document.getElementById("phone").value+"&name="+document.getElementById("name").value+"&zip="+document.getElementById("zip").value+"&city="+document.getElementById("city").value+"&street="+document.getElementById("street").value+"&tr_name="+document.getElementById("tr_name").value+"&tr_zip="+document.getElementById("tr_zip").value+"&tr_city="+document.getElementById("tr_city").value+"&tr_street="+document.getElementById("tr_street").value;
		setCookie("data",escape(poster),1000);
		
		new ajax ('include/send_order.php', {postBody: poster, update: $('content')});
		} else
		{
		document.getElementById("error").innerHTML="Töltse ki az összes mezőt!";	
		}
	}