/*##########################################################
	Radiobuttons
##########################################################*/

function RadioButton(name,id,val,labelText,check,formCheck,action)
{
	
	var root = this;
	
	this.name = name;
	this.val = val;
	this.id = id;
	this.labelText = labelText;
	this.check = check;
	this.formCheck = formCheck;
	this.action = action;
	
	document.write('<input type="radio" name="'+this.name+'" id="'+this.id+'" value="'+this.val+'" title="'+this.formCheck+'" style="display:none;" /><label id="label_'+this.id+'" for="'+this.id+'"><img id="img_'+this.id+'" src="../../../pix/forms/radio1.gif" border="0" alt="" />'+this.labelText+'</label>');
	
	this.la = document.getElementById("label_"+this.id);
	this.img = document.getElementById("img_"+this.id);
	this.rb = document.getElementById(this.id);
	this.rb.checked = (this.check)?"checked":"";
	
	this.img.style.marginRight="5px";
	this.la.style.marginRight="10px";
	
	this.la.onclick = function()
	{
		root.rb.checked = 1;
		for(var i = 0; i < $N(root.name).length; i++)
		{
			
			var r = document.getElementsByName(root.name)[i];
			var img = r.nextSibling.childNodes[0];
			
			if(r.checked) {
				if(img.src.indexOf("1.gif")>-1) { img.src = img.src.replace("1.gif","2.gif"); }
			}
			else {
				if(img.src.indexOf("2.gif")>-1) { img.src = img.src.replace("2.gif","1.gif"); }
			}
		}
		
		switch(root.action)
		{
			case "creditcard": case "rechnung":
				$("containerAbholung").style.display="none";
				
				var pv = $("preisVersandkostenanteil");
				var pt = $("preisTotal");
				if(pt.innerHTML < 100 && pv.innerHTML < 1) {
					pt.innerHTML = (parseFloat(pt.innerHTML) + 10).toFixed(2);
					pv.innerHTML = Number(10).toFixed(2);
					$("orderingAmount").value = pt.innerHTML;
				}
				
				showBorder();
			break;
			case "abholung":
				$("containerAbholung").style.display="block";
				
				var pv = $("preisVersandkostenanteil");
				var pt = $("preisTotal");
				
				if(pv.innerHTML > 0) {
					pt.innerHTML = Number(pt.innerHTML - 10).toFixed(2);
					pv.innerHTML = Number(0).toFixed(2);
					$("orderingAmount").value = pt.innerHTML;
				}
				
				showBorder();
			break;
		}
	}
	if(this.check) this.la.onclick();
}

/*##########################################################
	Checkboxen
##########################################################*/

function CheckBox(name,id,val,labelText,check,formCheck,action)
{
	
	var root = this;
	
	this.name = name;
	this.val = val;
	this.id = id;
	this.labelText = labelText;
	this.check = check;
	this.formCheck = formCheck;
	this.action = action;
	
	document.write('<input type="checkbox" name="'+this.name+'" id="'+this.id+'" value="'+this.val+'" title="'+this.formCheck+'" style="display:none;" /><label id="label_'+this.id+'" for="'+this.id+'"><img id="img_'+this.id+'" src="../../../pix/forms/checkbox1.gif" border="0" alt="" />'+this.labelText+'</label>');
	
	this.la = document.getElementById("label_"+this.id);
	this.img = document.getElementById("img_"+this.id);
	this.cb = document.getElementById(this.id);
	this.cb.checked = (this.check)?"checked":"";
	
	this.img.style.marginRight="5px";
	this.la.style.marginRight="10px";
	
	this.la.onclick = function()
	{
		var img = root.cb.nextSibling.childNodes[0];
		
		if(!root.cb.checked) {
			if(img.src.indexOf("1.gif")>-1) { img.src = img.src.replace("1.gif","2.gif"); }
		} else {
			if(img.src.indexOf("2.gif")>-1) { img.src = img.src.replace("2.gif","1.gif"); }
		}
	}
	if(this.check) this.la.onclick();
}