// JavaScript enhancement functions - videos
// www.dulux.co.uk
// Oliver J Bishop
// (c) ICI Ltd 2008
YAHOO.namespace('dulux.co.uk');



YAHOO.dulux.co.uk.initVideoRollovers = function() { // Configure dynamic colour chip rollovers

		var addVideoRollovers = function () {
			var dom = YAHOO.util.Dom;
		//blah	
		
		var elements = dom.getElementsByClassName('imgVideo');
		
		for (var j = 0; j < elements.length; j++) {
			thisVideo = dom.get(elements[j]);
			thisVideo.id = "video_"+j;
			YAHOO.util.Event.addListener(thisVideo, "mouseover", fnShowVideorollover);
			YAHOO.util.Event.addListener(thisVideo, "focus", fnShowVideorollover);
		}
		
		}

function fnShowVideorollover(e) {
		var dom = YAHOO.util.Dom;		
		var coord = dom.getXY(this);
		var vidrolloverDiv = document.getElementById("videoOverlay");
		var vidwordsrolloverDiv = document.getElementById("videoWordsOverlay");
		vidrolloverDiv.style.display = 'block';	
		vidwordsrolloverDiv.style.display = 'block';	
		var linkURL = this.parentNode.getAttribute("href");
		//vidwordsrolloverDiv.onclick=function(){YAHOO.dulux.co.uk.forwardToURL(this); return false;};
		vidwordsrolloverDiv.onclick=new Function("evt", "window.location='" + linkURL + "';"); 

		coord2 = dom.getXY(vidrolloverDiv);
		dom.setX(vidrolloverDiv, coord[0]);
		dom.setY(vidrolloverDiv, coord[1]);
		dom.setX(vidwordsrolloverDiv, coord[0]);
		dom.setY(vidwordsrolloverDiv, coord[1]);

		
		var picURL = this.getAttribute("src");
		var linkURL = this.parentNode.getAttribute("href");
		// add listener for mouseout on the whole rollover (newRollover) 
		YAHOO.util.Event.addListener(document.getElementById("videoWordsOverlay"), "mouseout", fnHideVideorollover);
		vidrolloverDiv.style.display = 'block';	
		vidwordsrolloverDiv.style.display = 'block';	

}

	function fnHideVideorollover(e) { // Hide colour chip rollover
        var tg = (window.event) ? e.srcElement : e.target;
        if (tg.nodeName !== 'DIV') { return; }
        
        var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
        
        if (reltg) {
            while (reltg !== tg && reltg.nodeName !== 'BODY') {
            	reltg= reltg.parentNode;
            	}
            }
        if (reltg === tg) {return;}
        // Mouseout took place when mouse actually left layer
        // Handle event
        
        document.getElementById("videoOverlay").style.display = 'none';
        document.getElementById("videoWordsOverlay").style.display = 'none';
}

//blah

addVideoRollovers();
}

YAHOO.util.Event.addListener(window, 'load', YAHOO.dulux.co.uk.initVideoRollovers);