﻿function findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function autoShowHideLayers(objName) {
    var obj = findObj(objName); if (obj) 
	{
	    if (obj.style.visibility == 'hidden') {obj.style.visibility = 'visible'} else {obj.style.visibility = 'hidden'};
    }
}

//Scroller
function setScroller(a,b,x,y) {
 var g,d,dd,w,ww,pa="";
 if((parseInt(navigator.appVersion)>4 || navigator.userAgent.indexOf("MSIE")>-1)&& navigator.userAgent.indexOf("Opera")==-1){pa="px";}
 if((g=findObj(a))!=null && (d=findObj(b))!=null){
  if(g.indrukScroll){if((w=findObj(g.indrukScroll))!=null){
   ww=(document.layers)?w:w.style;ww.visibility="hidden";}}
 g.indrukScroll=b;dd=(document.layers)?d:d.style;dd.left=parseInt(x)+pa;
 dd.top=parseInt(y)+pa;dd.visibility="visible";g.indruksCycle=0;
 if(document.layers){g.indruksTop=g.clip.top;g.indruksBot=g.clip.bottom;
  g.indruksRight=g.clip.right;g.indruksLeft=g.clip.left;g.indruksStartTop=parseInt(y);g.indruksStartLeft=parseInt(x);
 }else if(g.style.clip){var tc=g.style.clip;var j=tc.indexOf("(");
  tc=tc.substring(j+1,tc.length-1);var tr=tc.split(" ");
  if(tc.length < 1){tr[0]=0;tr[3]=0;tr[2]=g.style.pixelHeight;tr[1]=g.style.pixelWidth;}
  g.indruksTop=parseInt(tr[0]);g.indruksRight=parseInt(tr[1]);g.indruksBot=parseInt(tr[2]);
  g.indruksLeft=parseInt(tr[3]);g.indruksStartTop=parseInt(y);g.indruksStartLeft=parseInt(x);
 }else{g.indruksTop=0;g.indruksRight=g.offsetWidth;g.indruksBot=g.offsetHeight;
  g.indruksLeft=0;g.indruksStartTop=parseInt(y);g.indruksStartLeft=parseInt(x);}}
  g.toMove=true;
}

function moveScroll(co,md,op,dy,cy) {
 var g,d,dd,x,y,h,w,tt,ff,m=false,pa="";
 op=parseInt(op);cy=parseInt(cy);dy=parseInt(dy);
 if((parseInt(navigator.appVersion)>4 || navigator.userAgent.indexOf("MSIE")>-1)&& navigator.userAgent.indexOf("Opera")==-1){pa="px";}
 if((g=findObj(co))==null){return;}
 if((d=findObj(g.indrukScroll))==null){return;}
 var sp=parseInt(sp=g.indrukSsp),fr=parseInt(g.indrukSfr),ff=fr;
 if(op==2){g.indruksCycle=0;g.indruksCycDy=(dy>0)?dy:g.indruksCycDy;dy=0;op=3;}
 if(op==3){g.indruksCycle+=sp;ff=fr;if(parseInt(g.indruksCycle)>cy){
  op=2;g.indruksCycle=0;ff=g.indruksCycDy;}}g.indrukSop=op;if(dy>0){ff=dy;}
  var ti = "g.indrukMagic=setTimeout(\"moveScroll('" + co + "','" + md + "'," + op + ",0," + cy + ")\"," + ff + ")";
 if(op==2 || dy>0){clearTimeout(g.indrukMagic);eval(ti);return;}
 dd=(document.layers)?d:d.style;x=parseInt(dd.left);y=parseInt(dd.top);
 if(document.all || document.getElementById){
  h=parseInt(d.offsetHeight);w=parseInt(d.offsetWidth);
  if(!h){h=parseInt(d.style.pixelHeight);w=parseInt(d.style.pixelWidth);}
 }else if(document.layers){h=parseInt(d.clip.height);w=parseInt(d.clip.width);}
 var st=0,rStart=parseInt(g.indruksStartLeft),tStart=parseInt(g.indruksStartTop);g.indruksH=h;g.indruksW=w;
 if(md=="Down"){tt=y-sp;st=parseInt(g.indruksBot)-h-tStart;
  if(tStart<0 && tt<tStart){dd.top=tStart+pa;
  }else if(tStart>=0 && tt<st){dd.top=st+pa;}else{dd.top=tt+pa;m=true;}}
 if(md=="Up"){tt=sp+y;var rEnd=tStart+h;if(tStart<0 && tt>rEnd){dd.top=rEnd+pa;
  }else if(tStart>=0 && tt>tStart){dd.top=tStart+pa;}else{dd.top=tt+pa;m=true;}}
 if(md=="Right"){tt=x-sp;st=parseInt(g.indruksRight)-w-rStart;
  if(rStart<0 && tt<rStart){dd.left=rStart+pa;
  }else if (rStart>=0 && tt<st){dd.left=st+pa;}else{dd.left=tt+pa;m=true;}}
 if(md=="Left"){tt=x+sp;var rEnd=rStart+w;if(rStart<0 && tt>rEnd){dd.left=rEnd+pa;
  }else if (rStart>=0 && tt>rStart){dd.left=rStart+pa;}else{dd.left=tt+pa;m=true;}}
 if(m && g.toMove){eval(ti);}else{if(g.indrukSflip==1){clearTimeout(g.indrukMagic);var tj=0;
  eval("g.indrukMagic=setTimeout(\"runScroller('"+co+"','Reverse','Medium',0,0,0,1)\","+tj+")");
 }else{if(op>0 && g.toMove){
  g.indruksCycle=0;dd.top=g.indruksStartTop+pa;dd.left=g.indruksStartLeft+pa;eval(ti);}}}
}

