var giPosx = 0;
var giPosy = 0;
var bShowToolTip = false;
var giClienty = 0; 
var giClientx = 0; 
var gbMouseIn;


var oTimer;
var oXmlHttp = NewXMLHttp();

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			   string: navigator.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();


function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

  
function NewXMLHttp()
{
    var Obj;

    if (window.XMLHttpRequest)
    {
        Obj = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        Obj = new window.ActiveXObject("Microsoft.XMLHTTP");
    }
    
    return Obj;
}
            
function LoadInfo(iVehicleId)
{
    oXmlHttp.open("POST", "includes/forwardWSRequest.asp", true); // forward slash mist geeft een error 500
    oXmlHttp.setRequestHeader("RedirectURL", "http://www.trucks.nl/dealerFrameless/VehicleInfoService.wso");
    oXmlHttp.setRequestHeader("MessageType", "CALL");
    oXmlHttp.setRequestHeader("Content-Type", "text/xml; charset=utf-8");
    oXmlHttp.onreadystatechange = OnReadyStateChange; 
    oXmlHttp.send(
        '<?xml version="1.0" encoding="utf-8"?>\n' +
        '<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">\n' +
        '  <soap:Body>\n' +
        '    <getVehicleInfo xmlns="http://www.trucks.nl">\n' +
        '        <iVehicleId>' + iVehicleId + '</iVehicleId>\n' +
        '        <iLanguageId>' + '2' + '</iLanguageId>\n' +         
        '    </getVehicleInfo>\n' +
        '  </soap:Body>\n' +
        '</soap:Envelope>\n');
}

function OnReadyStateChange()
{
    if (oXmlHttp != null)
    {
        if (oXmlHttp.readyState == 4)
        { 
            // Try-catch block for FireFox, FireFox throws an exception if you access
            // oXmlHttp.Status after an abort has been called.
            try
            {                    
                if (oXmlHttp.status == 200)
                {                
                    var oXml;
                    var sPrefix;
                    
                    var oToolTip, oTable, oRow, oCell;     
                    var sId, sConstruction, sType, sMake, sYear, sPrice, sCompanyName, sCountry; 

                    //if (document.all) { sPrefix = "m:"; } // For Microsoft. Microsoft expects namespace
                    //else { sPrefix = ""; } 

                    if (BrowserDetect.browser == "Chrome" || BrowserDetect.browser == "Opera" || BrowserDetect.browser == "Safari") {sPrefix = "";}
					else sPrefix = "m:";
                    
                    oXml = oXmlHttp.responseXML;  
                    try { sId = oXml.getElementsByTagName(sPrefix + "Id")[0].firstChild.nodeValue; } catch (err) {sId = "";}                                          
                    try { sConstruction = oXml.getElementsByTagName(sPrefix + "Construction")[0].firstChild.nodeValue; } catch (err) { sConstruction = "";}                      
                    try { sType = oXml.getElementsByTagName(sPrefix + "Type")[0].firstChild.nodeValue; } catch (err) { sType = "";}                      
                    try { sMake = oXml.getElementsByTagName(sPrefix + "Make")[0].firstChild.nodeValue; } catch (err) {sMake = "";}                      
                    try { sYear = oXml.getElementsByTagName(sPrefix + "Year")[0].firstChild.nodeValue; } catch (err) { sYear = "";}                      
                    try { sPrice = oXml.getElementsByTagName(sPrefix + "Price")[0].firstChild.nodeValue; } catch (err) {sPrice = "";}                      
                    try { sCompanyName = oXml.getElementsByTagName(sPrefix + "CompanyName")[0].firstChild.nodeValue; } catch (err) { sCompanyName = ""; }                                          
                    try { sCountry = oXml.getElementsByTagName(sPrefix + "Country")[0].firstChild.nodeValue; } catch (err) { sCountry = ""; }                                          
                                        
                    oToolTip = document.getElementById("ToolTip");
                    
                    if ( oToolTip.firstChild != null) oToolTip.removeChild(oToolTip.firstChild);                   
                    
                    oTable = document.createElement("table");

                    //Make
                    oRow = oTable.insertRow(-1);
                    oCell = oRow.insertCell(-1);
                    oCell.innerHTML = gsMakeLabel + ": ";
                    
                    oCell = oRow.insertCell(-1);
                    oCell.innerHTML = sMake;
                    
                    //Construction
                    oRow = oTable.insertRow(-1);
                    oCell = oRow.insertCell(-1);
                    oCell.innerHTML = gsConstructionLabel + ": ";
                    
                    oCell = oRow.insertCell(-1);
                    oCell.innerHTML = sConstruction;     

                    //Type
                    oRow = oTable.insertRow(-1);
                    oCell = oRow.insertCell(-1);
                    oCell.style.verticalAlign = "top"; 
                    oCell.innerHTML = gsTypeLabel + ": ";
                    
                    oCell = oRow.insertCell(-1);
                    oCell.innerHTML = sType;      
                    
                    //Year
                    if (sYear!='') {
                        oRow = oTable.insertRow(-1);
                        oCell = oRow.insertCell(-1);
                        oCell.innerHTML = gsYearLabel + ": ";
                        
                        oCell = oRow.insertCell(-1);
                        oCell.innerHTML = sYear;
                    }                    
                    //ID
                    if (sId!='') {
                        oRow = oTable.insertRow(-1);
                        oCell = oRow.insertCell(-1);
                        oCell.innerHTML = gsId + ": ";
                        
                        oCell = oRow.insertCell(-1);
                        oCell.innerHTML = sId;                    
                    }
                    
                    //Price
                    if (sPrice!='') {
                        oRow = oTable.insertRow(-1);
                        oCell = oRow.insertCell(-1);
                        oCell.innerHTML = gsPrice + ": ";
                        
                        oCell = oRow.insertCell(-1);
                        oCell.innerHTML = sPrice;                    
                    }                    

                    //Add the table to the tooltip
                    oToolTip.appendChild(oTable);
                    bShowToolTip = true;
                   
                    positionToolTip();                            
                }
            }         
            catch (error)
            {
            }
        }
    }    
}

