// JavaScript Document
function submitForm(form)
	{
					
		var req = false;
		var dateError = false;
		var errorMessage = "";
		
		//Check fields
		var required = $$('form#'+form.id+' .required');
		required.each(function(element) {
					     
				$(element).setStyle("background-color", "#F3F3F3");
				if($(element).value == "")
				{
					$(element).setStyle("background-color", "#FFBFCC");
					req = true;
				}
			});
		
		//Check date fields
		if($$('form#'+form.id+' .date'))
		{
			var dates = $$('form#'+form.id+' .date');
			dates.each(function(element) {
						     
					if($(element).value != "" && checkDate($(element)) == false)
					{
						dateError = true;
					}
					else
					{
						dateError = false;
					}
				});
		}
		
		//Error messaeges
		if(req == true)
			{
				errorMessage = "Please complete the required fields highlighted in red";
				if(dateError == true)
				{
					errorMessage += " and make sure your date(s) are in the correct format";
				}
				alert(errorMessage);
				return false;
			}
		else if(req == false && dateError == true)
			{
				alert("Please make sure your date(s) are in the correct format");
			}
		else if(req == false)
			{
				return true;
			}
	}

	
function doPhotoLib(id)
	{		
		$('image_viewer').innerHTML = "<img src=\"images/library/"+id.split("_")[1]+".jpg\" alt=\"Conservatory blinds, blinds for conservatories\" width=\"480\" height=\"230\" />";
	}
	
function changeFabric(id)
	{
		
		position = (id-1)*(-105);
		
		$('fabric_viewer').setStyle('background-position', 'left '+position+'px');
	}

//Attach Events
window.addEvent('domready', function() {
			
	if($$('img.lib_thumb'))
	{
		var thumbs = $$('img.lib_thumb');
		thumbs.each(function(element){
				
				element.addEvent('click', function(){
					doPhotoLib(element.id);
				});
		});
	}
	if($$('div#fabric_thumbs img'))
	{
		var thumbs = $$('div#fabric_thumbs img');
		thumbs.each(function(element){
				
				element.addEvent('mouseover', function(){
					changeFabric(element.id.split("_")[1]);
				});
		});
	}
	
}); 

window.addEvent('resize', function() {
	

});