var mapImgWidth = 160;
var mapImgHeight = 142;
var mapImgStartPosition = 40;
var mapImgCurrentPosition = mapImgStartPosition;
var blnOpen = false;
var blnHorizontal = true;

function MoveOut()
{
	if(mapImgCurrentPosition!=(mapImgStartPosition+(blnHorizontal?mapImgWidth-20:mapImgHeight)))
	{
		blnOpen = true;
		mapImgCurrentPosition = mapImgCurrentPosition+5;
		if(blnHorizontal)
			document.getElementById("mapShow").style.left=(mapImgCurrentPosition) + 'px';
		else
			document.getElementById("mapShow").style.top=(mapImgCurrentPosition) + 'px';
			
		setTimeout("MoveOut()",1);
	}
}

function MoveIn()
{
	if(mapImgCurrentPosition!=mapImgStartPosition)
	{
		blnOpen = false;
		mapImgCurrentPosition = mapImgCurrentPosition-5;
		if(blnHorizontal)
			document.getElementById("mapShow").style.left=(mapImgCurrentPosition) + 'px';
		else
			document.getElementById("mapShow").style.top=(mapImgCurrentPosition) + 'px';
			
		setTimeout("MoveIn()",1);
	}
}

function Move()
{
//debugger;
    var is_ie     = (navigator.userAgent.toLowerCase().indexOf("msie") != -1);
    var is_ie7     = (navigator.userAgent.toLowerCase().indexOf("msie 7") != -1);
    
	if(blnOpen)
	{
	    document.getElementById("contactBottomrightImg").src = "/images/contact/contactBottomRight.png";
	    
	    if(is_ie && (!is_ie7))
	        document.getElementById("contactBottomright").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src="/images/contact/contactBottomRight.png";
	    
	    MoveIn();
	}
	else
	{
	    document.getElementById("contactBottomrightImg").src = "/images/contact/contactBottomRightClose.png";
	    
	    if(is_ie && (!is_ie7))
	        document.getElementById("contactBottomright").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src="/images/contact/contactBottomRightClose.png";
		MoveOut();
	}
}

function Preloader()
{
	images = new Array();
	images[0]="/images/contact/klein/Utrecht.gif";
	images[1]="/images/contact/klein/Noord_holland.gif";
	images[2]="/images/contact/klein/Zuid_holland.gif";
	images[3]="/images/contact/klein/Zeeland.gif";
	images[4]="/images/contact/klein/Brabant.gif";
	images[5]="/images/contact/klein/Limburg.gif";
	images[6]="/images/contact/klein/Gelderland.gif";
	images[7]="/images/contact/klein/Overijssel.gif";
	images[8]="/images/contact/klein/Flevoland.gif";
	images[9]="/images/contact/klein/Drente.gif";
	images[10]="/images/contact/klein/Friesland.gif";
	images[11]="/images/contact/klein/Groningen.gif";
	
	images[12]="/images/contact/groot/Utrecht.gif";
	images[13]="/images/contact/groot/Noord_holland.gif";
	images[14]="/images/contact/groot/Zuid_holland.gif";
	images[15]="/images/contact/groot/Zeeland.gif";
	images[16]="/images/contact/groot/Brabant.gif";
	images[17]="/images/contact/groot/Limburg.gif";
	images[18]="/images/contact/groot/Gelderland.gif";
	images[19]="/images/contact/groot/Overijssel.gif";
	images[20]="/images/contact/groot/Flevoland.gif";
	images[21]="/images/contact/groot/Drente.gif";
	images[22]="/images/contact/groot/Friesland.gif";
	images[23]="/images/contact/groot/Groningen.gif";
	
	for(var i=0; i<images.length; i++)
	{
		imageObj = new Image();
		imageObj.src=images[i];
	}
} 

function ChangeImg(varProvincie)
{
	document.getElementById("map").src=varProvincie;
}

function ChangeImgGroot(varProvincie)
{
	document.getElementById("mapGroot").src=varProvincie;
}


function SendPostcode(mId)
{
	if(document.getElementById("postcodeContact").value.length < 4)
	{
		window.alert("Voer de eerste 4 waardes in van uw postcode");
		document.getElementById("postcodeContact").focus();
	}
	else
	{
	    //SiteStat ClickOut
	    //document.location="http://nl.sitestat.com/hypotheekvisie/hypotheekvisie/s?vastebanner.postcode.homepage&ns_type=clickout&amp;ns_url=" + document.location.hostname + "/Contact/Vestigingen.aspx?mId="+ mId +"&pb="+document.getElementById("postcodeContact").value;
	    //document.location="/Contact/Vestigingen.aspx?mId="+ mId +"&pb="+document.getElementById("postcodeContact").value;
	    document.location="/Contact/Vestigingen/"+document.getElementById("postcodeContact").value+".aspx";
    }
}

