// JavaScript Document


	var previous = false; //holds the previous checkout option chosen

function setupScrolls()	{
	$.localScroll({
		duration: "200",
		offset: "-100"
	});
}

var prevOption = false;

function prepareOptions()	{

	var select = document.getElementById('retailers');
	
	
		select.onchange = function()	{
		var that = this;
		if(prevOption && prevOption != "default")	{ $(prevOption).slideUp("fast", function(){
		
		var optChosen = document.getElementById(that.options[that.selectedIndex].value);		
		prevOption = optChosen;
		$(optChosen).slideDown("fast");
		
		}); } else	{ 
			
			var optChosen = document.getElementById(this.options[this.selectedIndex].value);		
			prevOption = optChosen;
			$(optChosen).slideDown("fast");
			
			}};


}


function prepCart()	{
	
	document.getElementById('default-radio').checked = true;
	
}

//toggles the visiblity of the sections.
function changeSection(elem)	{

	//get the elements
	var checkoutOpt = document.getElementById(elem);
	var borderChange = document.getElementById("checkout-"+elem);
		
		//checkoutOpt.style.display = 'block';
		borderChange.style.borderLeftColor = "#e9851e";	
		
		//show them
		$(checkoutOpt).slideDown("slow");
		
		
		//hide the previous one as long as its not the same element
		if(previous && previous!=checkoutOpt)	{
			previousBorderChange.style.borderLeftColor = "#085b84";
			$(previous).slideUp("slow");
			//previous.style.display = 'none';
		}
		
		//if it's the first run there will be no previous so hide the default, which is option 1.
		if(!previous)	{
		document.getElementById('checkout-login').style.borderLeftColor = '#085b84';
		$("#login").slideUp("slow");
		}
		
		//store the references to the divs that just got shown.
		previous = checkoutOpt;
		previousBorderChange = borderChange;
}



function passValue(id, elem)	{

		var field = document.getElementById('create'+id);
		var target = document.getElementById('ship'+id);
		target.value = field.value;
		
		if(isFilled(elem))	{
			elem.style.backgroundColor = "#FFFFFF";
		}
	
}



function submitForm()	{

	var form = document.getElementById('billing-info');
		form.submit();
	
}

function clearFields(evt)	{
	
	if(evt.checked == true)	{

	document.getElementById('ship-fname').value = '';
	document.getElementById('ship-fname').className += ' required';
	document.getElementById('ship-fname').disabled = false;
	
	document.getElementById('ship-lname').value = '';
	document.getElementById('ship-lname').className += ' required';
	document.getElementById('ship-lname').disabled = false;
	
	document.getElementById('ship-street').value = '';
	document.getElementById('ship-street').className += ' required';	
	document.getElementById('ship-street').disabled = false;
	
	document.getElementById('ship-address2').value = '';
	document.getElementById('ship-address2').className += ' required';	
	document.getElementById('ship-address2').disabled = false;
	
	document.getElementById('ship-city').value = '';
	document.getElementById('ship-city').className += ' required';	
	document.getElementById('ship-city').disabled = false;
	
	document.getElementById('ship-stateprovince').value = '';
	document.getElementById('ship-stateprovince').className += ' required';	
	document.getElementById('ship-stateprovince').disabled = false;
	
	document.getElementById('ship-country').value = '';
	document.getElementById('ship-country').className += ' required';	
	document.getElementById('ship-country').disabled = false;
	
	document.getElementById('ship-telephone').value = '';
	document.getElementById('ship-telephone').className += ' required';	
	document.getElementById('ship-telephone').disabled = false;
	
	}
	
}

function sameBilling()	{
	
	var fname = document.getElementById('create-fname').value;
	var lname = document.getElementById('create-lname').value;
	var street = document.getElementById('create-street').value;
	var address2 = document.getElementById('create-address2').value;
	var city = document.getElementById('create-city').value;
	var stateprovince = document.getElementById('create-stateprovince').value;
	var country = document.getElementById('create-country').value;
	var telephone = document.getElementById('create-telephone').value;
	

	document.getElementById('ship-fname').value = fname;
	document.getElementById('ship-fname').disabled = true;
	document.getElementById('ship-fname').className = 'field';

	
	document.getElementById('ship-lname').value = lname;
	document.getElementById('ship-lname').disabled = true;
	document.getElementById('ship-lname').className = 'field';
	
	document.getElementById('ship-street').value = street;
	document.getElementById('ship-street').disabled = true;
	document.getElementById('ship-street').className = 'field';

	document.getElementById('ship-address2').value = address2;
	document.getElementById('ship-address2').disabled = true;
	document.getElementById('ship-address2').className = 'field';

	document.getElementById('ship-city').value = city;
	document.getElementById('ship-city').disabled = true;
	document.getElementById('ship-city').className = 'field';

	document.getElementById('ship-stateprovince').value = stateprovince;
	document.getElementById('ship-stateprovince').disabled = true;
	document.getElementById('ship-stateprovince').className = 'field';

	document.getElementById('ship-country').value = country;
	document.getElementById('ship-country').disabled = true;
	document.getElementById('ship-country').className = 'field';
	
	document.getElementById('ship-telephone').value = telephone;
	document.getElementById('ship-telephone').disabled = true;
	document.getElementById('ship-telephone').className = 'field';
	
	
	
}

function isFilled(field)	{

	if(field.value.length < 1)	{
		return false;
	}	else	{
		return true;	
	}

}

function isEmail(email)	{
	//basic email validation..
	if(field.value.indexOf('@') == -1 || field.value.indexOf(".") == -1)	{
		return false;	
	}	else	{
		return true;	
	}

}

function showHide(id)	{
	
	$("#"+id).slideToggle();
	
}