/*
	hier gibts nicht viel zu sehen...
	das script ist proprietär...
	wer hier durchblicken will, sollte sich etwas zeit nehmen...
	meines erachtens nach kann man diese zeit sinnvoller investieren...	
	tschüsss...
*/

function rowOver(obj)
{
	obj.style.backgroundColor = "EEE";
}

function rowOut(obj)
{
	obj.style.backgroundColor = "FFF";
}

function clearErr()
{
	var err = document.getElementById("err_char");
	err.style.display = "none";
}

function throwErr()
{
		var err = document.getElementById("err_char");
		
		tmp = err.style.display;
		if (tmp == 'none')
			err.style.display = "block";
}

function hideDelivery()
{
	for (var i = 0; i < 4; i++)
	{
		var deliveryMethod = document.getElementById("deliveryDiv"+i+"0");
		deliveryMethod.style.display="none";
		var deliveryMethod = document.getElementById("deliveryDiv"+i+"1");
		deliveryMethod.style.display="none";
	}
}

function showDelivery(game)
{
	if (game == 'WOW' || game == 'AION')
		ar_myNumbers = new Array('0','1','2');
	else if (game == 'LOTRO')
		ar_myNumbers = new Array('0','1');
	else if (game == 'SILKROAD')
		ar_myNumbers = new Array('3');
	else
		ar_myNumbers = new Array();

	for (var i = 0; i < ar_myNumbers.length; i++)
	{
		var deliveryMethod = document.getElementById("deliveryDiv"+ar_myNumbers[i]+"0");
		deliveryMethod.style.display="block";
		if (i > 0)
			deliveryMethod.style.marginLeft = '20px';
		var deliveryMethod = document.getElementById("deliveryDiv"+ar_myNumbers[i]+"1");
		deliveryMethod.style.display="block";
	}
	
	//activate the first one
	obj = document.getElementsByName("delivery");
	obj[ar_myNumbers[0]].checked = true;
}

function setDelivery()
{
	obj = document.getElementsByName("delivery");
	for (var i = 0; i < obj.length; i++)
	{
		if (obj[i].checked)
		{
			changeDelivery(obj[i]);
			break;
		}
	}
}

function getInput(delivery)
{
	var ar_input = new Array('input00', 'input10,input11,input12', 'input20,input21,input22', 'input30');
	var input = ar_input[delivery].split(",");

	return input;
}

function getDelivery()
{
	obj = document.getElementsByName("delivery");
	for (var i = 0; i < obj.length; i++)
	{
		if (obj[i].checked)
			var myDelivery = obj[i].value;
	}
	
	return myDelivery;
}

function showAttr(pid,pname,game)
{
	var attrLayer = document.getElementById("attrLayer");
	var attrLayerinner = document.getElementById("attrLayerinner");
	var pnameLayer = document.getElementById("pnameLayer");
	
	document.getElementById("products_id_l").value = pid;
	
	//clear error messages
	clearErr();
	
	//hide all delivery methods
	hideDelivery();
	
	//now show the ones we need
	showDelivery(game);
	
	//and set the active one
	setDelivery();
	
	pnameLayer.innerHTML = unescape(pname);
	
	var left = (window.document.body.clientWidth/2)-200;
	
	myDelivery = getDelivery();
	
	attrLayer.style.left = left+'px';
	attrLayer.style.width = '400px';
	attrLayer.style.display = 'block';
}

function hideAttr()
{
	var attrLayer = document.getElementById("attrLayer");
	attrLayer.style.display = 'none';
}

function checkForm()
{
	myDelivery = getDelivery();
	
	input = getInput(myDelivery);
	for (var j = 0; j < input.length; j++)
	{
		myInput = document.getElementById(input[j]).value;
		if (myInput.length <= 0)
		{
			throwErr();
			return false;
		}
	}
	
	return true;
}

function changeDelivery(obj)
{
	clearErr();
	var ar_delivery = new Array('0', '1', '2', '3');
	for (var i = 0; i < ar_delivery.length; i++)
	{
		var dsc = document.getElementById("dsc"+ar_delivery[i]);
		var attr = document.getElementById("attr"+ar_delivery[i]);
		
		myDisabled = (i == obj.value ? false : true);
		var input = getInput(ar_delivery[i]);
		for (var j = 0; j < input.length; j++)
		{
			myInput = document.getElementById(input[j]);
			myInput.disabled = myDisabled;
		}
		
		myDisplay = (i == obj.value ? 'block' : 'none');
		
		dsc.style.display = myDisplay;
		attr.style.display = myDisplay;
	}
}