function SendPostcodeGroot(mId)
{
	if(document.getElementById("postcodeGroot").value.length < 4)
	{
		window.alert("Voer de eerste 4 waardes in van uw postcode");
		document.getElementById("postcodeGroot").focus();
	}
	else
		document.location="/Contact/Vestigingen/"+document.getElementById("postcodeGroot").value+".aspx";
}

function ContactPopUp(URL){	var xPos = (screen.width) ? (screen.width - 450) / 2 : 0;	var yPos = (screen.height) ? (screen.height - 620) / 2 : 0;		window.open(URL,'Route','height=450,width=620,top=' + yPos + ',left=' + xPos + ',scrollbars=no,noresize')}

window.onload=Preloader;

function ContactForm() {
    var email = "([\\.\\w\\d_-]+)@((\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3})|([\\w\\d_-]+)(\\.\\w{2,6}))";

    if(document.getElementById('an') == null && document.getElementById('vn') != null) {
        if(document.getElementById('vn') != null && document.getElementById('vn').value.length <= 0) {
            window.alert('Naam is een verplicht veld');
            return false;
        }
    }
    if(document.getElementById('an') != null && document.getElementById('vn') != null && document.getElementById('vn').value.length <= 0) {
        window.alert('Voornaam is een verplicht veld');
        return false;
    }
    if(document.getElementById('an') != null && document.getElementById('an').value.length <= 0) {
        window.alert('Achternaam is een verplicht veld');
        return false;
    }
    if(document.getElementById('pc') != null && document.getElementById('pc').value.length <= 0) {
        window.alert('Postcode is een verplicht veld');
        return false;
    }
    if(document.getElementById('informatie') != null && document.getElementById('informatie').value.length <= 0) {
        window.alert('Waar wilt u advies voor');
        return false;
    }
    if(document.getElementById('tel') != null && document.getElementById('tel2') == null && document.getElementById('email') != null) {
        if(document.getElementById('email').value.length <= 0 && document.getElementById('tel').value.length <= 0) {
            window.alert('Geef alstublieft uw e-mailadres of telefoonnummer op.');
            return false;
        }
        if(document.getElementById('email').value.length > 0 && !document.getElementById('email').value.match(email)) {
            window.alert('Dit is geen geldig e-mailadres');
            return false;
        }
        if(document.getElementById('tel').value.length != 10) {
            window.alert('Telefoonnr. moet 10 cijfers bevatten');
            return false;
        }
    }
    if(document.getElementById('tel') != null && document.getElementById('tel2') != null && document.getElementById('tel').value.length != 10) {
        window.alert('Telefoonnr. moet 10 cijfers bevatten');
        return false;
    }
    if(document.getElementById('tel') != null && document.getElementById('email') == null && document.getElementById('tel').value.length != 10) {
        window.alert('Telefoonnr. moet 10 cijfers bevatten');
        return false;
    }
}

var lastOpened;
function showList(p_strId) {
    var elm = document.getElementById(p_strId);
    
    if(elm.style.display == 'none' || elm.style.display == '') {
        if (lastOpened) lastOpened.style.display = 'none';
        lastOpened = elm;
    }
    elm.style.display = (elm.style.display == 'block') ? 'none' : 'block';
}

function drawBorder(p_objElm) {
    var IE = navigator.userAgent.indexOf('MSIE 6') > 0;
    if(IE) {
        p_objElm.style.border = '1px solid #cccccc';
    }
}

function IsChildOf(p_objParent, p_objChild) {
	if(p_objChild != null ) {
		while(p_objChild.parentNode ) {
			if((p_objChild = p_objChild.parentNode) == p_objParent) {
				return true;
			}
		}
	}
	return false;
}

function OnMouseOutFix(p_objElement, event, p_strMouseOutImg) {
	var l_objCurrent_mouse_target = null;
	
	if( event.toElement) {
		l_objCurrent_mouse_target = event.toElement;
	} else if( event.relatedTarget ) {
		l_objCurrent_mouse_target = event.relatedTarget;
	}
	if(!IsChildOf(p_objElement, l_objCurrent_mouse_target) && p_objElement != l_objCurrent_mouse_target) {
	    p_objElement.firstChild.nextSibling.style.display = 'none';
		if(p_strMouseOutImg != '') {
			p_objElement.firstChild.src = p_strMouseOutImg;
		}
    }
}

function SetMarginTop() {
//debugger;
    var obj = document.getElementById('balk');
    var obj2 = document.getElementById('content');  
    var top;
    if(navigator.userAgent.toLowerCase().indexOf("msie") != -1) {
        top = GetOffSetTop(obj) - GetOffSetTop(obj2);
    } else {
        top = GetOffSetTop(obj) - GetOffSetTop(obj2);
    }
//    alert('balk : ' + obj.offsetTop + '\n content : ' + obj2.offsetTop);
    document.getElementById('helpmsg').style.marginTop = top + 'px';
}

function GetOffSetTop(obj) {
    var height = 0;
    while(obj = obj.offsetParent) {
        height += obj.offsetTop;
    }
    return height;
}