var popupStatus = 0;
var url = 'http://staging.vl2.kul.world.net';
pcode='';
if(typeof('$1')!='function')
	function $1(vl){return (document.getElementById(vl) ? document.getElementById(vl) : null);}

function getXMLObject()
{
			var httpA;
			var XMLHTTP_PROGIDS = ['Msxml2.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.4.0'];
			try
			{
				httpA = new XMLHttpRequest();
			}
			catch(e)
			{
				for(var i in XMLHTTP_PROGIDS)
				{
					httpA = new ActiveXObject(XMLHTTP_PROGIDS[i]);
					if(httpA)	break;
				}
			}
			return (httpA ? httpA : NULL);
}
function getScrollOffset() 
{  
	try
	{
		var y;  
		if (self.pageYOffset)
		{  
			y = self.pageYOffset;  
		}  
		else if (document.documentElement && document.documentElement.scrollTop)  
		{  
			y = document.documentElement.scrollTop;  
		}  
		else if (document.body)
		{  
			y = document.body.scrollTop;  
		}  
		return(y);  		
	}
	catch (e)
	{
		alert('getScrollOffset yells an errors:' + e);
		return;
	}

} 
function getInnerHeight() 
{
	 var y;  
	 if (self.innerHeight) 
	 {  
		y = self.innerHeight;  
	 }  
	 else if (document.documentElement && document.documentElement.clientHeight)  
	 {  
		y = document.documentElement.clientHeight;  
	 }  
	 else if (document.body) 
	 {  
		y = document.body.clientHeight;  
	 }  
	 return(y);  
}
function getScreenCenterY() 
{
	try
	{
		 var y = 0;  
		 var ar = getInnerHeight();

		 y = getScrollOffset()+(getInnerHeight()/2);  
		 return( y ); 		
	}
	catch (e)
	{
		alert('getScreenCenterY yells an errors:' + e);
		return;
	}
 
}  

function getScreenCenterX() 
{
	return(document.body.clientWidth/2);  
}  

function callMap(o)
{
	try
	{
		centerPopup();
		loadMapPopup(o);
	}
	catch (e)
	{
		alert('callMap yells an errors:' + e);
		return;
	}
}
function callPlanner(o)
{
	try
	{
		centerPopup();
		loadPopup(o);
	}
	catch (e)
	{
		alert('callPlanner yells an errors:' + e);
		return;
	}
}


function loadMapPopup(o)
{
	try
	{
		    //var info = new Array('53.145953', '-1.005395', 'GBLIN0318H');
			//if(o.indexOf(';')!=-1)
			
			var info = o.split(';');
			//console.dir(info);
			$("#backgroundPopup").css({'display':'block'});
			$(".curvy_google_black").css({'display':'block'});
			$("#backgroundPopup").css({
				"opacity": "0.2",
				"height" : $(document).height()
			});
			$("#backgroundPopup").fadeIn("slow");
			$(".curvy_google_black").fadeIn("slow");
			popupStatus = 1;

			document.getElementById('map_canvas').src= ( info[3] ? info[3] : '/map?lng='+info[1]+'&lat='+info[0] ) ;
			console.log('google map url: ' + document.getElementById('map_canvas').src);
			//console.log('google map url: ' + '/map?lng='+info[1]+'&lat='+info[0]);
			/*var row = document.createElement('tr');
			var col1 = document.createElement('td');
			var col2 = document.createElement('td');
			col1.innerHTML = 'Go to Google maps <img src="/images/ico_arrowwhite.gif" alt=" next" />';
			col1.setAttribute('align','left');
			col1.setAttribute('valign','middle');
			col1.setAttribute('width','50%');
			col2.innerHTML = 'Add to my planner <img src="/images/b_+white.gif" alt="+" style="cursor:pointer;" onclick="loadProcess(\''+info[2]+'\')"/>';
			col2.setAttribute('align','left');
			col2.setAttribute('valign','middle');
			col2.setAttribute('width','50%');
			row.appendChild(col1);
			row.appendChild(col2);
			document.getElementById('googlemap').appendChild(row);
			*/
	}
	catch (e)
	{
		alert('loadMapPopup yells an errors:' + e);
		return;
	}

}
function loadPopup(o)
{
	try
	{
		
		if(popupStatus==0)
		{
			var html = $1('li');
			$("#backgroundPopup").css({'display':'block'});
			$(".curvy_vp_black").css({'display':'block'});
			$("#backgroundPopup").css({
				"opacity": "0.2",
				"height" : $(document).height()
			});
			$("#backgroundPopup").fadeIn("slow");
			$(".curvy_vp_black").fadeIn("slow");
			var p = getXMLObject();
			p.open('GET', url + '/visit-planner/add-to-planner?pCode=' + o + '&' + Math.random()*11, true);
			p.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			p.setRequestHeader("Connection", "close");
			p.onreadystatechange = function ()
			{
				if(p.readyState=='4' && p.status == 200)	/*request completed*/
				{
					var tmp = eval('('+p.responseText+')');		/*turn search result data structure into a object*/
					$1('li').innerHTML = tmp.htmlMarkup;
				}else
				{
					$1('li').innerHTML = '<table height="200"><tr><td valign="top"><br /><b>&nbsp;&nbsp;Loading..</b></td></tr></table>';
				}
			}
			p.send(null);
			popupStatus = 1;
		}
		else
		{
			$("#backgroundPopup").css({'display':'none'});
			$(".curvy_vp_black").css({'display':'none'});
			popupStatus = 0;
			setTimeout('loadPopup()', 200);
		}		
	}
	catch (e)
	{
		alert('loadPopup yells an errors:' + e);
		return;
	}

}
function loadProcess(pcode)
{
	try
	{
			var html = $1('li');
			var p = getXMLObject();
			p.open('GET', url + '/visit-planner/add-to-planner?add=' + '1' + '&pCode=' +pcode + '&' + Math.random()*11, true);
			p.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			p.setRequestHeader("Connection", "close");
			p.onreadystatechange = function ()
			{
				if(p.readyState=='4' && p.status == 200)	/*request completed*/
				{
					var tmp = eval('('+p.responseText+')');		/*turn search result data structure into a object*/
					$1('li').innerHTML = tmp.htmlMarkup;
				}else
				{
					$1('li').innerHTML = '<table height="200"><tr><td valign="top"><br /><b>&nbsp;&nbsp;Loading..</b></td></tr></table>';
				}
			}
			p.send(null);
			popupStatus = 1;		
	}
	catch (e)
	{
		alert('loadPopup yells an errors:' + e);
		return;
	}
}
function disablePopup()
{
	if(popupStatus==1)
	{
		$("#backgroundPopup").fadeOut("slow");
		$(".curvy_vp_black").fadeOut("slow");
		$(".curvy_google_black").fadeOut("slow");
		popupStatus = 0;
	}
}
function centerPopup()
{
	try{
		var popupWidth = $(".curvy_vp_black").width();

		$(".curvy_vp_black").css({
			"position": "absolute",
			"top": getScreenCenterY(),
			"left": getScreenCenterX()
		});
		$(".curvy_google_black").css({
			"position": "absolute",
			"top": getScreenCenterY(),
			"left": getScreenCenterX()
		});
	}catch(e)
	{
		alert('centerPopUp yells an error:' + e);
		return;
	}

}
$(document).ready(function()
{
   
	$("#popupContactClose").click(function()
	{
		disablePopup();
	});
	$("#backgroundPopup").click(function(){
		disablePopup();
	});
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});
});