var gstrBsAgent 	= navigator.userAgent.toLowerCase();
var gnBsVer	   		= parseInt(navigator.appVersion);

var gbBsOpera		= (gstrBsAgent.indexOf('opera') != -1);
var gbBsKonqueror	= (gstrBsAgent.indexOf('konqueror') != -1);
var gbBsSafari		= (gstrBsAgent.indexOf('safari') != -1);
var gbBsIE  		= (gstrBsAgent.indexOf('msie') != -1) && !gbBsOpera && !gbBsKonqueror && !gbBsSafari;
var gbBsNS  		= (gstrBsAgent.indexOf('mozilla') != -1) && ((gstrBsAgent.indexOf('spoofer') == -1) && (gstrBsAgent.indexOf('compatible') == -1)) && !gbBsOpera && !gbBsKonqueror && !gbBsSafari;

var gbBsMac			= (gstrBsAgent.indexOf('mac') != -1);
var gbBsWindows		= ((gstrBsAgent.indexOf('win') != -1) || (gstrBsAgent.indexOf('16bit') != -1));
var gbBsSunOS		= (gstrBsAgent.indexOf("sunos") != -1);

var gbBsIE3Before 	= ((gbBsIE) && (gnBsVer <= 2));
var gbBsNS3Before 	= ((gbBsNS) && (gnBsVer <= 3));

var gbBsNS2			= ((gbBsNS) && (gnBsVer <= 2));
var gbBsNS3			= ((gbBsNS) && (gnBsVer == 3));
var gbBsIE300301	= ((gbBsIE) && (gnBsVer == 2) && ((gstrBsAgent.indexOf("3.00") != -1)||(gstrBsAgent.indexOf("3.0a") != -1)||(gstrBsAgent.indexOf("3.0b")!=-1)||(gstrBsAgent.indexOf("3.01")!=-1)));
var gbBsIE302		= ((gbBsIE) && (gnBsVer == 2) && (gstrBsAgent.indexOf("3.02") != -1));

var gbBsNS4			= ((gbBsNS) && (gnBsVer >= 4));
var gbBsNS6			= ((gbBsNS) && (gnBsVer >= 5));
var	gbBsNS7			= false;

var gbBsIE4			= ((gbBsIE) && (gnBsVer >= 4));
var gbBsIE5			= false;
var gbBsIE55		= false;

var gbBsOpera6		= false;
var gbBsOpera7		= false;

var gbBsKonqueror3	= false;

gbBsIE = (navigator.appName.indexOf("Microsoft") != -1) && !gbBsOpera && !gbBsKonqueror && !gbBsSafari;;
if (gbBsIE)
{
	if (parseInt(navigator.appVersion) >= 4) {
		gbBsIE4 = true;
		if (gbBsIE4) {
			var nPos = gstrBsAgent.indexOf("msie");
			var strIEversion = gstrBsAgent.substring(nPos + 5);
			var nVersion =  parseFloat(strIEversion);
			if (nVersion >= 5)
				gbBsIE5 = true;
			if (nVersion >= 5.5)
				gbBsIE55 = true;
		}
	}
}
if (gbBsNS6)
{
	var nPos=gstrBsAgent.indexOf("gecko");
	if(nPos!=-1)
	{
		var nPos2=gstrBsAgent.indexOf("/", nPos);
		if(nPos2!=-1)
		{
			var nVersion=parseFloat(gstrBsAgent.substring(nPos2+1));
			if (nVersion>=20020823)
				gbBsNS7=true;
		}
	}	
}
if (gbBsOpera)
{
	var nPos = gstrBsAgent.indexOf("opera");
	if(nPos!=-1)
	{
		var nVersion = parseFloat(gstrBsAgent.substring(nPos+6));
		if (nVersion >= 6)
		{
			gbBsOpera6=true;
			if (nVersion >=7)
				gbBsOpera7=true;	
		}
	}
}
if (gbBsKonqueror)
{
	var nPos = gstrBsAgent.indexOf("konqueror");
	if(nPos!=-1)
	{
		var nVersion = parseFloat(gstrBsAgent.substring(nPos+10));
		if (nVersion >= 3)
		{
			gbBsKonqueror3=true;
		}
	}
}


