/*---[ Details ]---------------------------------------
Javascipt Custom Functions
Site: http://trees.innocentdrinks.co.uk
Author: Lee Powell
Contact: lee.powell@soup.co.uk
Date Created: 12.09.2007
Date Modified: 12.09.2007
-------------------------------------------------------*/

/*-----------------------------------------------------
Contents:
[01] Plant Me A Tree - Initialisation
[02] Plant Me A Tree - Toggle Gift Fields
[03] Plant Me A Tree / Invite A Friend - Insert Default Text
[04] Check For Redirect
-------------------------------------------------------*/

// Global variable to test for IE
isMSIE = /*@cc_on!@*/false;


/* [01] Plant Me A Tree - Initialisation
-------------------------------------------------------*/
function planttree_init() {
	if (document.getElementById) {
		target = document.getElementById('planttree_form');
		fields = getElementsByClass('enabled', target, 'p');
		
		gift = document.getElementById('gift');
		
		if (gift.getAttribute('checked')) {
			for (i=0; i < fields.length; i++) {
				fields[i].className = 'enabled';	
			}
			
			// Remove disabled attributes
			field = document.getElementById('gift_name');
			field.removeAttribute('disabled');
			
			field = document.getElementById('gift_email');
			field.removeAttribute('disabled');
			
		} else {
			// Change class of the paragraph elements
			for (i=0; i < fields.length; i++) {
				fields[i].className = 'disabled';	
			}
			
			// Assign 'disabled' attribute to input fields
			field = document.getElementById('gift_name');
			field.setAttribute('disabled', 'disabled');
			
			field = document.getElementById('gift_email');
			field.setAttribute('disabled', 'disabled');
		}
		
		field = document.getElementById('gift');
		field.onclick = function() { planttree_toggle(fields); }
	}
}

/* [02] Plant Me A Tree - Toggle Gift Fields
-------------------------------------------------------*/
function planttree_toggle(fields) {
	state = (fields[0].className == 'disabled') ? true : false;
	
	switch (state) {
		case true:
			// Change class of the paragraph elements
			for (i=0; i < fields.length; i++) {
				fields[i].className = 'enabled';	
			}
		
			// Remove disabled attributes
			field = document.getElementById('gift_name');
			field.removeAttribute('disabled');
			
			field = document.getElementById('gift_email');
			field.removeAttribute('disabled');
		break
		case false:
			// Change class of the paragraph elements
			for (i=0; i < fields.length; i++) {
				fields[i].className = 'disabled';	
			}
		
			// Remove disabled attributes
			field = document.getElementById('gift_name');
			field.setAttribute('disabled', 'disabled');
			
			field = document.getElementById('gift_email');
			field.setAttribute('disabled', 'disabled');
		break
	}
}

/* [03] Plant Me A Tree / Invite A Friend - Insert Default Text
-------------------------------------------------------*/
function magicText(target, text) {
	if (document.getElementById) {
		target = document.getElementById(target);
		if (submit != true || target.innerHTML == text) {
			target.innerHTML = text;
			target.className = 'init';
			
			target.onfocus = function () {
				if (this.innerHTML == text) {
					this.innerHTML = '';
					target.style.color = '#000000';
				}
			}
		}
	}
}

/* [04] Check For Redirect
-------------------------------------------------------*/
function redirect(url, seconds) {
	var time = (seconds*1000);
	var redirect = setTimeout('window.location="'+url+'"', time);
}

/* [05] Insert Random Banner
-------------------------------------------------------*/
function updateBanner() {
	//this feature has been dropped for the time being
	return false;

	var banners = new Array();
	
	// Class names to replace with
	banners[0] = 'fancyhelp';
	banners[1] = 'treesprotect';
	banners[2] = 'treesprovide';
	banners[3] = 'treesincome';
	banners[4] = 'treeprojects';
	banners[5] = 'treesenergy';
	
	if (document.getElementById('strap')) {
		 var target = document.getElementById('strap');
		 
		 var i = Math.round(5*Math.random())
	
		 target.className = banners[i];
	}
}

function insertHomeBanner(){
	//homepage banner should not change
	if (document.getElementById('strap')) {
		 document.getElementById('strap').className = 'fancyHelp';
	}
}

/* [06] Home Page - How It Works Rollover
-------------------------------------------------------*/
function rolloverInit1() {
	if (document.getElementById && document.getElementsByTagName && document.getElementById('howitworks')) {
		var target = document.getElementById('howitworks');
		
		// Create a new span element to hold tooltip
		var newNode = document.createElement('span');
		
		// Hide it using the hide class
		newNode.className = 'hide';
		
		target.appendChild(newNode);
		
		// Remove original tooltip
		target.removeAttribute('title');
		
		// Swap classes on rollover/rollout
		target.onmouseover = function() {
			newNode.className = 'show';
		}
		
		target.onmouseout = function() {
			newNode.className = 'hide';
		}
		
	}
}

function rolloverInit() {
	if (document.getElementById && document.getElementById('howitworks') && document.createElement) {
		var target = document.getElementById('howitworks');
		
		// Remove title from anchor, to stop default tooltip
		var linkTarget = target.getElementsByTagName('a')[0];
		linkTarget.removeAttribute('title');
		
		// Fork for IE to stop css positioning bug, which requires us to remove the image and use a background image instead
		if (isMSIE) {
			var imgTarget = target.getElementsByTagName('img')[0];
			target.style.backgroundImage = ('url('+imgTarget.getAttribute('src')+')');
			linkTarget.removeChild(imgTarget);
		}
		
		// Create our spans we need for the rollover effect
		var newSpan1 = document.createElement('span');
		var newSpan2 = document.createElement('span');
		var newSpan3 = document.createElement('span');
		
		newSpan1.id = 'buycarton_trigger';
		newSpan2.id = 'weplant_trigger';
		newSpan3.id = 'howitworks_trigger';
		
		var newInnerSpan1 = document.createElement('span');
		var newInnerSpan2 = document.createElement('span');
		var newInnerSpan3 = document.createElement('span');
		
		newInnerSpan1.id = 'buycarton';
		newInnerSpan2.id = 'weplant';
		newInnerSpan3.id = 'howitworks';
		
		// Allocate classes to hide rollovers
		newInnerSpan1.className = 'hide';
		newInnerSpan2.className = 'hide';
		newInnerSpan3.className = 'hide';
		
		newSpan1.onmouseover = function() {
			newInnerSpan1.className = 'show';
			newInnerSpan2.className = 'hide';
			newInnerSpan3.className = 'hide';
		}
		newSpan1.onmouseout = function() {
			newInnerSpan1.className = 'hide';
		}
		
		newSpan2.onmouseover = function() {
			newInnerSpan1.className = 'hide';
			newInnerSpan2.className = 'show';
			newInnerSpan3.className = 'hide';
		}
		newSpan2.onmouseout = function() {
			newInnerSpan2.className = 'hide';
		}
		
		newSpan3.onmouseover = function() {
			newInnerSpan1.className = 'hide';
			newInnerSpan2.className = 'hide';
			newInnerSpan3.className = 'show';
		}
		newSpan3.onmouseout = function() {
			newInnerSpan3.className = 'hide';
		}
		
		linkTarget.appendChild(newSpan1);
		linkTarget.appendChild(newSpan2);
		linkTarget.appendChild(newSpan3);
		
		linkTarget.appendChild(newInnerSpan1);
		linkTarget.appendChild(newInnerSpan2);
		linkTarget.appendChild(newInnerSpan3);
	
	}
}