// this file will retrieve the machine details on rollover for display to the user.
var machID;
function showMachineDetails(evt){
    if (evt){
        var url = evt.target;
    } else {
        evt = window.event;
        var url = evt.srcElement;
    }
    
   
    xPos = YAHOO.util.Dom.getX(this);
    yPos = YAHOO.util.Dom.getY(this);
    
    var pos = this.href.lastIndexOf("=");
    var listedID = this.href.substr(pos+1);
    machID = listedID;
    
    var prevBox = document.getElementById("previewBox");
    var detailsBox = document.getElementById("machineDetails");
    var callback = {
        success: function (o) {
            detailsBox.innerHTML = o.responseText;    
            prevBox.onmouseout = hideMachineDetails;
        },
        failure: function (o) {
            alert("Could not get machine information at this time.");
        }
    }
    if (yPos > 900){
        yPos = yPos-130;
    }
    YAHOO.util.Dom.setX("previewBox",xPos+100);
    YAHOO.util.Dom.setY("previewBox",yPos-200);
    YAHOO.util.Dom.setStyle("previewBox","visibility","visible");
    
    // prevBox.style.visibility = "visible";
            
    var sURL = "s/getMachineDetails.ashx?m=" + machID + "&q="+Math.random();
    var conn = YAHOO.util.Connect.asyncRequest("GET", sURL, callback);
}

function hideMachineDetails(){
    YAHOO.util.Dom.setStyle("previewBox","visibility","hidden");
    // document.getElementById("previewBox").style.visibility = "hidden";
    document.getElementById("machineDetails").innerHTML = "Fetching Form Details....";
}