var popupDevice;
var eventX;
var eventY;
var infoWinHeight = 200;
var infoWinWidth = 300;
var gBsClientWidth;
var gBsClientHeight;
var popupAtt;

function myBSSCPopup(event, strURL, infonum)
{
    var popupContent = document.getElementById("PopupTopic"+infonum);
    _BSPSGetBrowserInfo();
    if (popupContent == null ) {
        eventX=event.clientX;
        eventY=event.clientY;
        popupURL = strURL;
	    if (BsscHasExtJs())	{ 
		    BsPopup_CreateDiv(infonum);
            placeDiv(infonum);
	    }    
    }else {
        popupContent.style.visibility = gBsStyVisShow;
    }
}

function myBSSCPopup2(event, strURL, attributes)
{
    var popupContent = document.getElementById("PopupFoto");
    _BSPSGetBrowserInfo();
    if (popupContent == null ) {
        eventX=event.clientX;
        eventY=event.clientY;
        popupURL = strURL+"?"+attributes;
        //popupAtt = attributes;
	    if (BsscHasExtJs())	{ 
		    BsPopup_CreateDiv2();
            placeDiv2();
	    }    
    }else {
        popupContent.style.visibility = gBsStyVisShow;
    }
    
    hideDropDowns();
}

// Local functions.
function BsPopup_CreateDiv(infonum)
{
	//var strPopupDiv = "<DIV ID='Popup0' STYLE='position:absolute; top:100pt; right:100pt; z-index:600;'>";
	//strPopupDiv += "<DIV ID='PopupShadow0' STYLE=\"position:absolute;top:0; left:0;  background-color:#C0C0C0;\"></DIV>";
	var strPopupDiv = "<DIV ID='PopupTopic"+infonum+"' STYLE=\"position:absolute; z-index:600; background-color:#FFFFFF;border:1px #000000 outset;\">";
	strPopupDiv += "<A href='javascript:void(0);' OnClick='popupClose("+infonum+");' class='sampleSluit'>Sluit</A><IFRAME title=\"Popup Window\" ID='PopupIFrame"+infonum+"' name='PopupIFrame"+infonum+"' src = '" + popupURL + "' frameborder=0 scrolling=auto></IFRAME>";
	
	//strPopupDiv += "</DIV></DIV>";
	strPopupDiv += "</DIV>";

	var objBody = getElementsByTag(document, "form")[0];
	if( typeof(objBody) != "object" )
		return;
    
    insertAdjacentHTML(objBody, "afterBegin", strPopupDiv);
    
    
   // }
}

// Local functions.
function BsPopup_CreateDiv2()
{
	//var strPopupDiv = "<DIV ID='Popup0' STYLE='position:absolute; top:100pt; right:100pt; z-index:600;'>";
	//strPopupDiv += "<DIV ID='PopupShadow0' STYLE=\"position:absolute;top:0; left:0;  background-color:#C0C0C0;\"></DIV>";
	var strPopupDiv = "<DIV ID='PopupFoto' STYLE=\"position:absolute; z-index:1600; background-color:#3a6ea5;border:1px #000000 outset;\">";
	strPopupDiv += "<A href='javascript:void(0);' OnClick='popupClose(5);' style='color: White;'>Sluit</A><IFRAME title=\"Sample Foto\" ID='FotoFrame' name='FotoFrame' src = '" + popupURL + "' frameborder=0 scrolling='no'></IFRAME>";
	//style=\"overflow: hidden; overflow-x:hidden;\"
	//strPopupDiv += "</DIV></DIV>";
	strPopupDiv += "</DIV>";

	var objBody = getElementsByTag(document, "form")[0];
	if( typeof(objBody) != "object" )
		return;
    
    insertAdjacentHTML(objBody, "afterBegin", strPopupDiv);
   // }
}

function insertAdjacentHTML(obj, where, htmlStr)
{
	if (gbBsIE || gbBsOpera7)
	{
		obj.insertAdjacentHTML(where, htmlStr);
	}
	else if (gbBsNS6 || gbBsSafari)
	{
		var r = obj.ownerDocument.createRange();
		r.setStartBefore(obj);
		var	parsedHTML = r.createContextualFragment(htmlStr);
		
		switch (where){
		case 'beforeBegin':
			obj.parentNode.insertBefore(parsedHTML,obj);
			break;
		case 'afterBegin':
			obj.insertBefore(parsedHTML,obj.firstChild);
			break;
		case 'beforeEnd':
			obj.appendChild(parsedHTML);
			break;
		case 'afterEnd':
			if (obj.nextSibling){
			obj.parentNode.insertBefore(parsedHTML,obj.nextSibling);
			} else {
			obj.parentNode.appendChild(parsedHTML);
			}
			break;
		}
	}
}

