// Utility javascript
// bevat code om de inhoud van een pushpin on demand AJAX-gewijs op te vragen aan server en dan weer te geven in een DIV
// handelt ook de afbraak van alle gebruikte objecten af (via timing)

//FIELDS
var resultaat = null;
var vx = null;
var vy = null;
var vdetails = null;
var vtitle = null;
//METHODS
function LoadDiv(x,y,title,details)
{    
    vx = x;
    vy = y;
    vdetails = details;
    vtitle = title
    Anthem_PushpinDetails(vtitle);
}

function Anthem_PushpinDetails(vtitle) 
{
	Anthem_InvokePageMethod(
						'Anthem_PushpinDetails',
						[vtitle],
						
						function(result)
						{
						//inhoud van div opvragen aan server
						resultaat = result.value;
						//Div bouwen
						BuildDiv(vx,vy);
						} 
						
						);
						
}

function BuildDiv(x,y)
{


    if(document.getElementById('PushpinDetail') == null)
        {       
            var loadingIMG = document.createElement("IMG");
            loadingIMG.id = "loadingIMG";
    		loadingIMG.style.position = "absolute";
			loadingIMG.style.left = x;
			loadingIMG.style.top = y;
			loadingIMG.style.width = "100px";
			loadingIMG.src = "Images/loading.gif";
			loadingIMG.style.zIndex = "9998";
			document.body.appendChild(loadingIMG);
		    var vt=setTimeout("document.body.removeChild(loadingIMG)",500);	
		    vt = null;
		    clearTimeout(vt);
		    
   			var loading = document.createElement("div");
			loading.id = "PushpinDetail";
			loading.style.paddingLeft = "5px";
			loading.style.paddingRight = "5px";
			loading.style.position = "absolute";
			loading.style.left = x;
			loading.style.top = y;
			loading.style.zIndex = "9997";
			loading.innerHTML = resultaat;
			document.body.appendChild(loading);
			
		
            //click event toevoegen om object te verwijderen
    	    loading.onclick= function()
		        {
	            document.body.removeChild(PushpinDetail);
		            
		    
		        }
	    }


}