// JScript File

var IE = document.all?true:false
var globalID = "";
var overLargeImage = false;

if (!IE) 
{
    document.captureEvents(Event.MOUSEMOVE)
}

var isMouseIn = false;

function loadImage(image, cssClass)
{
    if (image == 'blank.gif')
    {
        largeImage.style.visibility = "hidden";
    }   
    else
    {
        largeImage.style.visibility = "visible";
    }
    largeImage.style.backgroundImage ="url(images/" + image + ")";
    largeImage.className = "framedPicture " + cssClass
}


// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) 
{
	var posx = 0;
	var posy = 0;
	if (!e)
	{
	    e = window.event;
	}
	if (e.pageX || e.pageY) 	
	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	
	{
		posx = e.clientX + document.body.scrollLeft	+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
	
	posx = posx;
	posy = posy - 200;
	
	if (posy < 310)
	{
	    posy = 310;
	}
    // show the position values in the form named Show
    // in the text fields named MouseX and MouseY
    document.getElementById("divSiteDesc").style.top = posy + 'px';
    document.getElementById("divSiteDesc").style.left = posx + 'px';
    window.status = "X = " + posx + "    ,   Y = " + posy;
    return true;
}

function MouseIn(e, id)
{
    if (!isMouseIn)
    {
        isMouseIn = true;
        getMouseXY(e);

        var xmlLib = new SoftXMLLib();

        xmlLib.load('portfolio.xml');

        if(xmlLib.loadXMLError!=0)
        {
	        alert("There was a problem loading the data for this web site");
	    }
        else
        {
	        childs = xmlLib.selectNodes("//portfolio/" + id);
	        
            var theEl = document.getElementById("divSiteDesc");
            document.getElementById("largeimage").src = 'images/' + xmlLib.selectNodes("//portfolio/" + id + "/image")[0].innerText;
            document.getElementById("divider").style.width = xmlLib.selectNodes("//portfolio/" + id + "/width")[0].innerText - 20 + "px";
            theEl.style.width = xmlLib.selectNodes("//portfolio/" + id + "/width")[0].innerText + "px";
            theEl.style.height = xmlLib.selectNodes("//portfolio/" + id + "/height")[0].innerText + "px";
            SetInnerText(document.getElementById("imageTitle"), xmlLib.selectNodes("//portfolio/" + id + "/title")[0].innerText);
            SetInnerText(document.getElementById("imageDescription"), xmlLib.selectNodes("//portfolio/" + id + "/description")[0].innerText);
            document.getElementById("webAnchor").href = xmlLib.selectNodes("//portfolio/" + id + "/webaddress")[0].innerText;
            SetInnerText(document.getElementById("webAddress"), xmlLib.selectNodes("//portfolio/" + id + "/webaddress")[0].innerText);
            theEl.style.visibility = 'visible';

        }



    }  
}


function SetInnerText(obj, text)
{
    if (!IE)
    {
        obj.textContent = text;
    }
    else
    {
        obj.innerHTML = text;
    }
}

function MouseOut()
{
    setTimeout(DelayMouseOut, 2);
}

function DelayMouseOut()
{
    if (!overLargeImage)
    {
        document.getElementById("divSiteDesc").style.visibility = 'hidden';
        document.getElementById("largeimage").src = "images/blank.gif";
        isMouseIn = false;
    }
}

function OutLarge(evt)
{
    overLargeImage = false;
    MouseOut();
}

function OverLarge(evt)
{
    overLargeImage = true;
}