function showHelp()
{
	showLess = true;
	if (arguments[0] === undefined)		//we show them all
	{
		for (var i = 0; i < ar_help.length; i++)
		{
			var obj = document.getElementById("help"+i);
			obj.style.display = 'block';
		}
	}
	else
	{
		var obj = document.getElementById("help"+arguments[0]);
		myDisplay = obj.style.display;
		if (myDisplay == 'none')
			obj.style.display = 'block';
		else
		{
			obj.style.display = 'none';
			
			//showLess ?
			showLess = false;
			for (var i = 0; i < ar_help.length; i++)
			{
				var obj = document.getElementById("help"+i);
				if (obj.style.display == 'block')
					showLess = true;
			}
		}
		
	}
	var less = document.getElementById("weniger");
	less.style.display = (showLess ? 'inline' : 'none');
}

function hideHelp()
{
	var hideAll = true;
	if (arguments[0] === undefined)		//we hide them all
	{
		for (var i = 0; i < ar_help.length; i++)
		{
			var obj = document.getElementById("help"+i);
			obj.style.display = 'none';
		}
	}
	else
	{
		var obj = document.getElementById("help"+arguments[0]);
		obj.style.display = 'none';
		
		//do we need the [less] button any more?
		for (var i = 0; i < ar_help.length; i++)
		{
			var obj = document.getElementById("help"+i);
			if (obj.style.display == 'block')
				hideAll = false;
		}
	}
	
	if (hideAll)
	{
		var less = document.getElementById("weniger");
		less.style.display = 'none';
	}
}

