/* Hover effects for Consumer direct website:
   Ben Hayes, Oct 2006 */

function doHover(linkElement, overStateSrc) {

	if(document.getElementById(linkElement)) {	
			var linkImage = document.getElementById(linkElement);	

			//Make sure we've got an appropriate element here (allowing for input type=image)
			if(linkImage.tagName == 'img' || linkImage.tagName == 'IMG' || linkImage.tagName == 'input' || linkImage.tagName == 'INPUT') {

				//Create new image for over state: this will cache the image
				var overImg = new Image;
				overImg.src = overStateSrc;
				
				//We need to keep hold of the original SRC for switching back onmouseout:
				var normalSrc = linkImage.src;
				linkImage.onmouseover = function() {
					this.src = overImg.src;
				}
				linkImage.onmouseout = function() {
					this.src= normalSrc;
				}
			}
		}

}

function doTextBox(element, text) {
	if(document.getElementById(element)) {

		var textBox = document.getElementById(element);
		textBox.onfocus = function() {
			if(this.value == text) this.value = '';
		}	

	}
}

function doTextArea(element, text) {
	if(document.getElementById(element)) {

		var textBox = document.getElementById(element);
		textBox.onfocus = function() {
			if(this.value == text) this.innerHTML = '';
		}	

	}
}

function doClearForm(link, form) {
	
	if(document.getElementById(link) && document.getElementById(form)) {
		var thisForm = document.getElementById(form);
		var thisLink = document.getElementById(link);

		thisLink.onclick = function() {
			thisForm.reset();
			return false;
		}
	}
}

function setSmallBoxHeight() {
	/* Set height of each of the 3 small boxes based on screen width */
	
	//Check we're on an appropriate page
	if(document.body.className != 'home') return false;

	// First get the width of the screen:
	var screenWidth = document.body.clientWidth;

	//get first column:
	var col1 = document.getElementById('stretch1');
	var col2 = document.getElementById('stretch2');
	var col3 = document.getElementById('stretch3');

	var colHeight;

	if(screenWidth <= 840) colHeight = '36em'; 
	if(screenWidth > 840 && screenWidth <= 930) colHeight = '37em';
	if(screenWidth > 930 && screenWidth < 1040) colHeight = '31em'; 
	if(screenWidth > 1040 && screenWidth < 1180) colHeight = '29em'; 
	if(screenWidth >= 1180) colHeight = '23em'; 
	
	col1.style.height = col2.style.height = col3.style.height = colHeight;

	//alert("Screen width is " + screenWidth);

}

window.onload = function() {
		doHover('searchbutton', layoutPath + 'images/go_down.gif');		
		doTextBox('searchbox', 'Enter your query');	
		if(document.body.className == 'search') {
			doTextBox('keywords', 'Enter your keywords');
			doHover('mainsearchbutton', layoutPath + 'images/orange/cn/arrow_rollover_down.gif');
		}	

		if(document.body.className == 'home') {
			doHover('searchbutton', layoutPath + 'images/orange/home_go_over.gif');	
			doHover('theguide', homePath + 'rollover_down.gif');		
			setSmallBoxHeight();
		}

		if(document.body.className == 'contact') {
			doHover('continuebutton', layoutPath + 'images/orange/cn/continue_green_down.gif');		
			doHover('submitbutton', layoutPath + 'images/orange/cn/submit_down.gif');
			doHover('nextbutton', layoutPath + 'images/orange/cn/next_down.gif');
			doTextBox('caseno', 'Enter case number');
			doTextBox('fname', 'Enter your first name');
			doTextBox('surname', 'Enter your last name');
			doTextBox('address', 'Enter your address');
			doTextBox('city', 'Enter your city');
			doTextBox('county', 'Enter your county');
			doTextBox('postcode', 'Enter your postcode');
			doTextBox('phonenumber', 'Enter your phone number');
			doTextBox('email', 'Enter your email address');

			doTextBox('tradername', 'Enter trader name');
			doTextBox('traderaddr', 'Enter the address of the trader');
			doTextBox('tradercity', 'Enter the city');
			doTextBox('tradercounty', 'Enter the county');
			doTextBox('traderpostcode', 'Enter the postcode');
			doTextBox('traderphonenumber', 'Enter the phone number');
			doTextBox('traderwebsite', 'Enter website address');
			doTextBox('traderemail', 'Enter email address');

			doTextBox('traderresponse', 'Enter text here');
			doTextBox('objective', 'Enter text here');

			doTextArea('commentbox', 'Enter your comment here');
			doClearForm('clear', 'feedback');	
			doClearForm('clear', 'complainform1');	
			doClearForm('clear', 'complainform2');	
			doClearForm('clear', 'complainform3');	
			doClearForm('clear', 'complainform4');	
		}
}

window.onresize = setSmallBoxHeight;