// TURN A WHOLE DIV INTO A LINK  SCRIPT
/*
	This script turns div with links inside them into a link when they are clicked
	and also when they are moused over/out they retain link-like properties
*/

// variables
var i;
var divToBeLinked = 'midholder';
var blockClass = 'block';

function makeDivALink(){
		if(!document.getElementById) return false; // cancel if broswer doesn't support the DOM
		if (!document.getElementsByTagName) return false;// cancel if broswer doesn't support the DOM
		var hrefLink;
		var blocks = document.getElementById(divToBeLinked);
		var blockdivs = blocks.getElementsByTagName("div");	
		for(var i = 0; i <blockdivs.length; i++){
			if(blockdivs[i].className == blockClass){
				hrefLink = blockdivs[i].getElementsByTagName("a");
					for(var ii = 0; ii < hrefLink.length; ii++){
						createLinkFunctionality(blockdivs[i],hrefLink[ii]);
					}
			}
		}
}

// turn divs into proper links with all mouse functionailty,  
// e.g. cursor/background-color changes
function createLinkFunctionality(block,hrefLink){
	if(!hrefLink) return false;
	if(!block) return false;
	block.onmouseover= function(){
		//block.style.backgroundColor = '#FFF'; // change background coour on hover (for IE6)
		if(hrefLink){
			block.style.cursor = 'pointer'; // change cursor to hyperlink style
		}
	}
	block.onmouseout= function(){// put background colour back on mouse out (for IE6)
			//block.style.backgroundColor = '#F8F7F2';
	}
	if(hrefLink){
		block.onclick= function(){ // send user to link value
			window.location = hrefLink;
			return true;
		}
	}
}


addEvent(window,"load",makeDivALink);