var textArray = [
"We also cater for personal clients.",
"Starting a business? Here is how we can help.",
"We know the problems. We have the solutions!",
"To us, that\'s a business with up to £1m turnover",
"To us, that\'s a business with over £1m turnover"];

window.addEvent("domready",function(ev){
	$each($$(".HOME_AreYouItem"),function(ele,i){
		var newAppearBox = new Element("DIV").setStyles({
				position:"absolute",
				top:ele.offsetTop,
				left:ele.offsetLeft,
				width:ele.offsetWidth,
				height:"106px",
				backgroundColor:"#ffffff",
				zIndex:9,
				"opacity":0.0,
				color:"#333333",
				fontWeight:"bold",
				overflow:"hidden",
				visibility:"visible",
				cursor:"pointer"
		});
		newAppearBox.store("targetLink",ele.getElements("A")[0].href);
		newAppearBox.addEvent("click",function(){
				window.location = this.retrieve("targetLink");
		});
		newAppearBox.store("width",ele.offsetWidth);
		newAppearBox.store("height","106");
		newAppearBox.store("left",ele.offsetLeft);
		newAppearBox.store("top",ele.offsetTop);

		var newAppearBox_inner = new Element("DIV").setStyles({
				height:ele.offsetHeight.toInt()+48,
				padding:"10px"
		});
		newAppearBox_inner.innerHTML = textArray[i];
		newAppearBox.appendChild(newAppearBox_inner);
		newAppearBox.store("isOpen",false);
		newAppearBox.addEvent("mouseover",function(ele2){
			if (!this.retrieve("isOpen")) {
				this.store("isOpen",true);
				this.setStyle("opacity",0.1);
				this.setStyle("visibility","visible");
				this.morph({
					top:this.retrieve("top").toInt()-48,
					height:this.retrieve("height").toInt()+48,
					backgroundColor:"#cccccc",
					"opacity":0.9
				});
			}
		});
		newAppearBox.addEvent("mouseout",function(ele2){
			if (this.retrieve("isOpen")) {
				this.morph({
					top:this.retrieve("top").toInt(),
					height:this.retrieve("height").toInt(),
					backgroundColor:"#ffffff",
					opacity:0.0,
					"visibility":"visible"
				});
				this.store("isOpen",false);
			}
		});
		ele.parentNode.appendChild(newAppearBox);
	});
});