//global variables that can be used by ALL the function son this page.
var inputs;
var imgFalse = './style/false.png';
var imgTrue = './style/true.png';

function replacechecks() {
	inputs = document.getElementsByTagName('input');
	for(var i=0; i < inputs.length; i++) {
		if(inputs[i].getAttribute('type') == 'checkbox') {
			var img = document.createElement('img');
			
			if(inputs[i].checked) {
				img.src = imgTrue;
			} else {
				img.src = imgFalse;
			}

			img.id = 'checkImage'+i;
			img.onclick = new Function('checkchange('+i+')');
			inputs[i].parentNode.insertBefore(img, inputs[i]);
			
			inputs[i].style.display='none';
		}
	}
}

//change the checkbox status and the replacement image
function checkchange(i) {
	var elww = $(inputs[i]);
	var id = inputs[i].identify();
	if (elww.disabled == false && id != 'standard')
	{
		if(elww.checked) {
			elww.checked = '';
			document.getElementById('checkImage'+i).src=imgFalse;
			
			if(elww.hasClassName('toggle'))
			{
				var showMe = elww.readAttribute('id');
				$(showMe+'_up').hide();
			}
			if (id == 'customization')
			{
				for(var n=0; n < inputs.length; n++) {
					if(inputs[n].getAttribute('type') == 'checkbox' && n != i) {
						var elmmm = $(inputs[n]);
						var nid = elmmm.up().up().up().identify();
						if (nid == 'row2')
						{
							new Effect.Opacity(nid, { from: 0.4, to: 1.0, duration: 0.5 });
							inputs[n].disabled = false;
						}
						document.getElementById('checkImage0').src=imgTrue;
						$('checkImage'+n).src=imgFalse;
					}
				}
			}
			if (id == 'customSet')
			{
				for(var n=0; n < inputs.length; n++) {
					if(inputs[n].getAttribute('type') == 'checkbox' && n != i) {
						var nid = inputs[n].up().up().up().identify();
						if (nid == 'row1' || nid == 'row2' || nid == 'row4')
						{
							new Effect.Opacity(nid, { from: 0.4, to: 1.0, duration: 0.5 });
							inputs[n].disabled = false;
						}
						$('standard').checked = true;
						document.getElementById('checkImage0').src=imgTrue;
						$('checkImage'+n).src=imgFalse;
					}
				}
			}
		} else {
			elww.checked = 'checked';
			document.getElementById('checkImage'+i).src=imgTrue;
			
			if(elww.hasClassName('toggle'))
			{
				var showMe = elww.readAttribute('id');
				$(showMe+'_up').show();
			}
			if (id == 'customization')
			{
				for(var n=0; n < inputs.length; n++) {
					if(inputs[n].getAttribute('type') == 'checkbox' && n != i) {
						var elmmm = $(inputs[n]);
						var nid = elmmm.up().up().up().identify();
						if (nid == 'row2')
						{
							new Effect.Opacity(nid, { from: 1.0, to: 0.4, duration: 0.5 });
							inputs[n].disabled = true;
							if(inputs[n].hasClassName('toggle'))
							{
								var showMe = inputs[n].readAttribute('id');
								$(showMe+'_up').hide();
							}
							inputs[n].checked = false;
							$('checkImage'+n).src=imgFalse;
						}
					}
				}
			}
			if (id == 'customSet')
			{
				for(var n=0; n < inputs.length; n++) {
					if(inputs[n].getAttribute('type') == 'checkbox' && n != i) {
						var nid = inputs[n].up().up().up().identify();
						if (nid == 'row1' || nid == 'row2' || nid == 'row4')
						{
							new Effect.Opacity(nid, { from: 1.0, to: 0.4, duration: 0.5 });
							inputs[n].disabled = true;
							if(inputs[n].hasClassName('toggle'))
							{
								var showMe = inputs[n].readAttribute('id');
								$(showMe+'_up').hide();
							}
						}
						inputs[n].checked = false;
						$('checkImage'+n).src=imgFalse;
					}
				}
			}
		}
	}
	recalctotal();
}
var total = 0;
recalctotal = function(refresh) {
	total = parseInt($('total').innerHTML);
	var totalC = 0;
	var amounts = $$('.addTotal');
	for(var i=0; i < amounts.length; i++) {
		if (amounts[i].checked)
		{
			if (refresh == true)
			{
				if(elww.hasClassName('toggle'))
				{
					var showMe = elww.readAttribute('id');
					if (elww.checked == true)
					{
						$(showMe+'_up').show();
					}
					else {
						$(showMe+'_up').hide();
					}
				}
			}
			totalC = totalC + parseInt(amounts[i].value);
		}
	}
	$('total').update(totalC);
	$('amount').value = totalC;
}

document.observe("dom:loaded", function() {
	if($('orderform') != null)
	{
		$('loading').fade({afterFinish:function(){
			$('orderform').setStyle({visibility:'visible'});
		}});
		$('orderform').reset();
		replacechecks();
	}
});
var StypeA = 'show';
loginBox = function(Stype)
{
	if(Stype == 'auto')
	{
		Stype = StypeA;
	}
	if(Stype == 'hide')
	{
		Effect.DropOut('signupTop', {
			afterFinish:function() {
				Effect.Fade('fade');
			}
		});
		StypeA = 'show';
	}
	else if(Stype == 'show')
	{
		Effect.Appear('fade', {
			afterFinish:function() {
				Effect.Appear('signupTop');
			}
		});
		StypeA = 'hide';
	}
	return false;
}