function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft;
        curtop = obj.offsetTop;
        while (obj = obj.offsetParent) {
	        curleft += obj.offsetLeft;
	        curtop += obj.offsetTop;
        }
    }   
    return [curleft,curtop];
}

function hideToolTip()
{   
    document.getElementById("ToolTip").style.visibility = "hidden";            
    //Reset global vars
    bShowToolTip = false; 
    gbMouseIn = false;
    //Cancel possible current request
    clearTimeout(oTimer);    
    oXmlHttp.abort();
}

function positionToolTip(e)
{
    var ToolTip = document.getElementById("ToolTip");
                  
    if(window.event)
    {
        e = window.event;            
        if (e.pageX || e.pageY) 	{
            giPosx = e.pageX;
            giPosy = e.pageY;
        }
        else if (e.clientX || e.clientY) 	{
            giPosx = e.clientX + document.body.scrollLeft
	            + document.documentElement.scrollLeft;
            giPosy = e.clientY + document.body.scrollTop
	            + document.documentElement.scrollTop;
            giClienty = e.clientY;
            giClientx = e.clientX;
        }
        // posx and posy contain the mouse position relative to the document
        // Do something with this information
    }
    else if(e)
    {                	        
        if (e.pageX || e.pageY) {
            giPosx = e.pageX;
            giPosy = e.pageY;
            giClienty = e.pageY;
            giClientx = e.pageX;
        }
        else if (e.clientX || e.clientY) 	{
            giPosx = e.clientX + document.body.scrollLeft
                + document.documentElement.scrollLeft;
            giPosy = e.clientY + document.body.scrollTop
                + document.documentElement.scrollTop;
            giClienty = e.clientY;
            giClientx = e.clientX;
        }
        // posx and posy contain the mouse position relative to the document
        // Do something with this information                
    }
                
    if(bShowToolTip && gbMouseIn)
    {       	        
        if(giClienty > (document.documentElement.clientHeight - ToolTip.clientHeight))
        {                    
            ToolTip.style.top = giPosy - 5 - ToolTip.clientHeight + "px";                                             
        }
        else
        {                    
            ToolTip.style.top = giPosy + 5 + "px";    
        }   
        
        // - 6 added for small descrepancy where the actual width of the site is a few pixels outside of the browser.
        if(giClientx > (document.documentElement.clientWidth - ToolTip.clientWidth) - 6)
        {
            ToolTip.style.left = giPosx - 5 - ToolTip.clientWidth + "px";
        }
        else
        {
            ToolTip.style.left = giPosx + 5 + "px";
        }
        
        ToolTip.style.visibility = "visible";
    }
    else
    {
        ToolTip.style.visibility = "hidden";        
    }            
}

function showToolTip(e, sender, iVehicleId)
{                 
    bShowToolTip = false;
    gbMouseIn = true;     
    
    if(!e) var e = window.event;
    if (e.pageX || e.pageY) 	{
        giPosx = e.pageX;
        giPosy = e.pageY;
        giClienty = e.pageY;
        giClientx = e.pageX;
    }
    else if (e.clientX || e.clientY) 	{
        giPosx = e.clientX + document.body.scrollLeft
	        + document.documentElement.scrollLeft;
        giPosy = e.clientY + document.body.scrollTop
	        + document.documentElement.scrollTop;
        giClienty = e.clientY;
        giClientx = e.clientX;
    }
    // posx and posy contain the mouse position relative to the document
    // Do something with this information
                
    oTimer = setTimeout("LoadInfo("+iVehicleId+")", 1000);
}