﻿// JScript File

function CaseStudiesInitialise() {
    var areas = $("m_scot_map").getElementsByTagName("area");
    for (var i=0;i<areas.length;i++) {
        Event.observe(areas[i],"mouseover",CaseStudiesMouseOver);
        Event.observe(areas[i],"mouseout",CaseStudiesMouseOut);
        areas[i].message = areas[i].alt;
        areas[i].alt = "";
        areas[i].imageName = areas[i].title;
        areas[i].title="";
    }
    var hoverdiv = document.createElement("div");
    hoverdiv.id = "caseStudiesPopUp";
    
    var textPara = document.createElement("p");
    var textNode = document.createTextNode("Hello");
	textPara.appendChild(textNode);
	hoverdiv.appendChild(textPara);
	
	$("form1").appendChild(hoverdiv);
	Element.hide("caseStudiesPopUp");
	
    var para = document.createElement("p");
    
	var mapImg = document.createElement("img");
	mapImg.src = "";

	mapImg.id = "caseStudiesPopUpImage";
	
	//para.appendChild(mapImg);
	hoverdiv.appendChild(para);
	
/*	

	var ladiv = document.createElement("div");
	ladiv.id = "indLAmap"
	var testNode = document.createTextNode("Map Here!!!");
	ladiv.appendChild(testNode);
	$("mainColumn").appendChild(ladiv);	
	
	Element.hide("indLAMap");
	*/
}

function CaseStudiesMouseOver(evt) {
	var sender = Event.element(evt);
	Element.show("caseStudiesPopUp");
	$("caseStudiesPopUp").firstChild.firstChild.nodeValue = sender.message;
	$("caseStudiesPopUp").style.left = (Event.pointerX(evt)) + "px";
	$("caseStudiesPopUp").style.top = (Event.pointerY(evt)) + "px";

/*	
	$("indLAMap").style.height = "200px";
	$("indLAMap").style.width = "200px";
	Element.show("indLAMap");

		
	$("caseStudiesPopUpImage").src = sender.imageName;
	*/
	
	$("scot_map").src = sender.imageName;
	
}
function CaseStudiesMouseOut(evt) {
	Element.hide("caseStudiesPopUp");

	$("scot_map").src = "/WebPages/img/scot_map.gif";
	// Element.hide("indLAMap");
}


Event.observe(window, 'load', function() { CaseStudiesInitialise(); }, false);
