<!--

	//================================================================================================
	// VARIABLES DECLARATION
	//================================================================================================	
	var flagFirst = true, flagSubscribe = false, flagContact = false, flagRetailer = false, flagSearch = false, flagEnlargement = false;
	var win_width;
	var arrColourGroup, arrTransparency, arrFabric;
	var menuHover, activeColourGroup, activeTransparency, activeFabric;
	var assetBackgrounds, bgs, bgNow;
	
	var MARGIN_TOP = 5, NAV_BOTTOM = 209; 
	
	//================================================================================================
	// AJAX FUNCTIONS
	//================================================================================================			
	function showEnlargementMap()
	{
		var div = $('container_enlargement');
		var url = "cachet/get_enlargement.asp";
		var data = "type=map"
		
		var req = new Request( {url: '' + url, 
			
			onSuccess: function(txt) {				
				$(div).set('html', txt);	
				
				showEnlargement();

				//repositioned
				var w = window.getWidth() / 2;				
				var div_w = $('container_enlargement').getWidth() / 2;
				$('container_enlargement').setStyle('top', '60px');
				$('container_enlargement').setStyle('left', (w - div_w) + 'px');				
			},
			
			onFailure: function() {
				$(div).set('html', '<div class="ajax_white">Error loading... Please refresh the browser</div>');
			},
			
			onRequest: function() {
				$(div).set('html', '<div class="ajax_white"></div>');
			}
		
		}).send(data);		
	}	
	
	function sendEnquiry(fullname, company, address, suburb, state, postcode, email, phone, application, fabric, colour)
	{
		var url = "cachet/process.asp";

		var data = "process=contact";
		data = data + "&fullname=" + fullname;
		data = data + "&company=" + company;
		data = data + "&address=" + address;
		data = data + "&suburb=" + suburb;
		data = data + "&state=" + state;
		data = data + "&postcode=" + postcode;
		data = data + "&email=" + email;
		data = data + "&phone=" + phone;
		data = data + "&application=" + application;
		data = data + "&fabric=" + fabric;
		data = data + "&colour=" + colour;
		data = data + "&sid=" + Math.random();		
		
		var req = new Request( {method: 'get', url: '' + url, 

			onSuccess: function(txt) {
				alert(txt);
				
				hideContact();
				
				//clear form
				var form = document.contactform;
				form.fullname.value = "Name";
				form.address.value = "Address";
				form.suburb.value = "Suburb";
				form.state.value = "State";
				form.postcode.value = "Postcode";
				form.email.value = "Email";
				form.phone.value = "Phone";			
				form.application.value = "0";		
				form.fabric.value = 'Fabric';
				form.colour.value = 'Colour';
				
			},
			
			onFailure: function() {
				alert("Error connecting to server. Please refresh this page...");
			}
			
		}).send(data);
	}

	function signupNewsletter(listID, fullname, company, position, email)
	{
		var url = "cachet/process.asp";

		var data = "process=recipient";
		data = data + "&action=add-jax";
		data = data + "&listID=" + listID;
		data = data + "&fullname=" + fullname;
		data = data + "&company=" + company;
		data = data + "&position=" + position;
		data = data + "&email=" + email;
		data = data + "&sid=" + Math.random();		
		
		var req = new Request( {method: 'get', url: '' + url, 

			onSuccess: function(txt) {
				alert(txt);
				
				hideSubscribe();				

				//clear form
				var form = document.sigupform;				
				form.fullname.value = 'Full Name';
				form.company.value = 'Company';
				form.position.value = 'Position';
				form.email.value = 'Email Address';				
			},
			
			onFailure: function() {
				alert("Error connecting to server. Please refresh this page...");
			}
			
		}).send(data);
	}	
	//================================================================================================
	// FORM FUNCTIONS
	//================================================================================================
	function submitEnquiry()
	{
		var form = document.contactform;
		
		var c_fullname = form.fullname.value;
		var c_company = form.company.value;
		var c_address = form.address.value;
		var c_suburb = form.suburb.value;
		var c_state = form.state.value;
		var c_postcode = form.postcode.value;
		var c_email = form.email.value;
		var c_phone = form.phone.value;
		var c_application = form.application.value;
		var c_fabric = form.fabric.value;
		var c_colour = form.colour.value;
		
		var valid = true;
		
		if ((c_fullname == "") || (c_fullname == "Full Name")) 
		{
			valid = false;
			alert("Please make sure you have entered your full name.");		
		} 
		else if ((c_address == "") || (c_address == "Address")) 
		{
			valid = false;
			alert("Please make sure you have entered your street address.");		
		} 
		else if ((c_suburb == "") || (c_suburb == "Suburb")) 
		{
			valid = false;
			alert("Please make sure you have entered your suburb.");		
		} 
		else if ((c_state == "") || (c_state == "State")) 
		{
			valid = false;
			alert("Please make sure you have entered your state.");		
		} 
		else if ((c_postcode == "") || (c_postcode == "Postcode")) 
		{
			valid = false;
			alert("Please make sure you have entered your postcode.");		
		} 
		else if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(c_email)))
		{
			valid = false;
			alert("Please make sure you have entered a valid e-mail address.");		
		}
		else if ((c_phone == "") || (c_phone == "Phone")) 
		{
			valid = false;
			alert("Please make sure you have entered your phone number.");		
		} 
		else if ((c_application == "") || (c_application == "0")) 
		{
			valid = false;
			alert("Please make sure you have selected the application.");		
		} 
		
		if (valid == true) 
		{
			sendEnquiry(c_fullname, c_company, c_address, c_suburb, c_state, c_postcode, c_email, c_phone, c_application, c_fabric, c_colour);			
		}		
	}	
	
	function submitSignUpNewsletter()
	{
		var form = document.sigupform;
		
		var c_listID = form.listID.value;
		var c_fullname = form.fullname.value;
		var c_company = form.company.value;
		var c_position = form.position.value;
		var c_email = form.email.value;
		
		var valid = true;
		
		if ((c_fullname == "") || (c_fullname == "Full name")) 
		{
			valid = false;
			alert("Please make sure you have entered your full name.");		
		} 
		else if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(c_email)))
		{
			valid = false;
			alert("Please make sure you have entered a valid e-mail address.");		
		}
		
		if (valid == true) 
		{
			signupNewsletter(c_listID, c_fullname, c_company, c_position, c_email);
		}		
	}
	
	//================================================================================================
	// INIT FUNCTIONS 
	//================================================================================================			
	function initBackgrounds()
	{
		var container = 'background';
		var path = 'images/backgrounds/';
		var images;
		
		if ($chk($(container)))
		{
			var bg = $(container).getChildren('div');
			var bg_id = bg[0].get('id');
			
			/* preloading */  			
			images = [	path + bg_id + '.jpg' ];
								
			//create the asset.images
			assetBackgrounds = new Asset.images(images, {  
			
				onComplete: function() { 
					images.each(function(imgsrc) {  
						new Element('img',{ src: imgsrc, width: $('container_background').getWidth(), style: 'width:auto; height:auto;' }).inject($(bg_id));  				
					});					
					
					$(container).setStyle('opacity', 0);
					bgFull(container, 100);
					
					$(container).removeClass('bg_hide');					
					new Fx.Tween($(container)).start('opacity', 0, 1);
				}  
				
			});					
		}
	}
	
	function initOpacity()
	{
		if ($chk($('news_bg')))
		{
			$('news_bg').setStyle('opacity', 0.5);
		}		
	
		if ($chk($('classic_bg')))
		{
			$('classic_bg').setStyle('opacity', 0.7);
		}
		
		if ($chk($('cachet_bg')))
		{
			$('cachet_bg').setStyle('opacity', 0.7);
		}
		
		//left hand side navs
		if ($chk($$('.main_nav')))
		{
			$$('.main_nav').setStyle('opacity', 0.5);
		}		
	}	
	
	//================================================================================================
	// LAYOUT FUNCTIONS 
	//================================================================================================				
	function setupDraggableDivs()
	{
		if ($chk($('container_enlargement')))
		{
			var dragEnlargement = new Drag('container_enlargement');
		}
	}	
		
	function showContact()
	{
		hideSubscribe();
		
		if (!flagContact)
		{
			$('container_contact').setStyle('display', 'block');
			flagContact = true;
		}
	}
	
	function hideContact()
	{
		if (flagContact)
		{
			hideRetailer();
			
			$('container_contact').setStyle('display', 'none');
			flagContact = false;
		}
	}	

	function toggleContact()
	{
		if (!flagContact)
		{
			showContact();
		}
		else
		{
			hideContact();
		}
	}	
	
	function showEnlargement()
	{
		if (!flagEnlargement)
		{
			$('container_enlargement').setStyle('display', 'block');
			flagEnlargement = true;
		}
	}
	
	function hideEnlargement()
	{
		if (flagEnlargement)
		{
			$('container_enlargement').setStyle('display', 'none');
			flagEnlargement = false;
		}
	}	

	function toggleEnlargement()
	{
		if (!flagEnlargement)
		{
			showEnlargement();
		}
		else
		{
			hideEnlargement();
		}
	}	
	
	function showRetailer()
	{		
		if (!flagRetailer)
		{
			$('container_retailer').setStyle('display', 'block');
			flagRetailer = true;
		}
	}
	
	function hideRetailer()
	{
		if (flagRetailer)
		{
			$('container_retailer').setStyle('display', 'none');
			flagRetailer = false;
		}
	}	

	function toggleRetailer()
	{
		if (!flagRetailer)
		{
			showRetailer();
		}
		else
		{
			hideRetailer();
		}
	}
	
	function showSubscribe()
	{
		hideContact();
		
		if (!flagSubscribe)
		{
			$('container_subscribe').setStyle('display', 'block');
			flagSubscribe = true;
		}
	}
	
	function hideSubscribe()
	{
		if (flagSubscribe)
		{
			$('container_subscribe').setStyle('display', 'none');
			flagSubscribe = false;
		}
	}	

	function toggleSubscribe()
	{
		if (!flagSubscribe)
		{
			showSubscribe();
		}
		else
		{
			hideSubscribe();
		}
	}
	
	function resetBottomNavs()
	{
		if ($chk($('container_news')))
		{
			var h = $('container_content').getHeight() - NAV_BOTTOM;
			$('container_news').setStyle('height', h);
			//$('container_news').morph({ 'height' : h });
		}
	}	
	
	//================================================================================================
	// EVENTS FUNCTIONS
	//================================================================================================		
	function setupActions()
	{
		if ($chk($('container_classic')))
		{
			$('container_classic').addEvents({
			
				'mouseover' : function(e) {		
					$('classic_bg').setStyle('opacity', 1);	
				},

				'mouseout' : function(e) {
					$('classic_bg').setStyle('opacity', 0.7);	
				}
				
			});
		}
		
		if ($chk($('container_cachet')))
		{
			$('container_cachet').addEvents({
			
				'mouseover' : function() {				
					$('cachet_bg').setStyle('opacity', 1);	
				},

				'mouseout' : function() {
					$('cachet_bg').setStyle('opacity', 0.7);	
				}
				
			});
		}		
		
		//left hand side navs
		if ($chk($$('.main_nav')))
		{
			$$('.main_nav').addEvents({
			
				'mouseover' : function() {				
					this.setStyle('opacity', 1);	
				},

				'mouseout' : function() {
					this.setStyle('opacity', 0.5);	
				}
				
			});
		}			
	}
	
	//================================================================================================
	// FULL SCREEN BACKGROUND
	//================================================================================================		
	function $E(tag,el){return $(el||document).getElement(tag)}
	
	kina={
		doc:{x:0,y:0},
		fix:
			function()
			{				
				if(kina.bg.complete&&(db.offsetWidth!=kina.doc.x||db.offsetHeight!=kina.doc.y||kina.fix.src!=kina.bg.src))
				{
					var bg=kina.bg.getSize();
					kina.doc={x:db.offsetWidth,y:db.offsetHeight};
					kina.fix.src==kina.bg.src||$extend(kina.fix,{p:bg.x/bg.y,src:kina.bg.src});
					kina.bg.setStyles({width:(bg.y=kina.doc.x>(bg.x=Math.round(kina.doc.y*kina.fix.p)))?kina.doc.x:bg.x,height:bg.y?Math.round(kina.doc.x/kina.fix.p):kina.doc.y})			
				}								
			}
	}

	function bgFull(container, interval)
	{
		if ($chk($(container)))
		{
			$extend
			(
				kina,{bg:$E('img',$E('#' + container,db=$(document.body))),timer:setInterval(kina.fix,interval)}
			);			
		}		
	}
	
	//================================================================================================
	// START THIS WHEN PAGE DOM READY
	//================================================================================================		
	window.addEvents({
	
		'domready' : function(e) {
			initBackgrounds();	
			initOpacity();						
			setupActions();
			setupDraggableDivs();			
			//resetBottomNavs();
		},
		
		'resize' : function() {
			//resetBottomNavs();
		}
		
	});
	

//-->