function runScroller(co,md,spd,op,dy,cy,flp) {
 var g,d,dd,rl=0;rt=0;pa='',sp=2,fr=10,slw=true,kl=true;
 if((parseInt(navigator.appVersion)>4 || navigator.userAgent.indexOf("MSIE")>-1)&& navigator.userAgent.indexOf("Opera")==-1){pa="px";}
 if(navigator.userAgent.indexOf("NT")>-1 || navigator.userAgent.indexOf("Windows 2000")>-1 ){slw=false;}
 if((g=findObj(co))!=null){if(g.indrukScroll){
 if((d=findObj(g.indrukScroll))!=null){dd=(document.layers)?d:d.style;
 if(md=="Resume" && g.indrukSspd){spd=g.indrukSspd;md=g.indrukSmd;op=g.indrukSop;dy=0;cy=g.indrukScy;flp=g.indrukSflip;kl=false;}
 if(md=="Reverse" && g.indrukSspd){spd=g.indrukSspd;md=g.indrukSmd;op=g.indrukSop;flp=g.indrukSflip;dy=0;cy=g.indrukScy;kl=false;g.indruksCycle=0;
  if(g.indrukSmd == "Down"){md="Up";if(g.indrukSop>0){g.indruksStartTop=g.indruksStartTop-g.indruksH;}}
  if(g.indrukSmd == "Up"){md="Down";if(g.indrukSop>0){g.indruksStartTop=g.indruksStartTop+g.indruksH;}}
  if(g.indrukSmd == "Left"){md="Right";if(g.indrukSop>0){g.indruksStartLeft=g.indruksStartLeft+g.indruksW;}}
  if(g.indrukSmd == "Right"){md="Left";if(g.indrukSop>0){g.indruksStartLeft=g.indruksStartLeft-g.indruksW;}}}
 if(spd=="Slow"){sp=(slw)?2:1;fr=(slw)?40:30;
 }else if(spd=="Medium"){sp=(slw)?4:1;fr=(slw)?40:10;
 }else{sp=(slw)?8:4;fr=(slw)?40:10;}
 if(md=="Stop"){g.toMove=false;clearTimeout(g.indrukMagic);}else if(md=="Reset"){
  g.toMove=false;dd.top=g.indruksStartTop+pa;dd.left=g.indruksStartLeft+pa;
 }else{if(kl){g.indrukSsp=sp;g.indrukSfr=fr;}if(md=="Speed"){return;}
  g.toMove=true;clearTimeout(g.indrukMagic);
  g.indrukSmd=md;g.indrukSspd=spd;g.indrukSop=op;g.indrukSdy=dy;g.indrukScy=cy;g.indrukSflip=flp;
  eval("moveScroll('"+co+"','"+md+"',"+op+","+dy+","+cy+")");}}}}
}

