var windowhoogte	= Window.getHeight();
var windowbreedte	= Window.getWidth();
var midden_b		=  windowbreedte/2;
var midden_h		=  windowhoogte/2;
var left_end		= '';
var top_end		 ='';
var OP   		= (navigator.userAgent.indexOf("Opera") != -1);
var IE   		= (navigator.userAgent.indexOf("MSIE") != -1) && !OP;

function startsite(f, id){
setpositie(1);
var popups		= $S('#menu a.nohref');
popups.each(function(href){
href.href='#';	
});

var menuitems		= $S('#mainmenu li');

menuitems.each(function(menuitem){

	menuitem.addEvent('mouseover', function(){ 
		
	if(menuitem.childNodes[0] && menuitem.childNodes[0].tagName=="A"){
	menuitem.setStyle('background', '#f2e5ed');
	//menuitem.childNodes[0].setStyle('color', '#F58025');
	
	}
	});

	menuitem.addEvent('mouseout', function(){ 
	if(menuitem.childNodes[0] && menuitem.childNodes[0].tagName=="A"){
	menuitem.setStyle('background', 'transparent');
	menuitem.setStyle('color', '#820053');
	}
	});
	
});

if(f=='content' && id==5){
loketten(1);
}else{
loketten(0);
}

}

function loketten(selected){

if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(53, 5.4810546875), 9);

if(selected==1){
map.addControl(new GSmallMapControl());
map.addControl(new GOverviewMapControl());

}else{
map.addControl(new GSmallMapControl());
}


GDownloadUrl("includes/markers.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var id	= markers[i].getAttribute("id");
          	var name 	= markers[i].getAttribute("name");
          	var telefoon 	= markers[i].getAttribute("telefoon");
            var address 	= markers[i].getAttribute("address");
            var type 	= markers[i].getAttribute("type");
            var point 	= new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
                                    
            var marker 	= createMarker(point, name, address, telefoon, id, selected);
            map.addOverlay(marker);
          }
        });



}

if(selected==0){
(function(){takesome()}).delay(550); 	
}

}


function takesome(){
var spans		=  $S('#map span');
spans[0].innerHTML='';
}

function routebeschrijving() {
//alert($('address').innerHTML+" | "+$('pc').value);
var routepagina ='http://maps.google.nl/maps?f=d&hl=nl&saddr='+$('pc').value+'&daddr='+$('address').innerHTML+'&sll=53.029308,5.659633&sspn=0.011834,0.033817&ie=UTF8&z=12&om=1';
window.open(routepagina,'routebeschrijving', 'width=1024,height=768,scrollbars=no,toolbar=no,location=no')
}

function createMarker(point, name, address, telefoon, id, selected) {
      
// Create our "tiny" marker icon
var icon 		= new GIcon();
icon.image 		= "http://www.wmozwf.nl/images/flag_green.png";
icon.shadow 		= "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.title		= "aaaap";
icon.iconSize 		= new GSize(16, 16);
icon.shadowSize 	= new GSize(22, 20);
icon.iconAnchor 	= new GPoint(16, 16);
icon.infoWindowAnchor= new GPoint(5, 1);	
	
//var marker = new GMarker(new GLatLng(0,0), { title: 'Your tooltip' }); 
var marker = new GMarker(point, {icon:icon,  title: name+", \nAdres:"+address+",\nTel:"+telefoon});
      var html = "<span id='span_"+id+"' style='width:220px;font-weight:bold;font-size:13px;color:#fa5100;font-family:lucida sans;float:left'>" + name + "</span><br>"
      html += "<br/>Adres: <span id='address'>" + address+"</span><br/>Telefoon: " +telefoon+".<hr><input id='pc' type='text' style='border:1px solid black;color:#a6a6a6' onclick=this.value='' name='pc' value='type uw postcode voor een routebeschrijving' size='36'><br>"
     html += "<button style='margin-top:10px;height:17px;font-size:9px' onclick='routebeschrijving()'>bekijken</button><br>";
      GEvent.addListener(marker, 'click', function() {
 
if(selected==1){
marker.openInfoWindowHtml(html);	
$('span_'+id).parentNode.style.width='222px';
}else{
document.location.href='index.php?f=content&id=5&loket='+id;	
}

      
      
      });
      return marker;
    }


function setpositie(start){
windowhoogte	= Window.getHeight();
windowbreedte= Window.getWidth();
var ffleft	= $('main_top').getLeft()+45;
$('logo_div').setStyle('left', ffleft+'px');

if(start==1){
window.onresize=function(){setpositie(0)}
}
}


Menu= new Class({

	initialize: function(source, options) {
		this.options = Object.extend({
		togglers:		0,
		elementen:		0
		}, options || {});
		
		var tgs		= $S('#menu h1');
		var els		= $S('#menu h2');
		var hetmenu=new Fx.Accordion(tgs, els, {start:'all-closed', alwaysHide: false});//start: 'all-closed', ";
		
		if(source!=""){
		hetmenu.showThisHideOpen(source);
		}
	
		var ccount=0;
		tgs.each(function(h1){
		h1.setStyle('cursor', 'pointer');
		
		h1.addEvent('click', function(){ 
		tgs.each(function(h1r){
		h1r.childNodes[0].src='images/pijl.gif';	
		h1r.setStyle('color', '#820053');
		});
			
		h1.childNodes[0].src='images/pijl-down.gif';
		h1.setStyle('color', '#e96c23');
				
		});
		
		});
		
//alert('s');

$('main').setStyle('height', '650px');
//alert($('main').offsetHeight+" | "+$('menu').offsetHeight)+228;	
}

});