function placeDiv(infonum)
{
    _BSPSGetClientSize()
    var xoffset;
    var yoffset;
    //alert("w: "+gBsClientWidth+" h:"+gBsClientHeight);
    //alert("x: "+eventX+" Y: "+eventY+" size: "+winWidth+"x"+winHeight);
    
    //popupDevice = document.getElementById("Popup0");
    var popupContent= document.getElementById("PopupTopic"+infonum);
    xoffset = gBsClientWidth - popupContent.clientWidth - 60; //60px security margin
    if (eventY + popupContent.clientHeight + 20 > gBsClientHeight)
    {
        //if not enough space to put it nuder the clicked point
        yoffset = eventY - popupContent.clientHeight;
    }else{
        //otherwise
        yoffset = eventY + 20;
    }
        
    popupContent.style.left = xoffset+"px";
    popupContent.style.top = yoffset+"px";
    //popupDevice.offsetLeft = xops;
    //popupContent.clientWidth = 200;
    //popupContent.clientHeight = 100;
    
	return;
}

function placeDiv2()
{
    _BSPSGetClientSize()
    var xoffset;
    var yoffset;
    //alert("w: "+gBsClientWidth+" h:"+gBsClientHeight);
    //alert("x: "+eventX+" Y: "+eventY+" size: "+winWidth+"x"+winHeight);
    
    //popupDevice = document.getElementById("Popup0");
    var popupContent= document.getElementById("PopupFoto");
    xoffset = gBsClientWidth * 0.2 - 70; //60px security margin
    //if (eventY + popupContent.clientHeight + 20 > gBsClientHeight)
    //{
        //if not enough space to put it nuder the clicked point
        yoffset = 110;
    //}else{
        //otherwise
        //yoffset = eventY + 20;
    //}

    popupContent.style.left = xoffset+"px";
    popupContent.style.top = yoffset+"px";
    //popupDevice.offsetLeft = xops;
    //popupContent.clientWidth = 200;
    //popupContent.clientHeight = 100;
    
	return;
}

function popupClose(infonum)
{
    var popupContent=null;
    if (infonum == 5)
        popupContent= document.getElementById("PopupFoto");
    else
        popupContent= document.getElementById("PopupTopic"+infonum);
    popupContent.style.visibility = gBsStyVisHide;
    
    showDropDowns();
}

function getElementsByTag(obj,sTagName)
{
	if(obj.getElementsByTagName)
		return obj.getElementsByTagName(sTagName);
	else if(obj.all)
		return obj.all.tags(sTagName);
	return null;
}

//Get client size info
function _BSPSGetClientSize()
{
	if (gbBsNS4||gbBsKonqueror3||gbBsSafari)
	{
		gBsClientWidth	= innerWidth;
		gBsClientHeight = innerHeight;
	}
	else if (gbBsIE4 || gbBsOpera7)
	{
		gBsClientWidth	= document.body.clientWidth;
		gBsClientHeight = document.body.clientHeight;
	}
}

// Utilities functions.
function BsscHasExtJs()
{
	if( gbBsIE3Before || gbBsNS3Before)
		return false;
	return true;
}

//Here is the browser type 
function _BSPSGetBrowserInfo()
{
	if (gbBsNS4&&!gbBsNS6)
	{
		gBsStyVisShow	= "show";
		gBsStyVisHide	= "hide";
	}
	else
	{
		gBsStyVisShow	= "visible";
		gBsStyVisHide	= "hidden";
	}
}

function hideDropDowns()
{
    document.getElementById("Province_cmb").style.display = "none";   
    document.getElementById("plaats_cmb").style.display = "none";   
}

function showDropDowns()
{
    document.getElementById("Province_cmb").style.display = "";
    document.getElementById("plaats_cmb").style.display = ""; 
}