/*-----------------------------------------------------------------------------General Scripts*/

function submitForm()	{
	
	if (document.frmCheckout.terms.checked){
		document.frmCheckout.action = 'cart-userdetails.asp'
		document.frmCheckout.submit()
	}else{
		alert("Please ensure  that you accept the Terms and Conditions before proceeding")
		document.getElementById('termsConditions').style.backgroundColor = 'red'
	}
}



/*-----------------------------------------------------------------------------Scripts for animated layers*/
window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	//-vertical

	var myVerticalSlide1 = new Fx.Slide('detail1').hide();
	
	if(document.getElementById('detail2')!= null){
		
		var myVerticalSlide2 = new Fx.Slide('detail2').hide();
		////alert("There is an option 2")
		
		$('v_toggle2').addEvent('click', function(e){
		e.stop();
		myVerticalSlide2.toggle();
		});
		
		myVerticalSlide2.addEvent('complete', function() {
		$('vertical_status').set('html', status[myVerticalSlide2.open]);
		});
		
	}else{
		//alert("There is NO option 2")	
	}
	
	
	
	if(document.getElementById('detail3')!= null){
		
		var myVerticalSlide3 = new Fx.Slide('detail3').hide();
		//alert("There is an option 3")
		
		$('v_toggle3').addEvent('click', function(e){
		e.stop();
		myVerticalSlide3.toggle();
		});
		
		myVerticalSlide3.addEvent('complete', function() {
		$('vertical_status').set('html', status[myVerticalSlide3.open]);
		});
		
	}else{
		//alert("There is NO option 3")	
	}
	
	
	if(document.getElementById('detail4')!= null){
		
		var myVerticalSlide4 = new Fx.Slide('detail4').hide();
		//alert("There is an option 4")
		
		$('v_toggle4').addEvent('click', function(e){
		e.stop();
		myVerticalSlide4.toggle();
		});
		
		myVerticalSlide4.addEvent('complete', function() {
		$('vertical_status').set('html', status[myVerticalSlide4.open]);
		});
		
	}else{
		//alert("There is NO option 4")	
	}
	
	
	
	if(document.getElementById('detail5')!= null){
		
		var myVerticalSlide5 = new Fx.Slide('detail5').hide();
		//alert("There is an option 5")
		
		$('v_toggle5').addEvent('click', function(e){
		e.stop();
		myVerticalSlide5.toggle();
		});
		
		myVerticalSlide5.addEvent('complete', function() {
		$('vertical_status').set('html', status[myVerticalSlide5.open]);
		});
		
	}else{
		//alert("There is NO option 5")	
	}
	
	
	
	if(document.getElementById('detail6')!= null){
		
		var myVerticalSlide6 = new Fx.Slide('detail6').hide();
		//alert("There is an option 6")
		
		$('v_toggle6').addEvent('click', function(e){
		e.stop();
		myVerticalSlide6.toggle();
		});
		
		myVerticalSlide6.addEvent('complete', function() {
		$('vertical_status').set('html', status[myVerticalSlide6.open]);
		});
		
	}else{
		//alert("There is NO option 6")	
	}
	


	$('v_toggle1').addEvent('click', function(e){
		e.stop();
		myVerticalSlide1.toggle();
	});


	
	// When Vertical Slide ends its transition, we check for its status
	// note that complete will not affect 'hide' and 'show' methods
	myVerticalSlide1.addEvent('complete', function() {
		$('vertical_status').set('html', status[myVerticalSlide1.open]);
	});

});



/*--------------------------------------------------------------------------------Site Registration Form*/

function submitReg(){
	
	var firstName = document.getElementById('firstname').value;
	var surName = document.getElementById('surname').value;
	var email = document.getElementById('email').value;
	var tel = document.getElementById('tel').value;
	var password = document.getElementById('password').value;
	var password2 = document.getElementById('password2').value;
	
	var ad1 = document.getElementById('billingaddressline1').value;
	var ad2 = document.getElementById('billingaddressline2').value;
	var city = document.getElementById('billingaddresscity').value;
	var province = document.getElementById('billingaddressprovince').value;
	var PC = document.getElementById('billingaddresscode').value;
	
	document.getElementById('firstname').style.borderColor = '#999999'
	document.getElementById('surname').style.borderColor = '#999999'
	document.getElementById('email').style.borderColor = '#999999'
	document.getElementById('tel').style.borderColor = '#999999'
	document.getElementById('password').style.borderColor = '#999999'
	document.getElementById('password2').style.borderColor = '#999999'
	
	document.getElementById('billingaddressline1').style.borderColor = '#999999';
	document.getElementById('billingaddressline2').style.borderColor = '#999999';
	document.getElementById('billingaddresscity').style.borderColor = '#999999';
	document.getElementById('billingaddressprovince').style.borderColor = '#999999';
	document.getElementById('billingaddresscode').style.borderColor = '#999999';
	
	if(firstName==''){
		alert('Please enter your first name')
		document.getElementById('firstname').style.borderColor = 'red'
	}else if(surName==''){
		alert('Please enter your surname')
		document.getElementById('surname').style.borderColor = 'red'
	}else if(email==''){
		alert('Please enter your email address ')
		document.getElementById('email').style.borderColor = 'red'
	}else if(tel==''){
		alert('Please enter your phone number')
		document.getElementById('tel').style.borderColor = 'red'
	}else if(password ==''){
		alert('Passwords do not match!')
		document.getElementById('password').style.borderColor = 'red'
		document.getElementById('password2').style.borderColor = 'red'
	}else if(ad1==''){
		alert('Please enter the first line of your address')
		document.getElementById('billingaddressline1').style.borderColor = 'red'
	}else if(city==''){
		alert('Please enter your city')
		document.getElementById('billingaddresscity').style.borderColor = 'red'
	}else if(province==''){
		alert('Please enter your town')
		document.getElementById('billingaddressprovince').style.borderColor = 'red'
	}else if(PC==''){
		alert('Please enter your postcode')
		document.getElementById('billingaddresscode').style.borderColor = 'red'
	}else{	
		document.frmRegister.submit()
	}
}