function preloadImages() {
  var d=document; if(d.images){ if(!d.p) d.p=new Array();
    var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
}

function addEventSimple(obj,evt,fn) {
    if (obj.addEventListener)
        obj.addEventListener(evt,fn,false);
    else if (obj.attachEvent)
        obj.attachEvent('on'+evt,fn);
}

var homeText ="Exclusieve ruimte voor vergaderingen, coachings-trajecten en presentaties in het historische centrum van <br>'s-Hertogenbosch."
        

function handleClick(e) {

     
	var theEvent = e || window.event;
			
	if(theEvent.which && theEvent.which != 1) return true;

	var target = theEvent.target || theEvent.srcElement;
	while(target && !/^a$/i.test(target.nodeName)) {
		target = target.parentNode;
	}
	
	if(!target || !target.getAttribute('rel')) return true;

       var rel = target.getAttribute('rel');
       var href = target.getAttribute('href');
       
              
       switch(rel) {
//            case 'external':
//		         window.open(href);
//		         break;
	        case 'home':
	            GetHome();
	            removeCssClasses();
		        Sys.UI.DomElement.addCssClass(target.parentNode, "selected");
		        $get('lefttext').innerHTML = homeText;
		        pageTracker._trackPageview("/Home");
		        //pageTracker._trackEvent('Home', 'Click')
		        break;
		     case 'location':
		         loadMap();
		         removeCssClasses();
		         Sys.UI.DomElement.addCssClass(target.parentNode, "selected");
		         $get('lefttext').innerHTML = homeText;
		         pageTracker._trackPageview("/Location");
		         //pageTracker._trackEvent('Location', 'Click')
		         break;
		     case 'content':
		         GetContent(target.getAttribute('xmlns:comment'));
		         removeCssClasses();
		         Sys.UI.DomElement.addCssClass(target.parentNode, "selected");
		         pageTracker._trackPageview("/" + target.getAttribute('title'));
		         //pageTracker._trackEvent(target.getAttribute('title'), 'Click')
		         break;
		     case 'photo':
		         GetPhoto(target.getAttribute('xmlns:comment'));
		         removeCssClasses();
		         Sys.UI.DomElement.addCssClass($get('homelink').parentNode, "selected");		      
		         break;
	      default:
		     return true;
       }

   try { theEvent.preventDefault(); } catch(e){}
   return false;
    }

function removeCssClasses()
{

var menuitems = $get('menuitems');

var trs = menuitems.getElementsByTagName('li');    

for(var i=0; i<trs.length; i++){
        Sys.UI.DomElement.removeCssClass(trs[i], "selected");
           
        }
}

function removeElements()
        {
        var pageContent = $get('center_column');

        if (pageContent.hasChildNodes() )
        {
            while ( pageContent.childNodes.length >= 1 )
            {
                pageContent.removeChild(pageContent.firstChild );       
            } 
        }

        
        }
        

        function HomeSucceeded(result) {
           var photo = result;
           
                            
           if ($get('mainimage') !== null)
           {
            $get('mainimage').src = "Images/Photos/" + photo.Image;
            $get('mainimage').alt = photo.Title;
           }
           else
           {
               removeElements();
               
               var mainImage = document.createElement('img');
               mainImage.src = "Images/Photos/" + photo.Image;
               mainImage.alt = photo.Title;
               mainImage.id = "mainimage";
               
               $get('center_column').appendChild(mainImage);
           }   
                         
        }

        function HomeFailed(error) {
           // Alert user to the error.
           alert("Sorry, er iets fout gegaan met het ophalen van de informatie.");
        }
        
        function GetHome() {
           PageMethods.GetHome(HomeSucceeded, HomeFailed);
        }
        
        function PhotoSucceeded(result) {
           var photo = result;
           
                     
           if ($get('mainimage') !== null)
           {
            $get('mainimage').src = "Images/Photos/" + photo.Image;
            $get('mainimage').alt = photo.Title;
           }
           else
           {
               removeElements();
               
               var mainImage = document.createElement('img');
               mainImage.src = "Images/Photos/" + photo.Image;
               mainImage.alt = photo.Title;
               mainImage.id = "mainimage";
               
               $get('center_column').appendChild(mainImage);
           }   
                         
        }

        function PhotoFailed(error) {
           // Alert user to the error.
           alert("Sorry, er iets fout gegaan met het ophalen van de informatie.");
        }
        
        function GetPhoto(id) {
           PageMethods.GetPhoto(id,PhotoSucceeded, PhotoFailed);
        }
        
        function ItemSucceeded(result) {
           var item = result;
           
           removeElements();
           
           $get('lefttext').innerHTML = item.ContentLeft;
           
           if ($get('maintext') !== null)
           {
              $get('maintext').innerHTML = item.ContentCenter;
           }
           else
           {
               removeElements();
               
               var mainText = document.createElement('div');
               mainText.innerHTML = item.ContentCenter;
               mainText.id = "maintext";
               //mainText.setAttribute('style',"margin-top: 0px; margin-bottom: 0px; margin-left: 10px; margin-right: 10px;");
               
               $get('center_column').appendChild(mainText);
           }   
          
                                  
        }

        function ItemFailed(error) {
           // Alert user to the error.
           alert("Sorry, er iets fout gegaan met het ophalen van de informatie.");
        }
        
        function GetContent(id) {
           PageMethods.GetContent(id,ItemSucceeded, ItemFailed);
        }
        
        
        
        
        function loadMap() {
        if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("center_column"),{backgroundColor:"#ede8de"});
        map.setCenter(new GLatLng(51.687028,5.30697), 16);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setMapType(G_SATELLITE_MAP);
        
        var despie = new GMarker(new GLatLng(51.686951,5.305989))//51.686964,5.306976
        // Adding a click-event to the marker   
        GEvent.addListener(despie, 'click', function() {   
          // When clicked, open an Info Window   
          despie.openInfoWindowHtml('<b>De Spie</b><br />Lange Putstraat 21<br />5211KN \'s-Hertogenbosch');   
        });   
        // Add marker to map   
        map.addOverlay(despie);
        
        
        
            var iconOptions = {};
            iconOptions.width = 20;
            iconOptions.height = 20;
            iconOptions.primaryColor = "#51B5D2FF";
            iconOptions.cornerColor = "#082771FF";
            iconOptions.strokeColor = "#2C09E2FF";
            var icon = MapIconMaker.createMarkerIcon(iconOptions);

                       
            
            
        var dewolvenhoek = new GMarker(new GLatLng(51.686645,5.303092), { icon: icon })   
        // Adding a click-event to the marker   
        GEvent.addListener(dewolvenhoek, 'click', function() {   
          // When clicked, open an Info Window   
          dewolvenhoek.openInfoWindowHtml('<b>Parkeergarage Wolvenhoek</b><br />Wolvenhoek 12<br />5211 HH  \'s-Hertogenbosch');   
        });   
        // Add marker to map   
        map.addOverlay(dewolvenhoek);


        var venv = new GMarker(new GLatLng(51.685133, 5.310683), { icon: icon })   
        // Adding a click-event to the marker   
        GEvent.addListener(venv, 'click', function() {   
          // When clicked, open an Info Window   
          venv.openInfoWindowHtml('<b>Vonk en Vlamterrein</b><br />Hekellaan<br />\'s-Hertogenbosch');   
        });   
        // Add marker to map   
        map.addOverlay(venv);
        
        
        
      }
    }

    window.onload = function() {
        setScroller('indrukscroller', 'Content', 0, 0);
        addEventSimple(document, 'click', handleClick);
    };