openPopup= new Class({

	initialize: function(aid, options) {
	this.options = Object.extend({
		clicked_el:	0,
		clicked_id:	"",
		breedte:	800,
		hoogte:		windowhoogte-30,
		duur:		350,
		pagina:		"weg.php"
		}, options || {});	
				
	this.windowhoogte	= Window.getHeight();
	this.windowbreedte	= Window.getWidth();	

	this.aid		= aid;
	this.clicked_el	= this.options.clicked_el;
	this.clicked_id	= this.options.clicked_id;
	this.breedte	= this.options.breedte;
	this.hoogte	= this.options.hoogte;
	this.pagina	= this.options.pagina;
	this.duur1	= this.options.duur;
	this.duur2	= parseInt(this.duur1+50);
	this.duur3	= parseInt(this.duur2+100);
		
	dimensies 	= this.clicked_el.getPosition();	
	
	left_end	= midden_b-(this.breedte/2)
	top_end	= midden_h-(this.hoogte/2)
	bgdiv= $('bg_aanbieding');
	windowdiv= $('vg_aanbieding');
	
	bgdiv.setStyle('height', this.windowhoogte-5+'px');
	bgdiv.setStyle('width', this.windowbreedte-10+'px');
	bgdiv.setStyle('display', 'block');			

	windowdiv.setStyle('top', '0px');
	windowdiv.setStyle('left', '0px');
	windowdiv.setStyle('display', 'block');

	var transbg 	= new Fx.Style('bg_aanbieding', 'opacity').custom(0, 0.85, {duration:250}); 


	var transeffect	= windowdiv.effects({wait:false,duration:this.duur1});
	transeffect .custom({
     			 'opacity': [0.2,1],
   			 'width':[10,this.breedte],
   			 'height':[10, this.hoogte],
   			 'left':[dimensies.left, left_end],
    			 'top':[dimensies.top, top_end]
			});
	

	this.Ajaxrequ.delay(this.duur2);
	this.Resizer.delay(this.duur2);			
			
	},
	
	Ajaxrequ: function(){
	new Ajax(this.pagina, {update:'popupdiv', postBody:'aid='+this.aid}).request();	
	},
	
	
	Resizer: function(){
	$('popupdiv').setStyle('height', $('popuptd').offsetHeight-4+'px');	
	}
	
});



function close_popup(){
windowdiv.setStyle('background', 'white');
$('popupdiv').innerHTML='';

var transbg = new Fx.Style('bg_aanbieding', 'opacity').custom(0.85,0, {duration:500}); 

var 	ttranseffect =  windowdiv.effects({wait:false,duration:450});
	ttranseffect .custom({
     			 'opacity': [1,0],
   			 'width':[windowdiv.offsetWidth,10],
   			 'height':[windowdiv.offsetHeight,10],
   			 'left':[left_end, dimensies.left],
    			 'top':[top_end, dimensies.top]
});

}

function faqs(){ 
var togglrs		= $S("#faqs h1")
var elemnts		= $S("#faqs h2")

togglrs.each(function(faq){
faq.setStyle('cursor', 'pointer');
});

var faqmenu	=new Fx.Accordion(togglrs, elemnts, {alwaysHide: false});//start: 'all-closed', 
}


function checkFields(){
	
theform=$('contactformulier');

for(i=0; i<theform.elements.length; i++){
                var field = theform.elements[i]
                //alert(theform.elements[i].type)
                var isReq = (field.name.charAt(0)=="R") ? true : false
                if(isReq){

                        if((field.type=="text" || field.type=="textarea" || field.type=="password") && field.value==""){
                        var veldnaam = field.name.substring(1,27);

                        alert("U bent vergeten '"+veldnaam+ "' in te vullen.")
                        setTimeout("document.forms[0].elements["+i+"].focus()", 10)
                        return false
                        }



                        if(field.type=="select-multiple"){
                        Sel=0
                                for(o=0; o<field.options.length; o++){
                                        if(field.options[o].selected){
                                        Sel++
                                        break
                                        }
                                }
                                if(Sel == 0){
                                alert("U hebt niets geselecteerd bij: "+veldnaam+ " .")
                                setTimeout("document.forms[0].elements["+i+"].focus()", 10)
                                return false
                                }
                        }

                        if(field.type=="checkbox" || field.type=="radio"){
                        var startingIndex = i
                        var Checked = 0
                        var rLength=1
                                while(field.type == theform.elements[i+1].type){
                                rLength++
                                i++
                                }

                                for(g = startingIndex; g < rLength+startingIndex; g++){
                                        if(theform.elements[g].checked){
                                        Checked++
                                        break
                                        }
                                }
                                if(Checked == 0){
                                i=startingIndex
                                var veldnaam = field.name.substring(1,27);
                                alert("U hebt niets geselecteerd bij: "+veldnaam+ " .")
                                setTimeout("document.forms[0].elements["+i+"].focus()", 10)
                                return false
                                }
                        }

                }//isReq

        }//for
	    
        return true;
        
    var return_value =confirm("Als alle verplichte (*) velden ingevuld zijn kan het contactformulier verzonden worden.\nWeet u zeker dat u alles correct hebt ingevuld?");
    if ( return_value == true ) {
    return true;
    }else{
    return false
    }

}