function writeLayer(lang)
{
	var browser = navigator.appName;
	
	document.writeln('<form name="cart_quantity" id="cart_quantity_l" action="shopping_cart.php?action=add_product" method="post">');
	document.writeln('<input type="hidden" name="products_id" id="products_id_l" value="">');
	document.writeln('<input type="hidden" name="cart_quantity" id="cart_quantity" value="1">');
	document.writeln('<div id="attrLayer" style="left:0px;top:350px;display:none;padding:5px;border:1px solid #000;background-color:#FFF;z-index:9999;position:absolute;">');
	document.writeln('<div id="attrLayerinner" style="background-color:#CCC;padding:5px;">');
	document.writeln('<div id="pnameLayer" class="main" style="font-weight:bold;margin-bottom:10px;"></div>');
	document.writeln('<div class="main" style="margin-bottom:5px;margin-top:10px;">Lieferinformation:</div>');
	document.writeln('<hr size="1">');
	
	if (lang == 2)
	{
		document.writeln('<div class="main" style="text-align:right;font-size:9px;color:#FF0000;margin-bottom:5px;">* notwendig</div>');
		document.writeln('<div class="main" style="float:left;" id="deliveryDiv00"><input type="radio" name="delivery" value="0" onclick="changeDelivery(this)"></div><div class="main" style="margin-bottom:5px;float:left;" id="deliveryDiv01">ingame Mail</div><div class="main" style="float:left;" id="deliveryDiv10"><input type="radio" name="delivery" value="1" onclick="changeDelivery(this)"></div><div class="main" style="margin-bottom:5px;float:left;" id="deliveryDiv11">auf meinen Account</div><div class="main" style="float:left;" id="deliveryDiv20"><input type="radio" name="delivery" value="2" onclick="changeDelivery(this)"></div><div class="main" style="margin-bottom:5px;float:left;" id="deliveryDiv21">Face to Face</div><div class="main" style="float:left;" id="deliveryDiv30"><input type="radio" name="delivery" value="3" onclick="changeDelivery(this)"></div><div class="main" style="margin-bottom:5px;float:left;" id="deliveryDiv31">Lager Account</div><br style="clear:left;">');
		document.writeln('<div class="main" style="background-color:#ffffed;border:1px solid #FF0000;padding:5px;margin-bottom:10px;" id="dsc0">Wir werden das Gold an den angegeben Charakter per ingame Mail versenden.</div>');
		document.writeln('<div class="main" style="background-color:#ffffed;border:1px solid #FF0000;padding:5px;margin-bottom:10px;display:none;" id="dsc1">Wir werden uns in Ihren Account einloggen und das Gold für Sie auf den angegebenen Charakter liefern.</div>');
		document.writeln('<div class="main" style="background-color:#ffffed;border:1px solid #FF0000;padding:5px;margin-bottom:10px;display:none;" id="dsc2">Wir werden Ihnen das Gold zu den angegebenen Zeiten im Spiel per Handel übergeben.</div>');
		document.writeln('<div class="main" style="background-color:#ffffed;border:1px solid #FF0000;padding:5px;margin-bottom:10px;display:none;" id="dsc3">Sie erhalten das Gold auf einen Lageraccount über den Sie nach Abschluss frei verfügen können. Teilen Sie uns bitte zur Sicherheit Ihren Charakternamen mit, falls wir Sie in Game kontakieren müssen.</div>');
		document.writeln('<div class="main" style="margin-left:20px;" id="attr0">');
		document.writeln('<div style="float:left;width:100px;text-align:right;">Charaktername:&nbsp;</div><div style="float:left;"><input type="text" name="id[txt_25]" id="input00" size="30" maxlength="30" value=""><span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		document.writeln('</div>');
		document.writeln('<div class="main" style="margin-left:20px;display:none;" id="attr1">');
		document.writeln('<div style="float:left;width:100px;text-align:right;">Charaktername:&nbsp;</div><div style="float:left;"><input type="text" name="id[txt_25]" id="input10" disabled="disabled" size="30" maxlength="30" value=""><span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		document.writeln('<div style="float:left;width:100px;text-align:right;">Accountname:&nbsp;</div><div style="float:left;"><input type="text" name="id[txt_28]" size="30" id="input11" disabled="disabled" maxlength="30" value=""><span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		document.writeln('<div style="float:left;width:100px;text-align:right;">Passwort:&nbsp;</div><div style="float:left;"><input type="text" name="id[txt_29]" id="input12" disabled="disabled" size="30" maxlength="30" value=""><span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		document.writeln('</div>');
		document.writeln('<div class="main" style="margin-left:20px;display:none;" id="attr2">');
		document.writeln('<div style="float:left;width:100px;text-align:right;">Charaktername:&nbsp;</div><div style="float:left;"><input type="text" name="id[txt_25]" id="input20" disabled="disabled" size="30" maxlength="30" value=""><span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		if (browser.indexOf("Microsoft") < 0)
			document.writeln('<div style="float:left;width:100px;text-align:right;">Online von:&nbsp;</div><div style="float:left;"><select name="id[26]" id="input22" disabled="disabled"><option value="">...</option><option value="537">01</option><option value="538">02</option><option value="539">03</option><option value="540">04</option><option value="541">05</option><option value="542">06</option><option value="543">07</option><option value="544">08</option><option value="545">09</option><option value="546">10</option><option value="547">11</option><option value="548">12</option><option value="549">13</option><option value="550">14</option><option value="551">15</option><option value="552">16</option><option value="553">17</option><option value="554">18</option><option value="555">19</option><option value="556">20</option><option value="557">21</option><option value="558">22</option><option value="559">23</option><option value="560">24</option></select></div><div style="float:left;width:20px;text-align:center;">-</div><div style="float:left;"><select name="id[27]" id="input21" disabled="disabled"><option value="">...</option><option value="561">01</option><option value="562">02</option><option value="563">03</option><option value="564">04</option><option value="565">05</option><option value="566">06</option><option value="567">07</option><option value="568">08</option><option value="569">09</option><option value="570">10</option><option value="571">11</option><option value="572">12</option><option value="573">13</option><option value="574">14</option><option value="575">15</option><option value="576">16</option><option value="577">17</option><option value="578">18</option><option value="579">19</option><option value="580">20</option><option value="581">21</option><option value="582">22</option><option value="583">23</option><option value="584">24</option></select></div><div style="float:left;margin-left:5px;">Uhr<span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		else
			document.writeln('<div style="float:left;width:100px;text-align:right;">Online von:&nbsp;</div><div style="float:left;padding-left:20px;"><select name="id[26]" id="input22" disabled="disabled"><option value="">...</option><option value="537">01</option><option value="538">02</option><option value="539">03</option><option value="540">04</option><option value="541">05</option><option value="542">06</option><option value="543">07</option><option value="544">08</option><option value="545">09</option><option value="546">10</option><option value="547">11</option><option value="548">12</option><option value="549">13</option><option value="550">14</option><option value="551">15</option><option value="552">16</option><option value="553">17</option><option value="554">18</option><option value="555">19</option><option value="556">20</option><option value="557">21</option><option value="558">22</option><option value="559">23</option><option value="560">24</option></select></div><div style="float:left;width:20px;text-align:center;">-</div><div style="float:left;"><select name="id[27]" id="input21" disabled="disabled"><option value="">...</option><option value="561">01</option><option value="562">02</option><option value="563">03</option><option value="564">04</option><option value="565">05</option><option value="566">06</option><option value="567">07</option><option value="568">08</option><option value="569">09</option><option value="570">10</option><option value="571">11</option><option value="572">12</option><option value="573">13</option><option value="574">14</option><option value="575">15</option><option value="576">16</option><option value="577">17</option><option value="578">18</option><option value="579">19</option><option value="580">20</option><option value="581">21</option><option value="582">22</option><option value="583">23</option><option value="584">24</option></select></div><div style="float:left;margin-left:5px;">Uhr<span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		document.writeln('</div>');
		document.writeln('<div class="main" style="margin-left:20px;display:none;" id="attr3">');
		document.writeln('<div style="float:left;width:100px;text-align:right;">Charaktername:&nbsp;</div><div style="float:left;"><input type="text" name="id[txt_25]" id="input30" disabled="disabled" size="30" maxlength="30" value=""><span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		document.writeln('</div>');
		document.writeln('<div id="err_char" class="main" style="color:#FF0000;display:none;margin-left:130px;margin-top:5px;">* Bitte alle Pflichtfelder ausfüllen.</div>');
		document.writeln('<hr size="1">');
		document.writeln('<div style="float:left;" class="main"><a href="javascript:;" onclick="hideAttr()">schließen</a></div><div style="float:right;"><input type="image" src="includes/languages/german/images/buttons/button_confirm_order.gif" border="0" alt="" onclick="return checkForm()"></div><br style="clear: left;">');
	}
	else
	{
		document.writeln('<div class="main" style="text-align:right;font-size:9px;color:#FF0000;margin-bottom:5px;">* required</div>');
		document.writeln('<div class="main" style="float:left;" id="deliveryDiv00"><input type="radio" name="delivery" value="0" onclick="changeDelivery(this)"></div><div class="main" style="margin-bottom:5px;float:left;" id="deliveryDiv01">ingame Mail</div><div class="main" style="float:left;" id="deliveryDiv10"><input type="radio" name="delivery" value="1" onclick="changeDelivery(this)"></div><div class="main" style="margin-bottom:5px;float:left;" id="deliveryDiv11">put in my Account</div><div class="main" style="float:left;" id="deliveryDiv20"><input type="radio" name="delivery" value="2" onclick="changeDelivery(this)"></div><div class="main" style="margin-bottom:5px;float:left;" id="deliveryDiv21">Face to Face</div><div class="main" style="float:left;" id="deliveryDiv30"><input type="radio" name="delivery" value="3" onclick="changeDelivery(this)"></div><div class="main" style="margin-bottom:5px;float:left;" id="deliveryDiv31">Store Account</div><br style="clear:left;">');
		document.writeln('<div class="main" style="background-color:#ffffed;border:1px solid #FF0000;padding:5px;margin-bottom:10px;" id="dsc0">We will deliver the Gold to the character name you specify via ingame Mail.</div>');
		document.writeln('<div class="main" style="background-color:#ffffed;border:1px solid #FF0000;padding:5px;margin-bottom:10px;display:none;" id="dsc1">We will log in to your account and transfer the gold onto the character you specified.</div>');
		document.writeln('<div class="main" style="background-color:#ffffed;border:1px solid #FF0000;padding:5px;margin-bottom:10px;display:none;" id="dsc2">We will hand you over the gold within the specified time in the game.</div>');
		document.writeln('<div class="main" style="background-color:#ffffed;border:1px solid #FF0000;padding:5px;margin-bottom:10px;display:none;" id="dsc3">You get the gold to a storage account which you can use as you wish after completion. Please tell us your character name as well if we have to contact you in game.</div>');
		document.writeln('<div class="main" style="margin-left:20px;" id="attr0">');
		document.writeln('<div style="float:left;width:100px;text-align:right;">Charactername:&nbsp;</div><div style="float:left;"><input type="text" name="id[txt_25]" id="input00" size="30" maxlength="30" value=""><span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		document.writeln('</div>');
		document.writeln('<div class="main" style="margin-left:20px;display:none;" id="attr1">');
		document.writeln('<div style="float:left;width:100px;text-align:right;">Charactername:&nbsp;</div><div style="float:left;"><input type="text" name="id[txt_25]" id="input10" disabled="disabled" size="30" maxlength="30" value=""><span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		document.writeln('<div style="float:left;width:100px;text-align:right;">Accountname:&nbsp;</div><div style="float:left;"><input type="text" name="id[txt_28]" size="30" id="input11" disabled="disabled" maxlength="30" value=""><span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		document.writeln('<div style="float:left;width:100px;text-align:right;">Password:&nbsp;</div><div style="float:left;"><input type="text" name="id[txt_29]" id="input12" disabled="disabled" size="30" maxlength="30" value=""><span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		document.writeln('</div>');
		document.writeln('<div class="main" style="margin-left:20px;display:none;" id="attr2">');
		document.writeln('<div style="float:left;width:100px;text-align:right;">Charactername:&nbsp;</div><div style="float:left;"><input type="text" name="id[txt_25]" id="input20" disabled="disabled" size="30" maxlength="30" value=""><span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		if (browser.indexOf("Microsoft") < 0)
			document.writeln('<div style="float:left;width:100px;text-align:right;">Online from:&nbsp;</div><div style="float:left;"><select name="id[26]" id="input22" disabled="disabled"><option value="">...</option><option value="537">01</option><option value="538">02</option><option value="539">03</option><option value="540">04</option><option value="541">05</option><option value="542">06</option><option value="543">07</option><option value="544">08</option><option value="545">09</option><option value="546">10</option><option value="547">11</option><option value="548">12</option><option value="549">13</option><option value="550">14</option><option value="551">15</option><option value="552">16</option><option value="553">17</option><option value="554">18</option><option value="555">19</option><option value="556">20</option><option value="557">21</option><option value="558">22</option><option value="559">23</option><option value="560">24</option></select></div><div style="float:left;width:20px;text-align:center;">-</div><div style="float:left;"><select name="id[27]" id="input21" disabled="disabled"><option value="">...</option><option value="561">01</option><option value="562">02</option><option value="563">03</option><option value="564">04</option><option value="565">05</option><option value="566">06</option><option value="567">07</option><option value="568">08</option><option value="569">09</option><option value="570">10</option><option value="571">11</option><option value="572">12</option><option value="573">13</option><option value="574">14</option><option value="575">15</option><option value="576">16</option><option value="577">17</option><option value="578">18</option><option value="579">19</option><option value="580">20</option><option value="581">21</option><option value="582">22</option><option value="583">23</option><option value="584">24</option></select></div><div style="float:left;margin-left:5px;">o\'clock<span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		else
			document.writeln('<div style="float:left;width:100px;text-align:right;">Online from:&nbsp;</div><div style="float:left;padding-left:20px;"><select name="id[26]" id="input22" disabled="disabled"><option value="">...</option><option value="537">01</option><option value="538">02</option><option value="539">03</option><option value="540">04</option><option value="541">05</option><option value="542">06</option><option value="543">07</option><option value="544">08</option><option value="545">09</option><option value="546">10</option><option value="547">11</option><option value="548">12</option><option value="549">13</option><option value="550">14</option><option value="551">15</option><option value="552">16</option><option value="553">17</option><option value="554">18</option><option value="555">19</option><option value="556">20</option><option value="557">21</option><option value="558">22</option><option value="559">23</option><option value="560">24</option></select></div><div style="float:left;width:20px;text-align:center;">-</div><div style="float:left;"><select name="id[27]" id="input21" disabled="disabled"><option value="">...</option><option value="561">01</option><option value="562">02</option><option value="563">03</option><option value="564">04</option><option value="565">05</option><option value="566">06</option><option value="567">07</option><option value="568">08</option><option value="569">09</option><option value="570">10</option><option value="571">11</option><option value="572">12</option><option value="573">13</option><option value="574">14</option><option value="575">15</option><option value="576">16</option><option value="577">17</option><option value="578">18</option><option value="579">19</option><option value="580">20</option><option value="581">21</option><option value="582">22</option><option value="583">23</option><option value="584">24</option></select></div><div style="float:left;margin-left:5px;">o\'clock<span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		document.writeln('</div>');
		document.writeln('<div class="main" style="margin-left:20px;display:none;" id="attr3">');
		document.writeln('<div style="float:left;width:100px;text-align:right;">Charactername:&nbsp;</div><div style="float:left;"><input type="text" name="id[txt_25]" id="input30" disabled="disabled" size="30" maxlength="30" value=""><span style="color:#FF0000;"> *</span></div><br style="clear:left;">');
		document.writeln('</div>');
		document.writeln('<div id="err_char" class="main" style="color:#FF0000;display:none;margin-left:130px;margin-top:5px;">* Please fill out all required fields.</div>');
		document.writeln('<hr size="1">');
		document.writeln('<div style="float:left;" class="main"><a href="javascript:;" onclick="hideAttr()">close</a></div><div style="float:right;"><input type="image" src="includes/languages/english/images/buttons/button_confirm_order.gif" border="0" alt="" onclick="return checkForm()"></div><br style="clear: left;">');
	}
	
	document.writeln('</div>');
	document.writeln('</div>');
	document.writeln('</form>');

}