// JavaScript Document

/************ globals **********/
	var site;
	var header={'Content-type': 'application/x-www-form-urlencoded; charset=utf-8'};
	var dom=false;
	var ini_path='';
	var screenW=parseInt(self.screen.availWidth);
	var tSlide=false;
	var get='';
	
	if(String(window.location).indexOf('#')>-1){
	   var t=String(window.location).split('#')[1].split('/');
	   t=t.filter(function(item){if(item && item !='' && item[0]!='?')return item;});
	   if(t[0].toLowerCase()=='mf' || t[0].toLowerCase()=='ap')lan='_en';
	   if(t[1]){
			
	   if(t[1].toLowerCase()=='confirm_newsletter' && (t[0].toLowerCase()=='mf'|| t[0].toLowerCase()=='ms')){
		 get="&action=confirm&"+String(window.location).split('?')[1]; 
	   }
	   if(t[1].toLowerCase()=='unsubscribe' && (t[0].toLowerCase()=='mf'|| t[0].toLowerCase()=='ms')){
		 get="&action=unsubscribe&"+String(window.location).split('?')[1]; 
	   }
			}
	}
	
	//lan='_en';

	SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleChange);
	var a_ini=new Request({		   
	   url:root+path+"/lib/json.php?nc="+Math.random(),
	   onSuccess: function(rs){
	     site=JSON.decode(rs);
		 
	     if(dom)ini();
	   },
	   headers:header
	});
	//alert (lan);
	a_ini.send('lan='+lan+get);
	
	window.addEvent('domready',function(){							
	   		dom=true;
	   		if(site)ini();
	}); 
	   
	  
	function sh(id){
		if($(id)) $(id).setStyle('display', (($(id).getStyle('display') == 'none')? 'block' : 'none'));
	}
	
	
	function ini(){
		$('top_c').empty();
		$('top_c').set('html','<div class="pg w5"><div class="but_bar"></div><br style=\"clear:both\"><div class="c5"><h1></h1></div></div><div class="pg w3"></div>');
		$('bot_c').empty();
		$('bot_c').set('html','<div class="pg w5"><div class="but_bar"></div><div class="c5"><h1></h1></div></div><div class="pg w3"></div>');
	   $('back').addEvent('click',function(){goback($(_act+'_c'))});
	   
	   $('buts').getElements('a').each(function(a,n){
		if(lan=='_en'){
			switch(n){
				case 0:
					a.set('text','nl');
				break;
				case 1:
					a.set('html','<strong>eng</strong>');
				break;
				case 2:
					a.set('text','application');
					a.href=root+path+'/ap/';
				break;
				case 3:
					a.set('text','blogs');
					a.href=root+path+'/mf/news/blogs/';
				break;
				case 4:
					a.set('text','I have a question');
					a.href=root+path+'/mf/vraag/';
				break;
                case 5:
					a.set('text','search');
					a.href=root+path+'/mf/zoek/';
				break;
			}
		}
                var href=String(a.href).split('/');
                href.pop();
                if(href.pop()=='zoek'){
                  ini_search(a);
                }else if(n>1){
		   a.addEvent('click',function(e){
			new Event(e).stop();
			SWFAddress.setValue(String(this).split((root + path))[1]);
		   })
		}
	   })
	   iniTabs();
	   if(ini_path.length){
		var url=String(ini_path).split('/');
		tabSwitch(url);
	   }
	   if(ie==6)fixPng();
	}
	
	function iniTabs(){
         t=$(document.body).getElement('.tooltip');
		t.fd = new Fx.Tween(t,{'duration': 500, 'wait': false});
		t.fd.set('opacity',0);
	   var tabs=['top','bot'];
	   tabs.each(function(tab){
		var div=$(tab+'_c');
		div.obs=[];
		div.x=0;
		div.fx=new Fx.Tween(div,{'onComplete':function(div){}});//animtie
		mkFirstPg(tab,div);//eerste pagina vullen
		var a=$(tab+'_h').getElement('a');
		a.typ=String(tab);
		a.addEvent('click',function(e){//wissel tab
		   new Event(e).stop();
		   //if (this.typ != _act) {
			if(this.typ=='bot'){
                           $('top').addClass('is_inactive');
			}else{
                           if( $('top').hasClass('is_inactive'))$('top').removeClass('is_inactive');
			}
			SWFAddress.setValue(String(this).split((root + path))[1]);
		   //}
		});
                a.tit=a.getProperty('title');
                //a.setProperty('title','');
                a.addEvent('mouseenter',function(){
			t.getElement('.txt').set('text',((lan=="_en"&&this.tit=="aanvragen")?"applications":this.tit));
                        t.getElement('.txt').setStyle('background',((this.typ=='top')? '#0068AF' : ''));
						t.getElement('.txt').setStyle('color',((this.typ=='top')? '#fff' : '#000'));
                        var pief=t.getElement('img');
                        var src=String(pief.src).split('2').join('');//reset
                        if(this.typ=='top')src=src.split('pief').join('pief2');
                        pief.src=src;
                        t.fd.start('opacity',0.9);
                        this.addEvent('mousemove',function(e){
                                var ev = new Event(e);
                                t.setStyles({'top':(ev.client.y-97)+9+'px','left':((ev.client.x))+32+'px'});
                        });		
                      this.addEvent('mouseleave',function(){
                        t.fd.start('opacity',0);
                        this.removeEvent('mousemove');
                     });
                });
		//a.addEvent('mouseover',function(){if(this.typ != _act)this.setStyle('color','#000')});
		//a.addEvent('mouseout',function(){if(this.typ != _act)this.setStyle('color',((this.typ=='top')? '#0068AF':'#22cd00' ))});
	   });
	   
	   $('bot').slide=new Fx.Tween($('bot'),{'onComplete':function(bot){//animatie
			if (_act == 'top') {
			   bot.removeClass('t107');
			   bot.addClass('h50');
			   bot.setStyle('top', '');
				$('back').removeClass('is_bot');
				 $('back').addEvent('mouseover',function(){
				this.setStyles({'background':'url(/gfx/back.gif)', 'cursor':'pointer'});
				});
			   $('back').addEvent('mouseout',function(){
				this.setStyles({'background':'none', 'cursor':'default'});
				});
				
				
				
				
				
				
			}else{
			   bot.removeClass('h50');
			   bot.addClass('t107');
			   bot.setStyle('height', '');
			   $('back').addClass('is_bot');
			   $('back').addEvent('mouseover',function(){
				this.setStyles({'background':'url(/gfx/back_bot.gif)', 'cursor':'pointer'});
				});
			   $('back').addEvent('mouseout',function(){
				this.setStyles({'background':'none', 'cursor':'default'});
				});
			}
			
			
			if(tSlide){
				tSlide=false;
				move($(_act+'_c'));
			}
	   }});
	   
	   if(lan=='_en'){
			$('top_h').setStyle('background','url(/gfx/mf.gif) no-repeat');
			var a=$('top_h').getElement('a');
			a.set('text','mondriaan foundation');
			a.href=root + path+'/mf/';
			$('bot_h').setStyle('background','url(/gfx/ap.gif) no-repeat');
			var a=$('bot_h').getElement('a');
			a.set('text','applications');
			a.href=root + path+'/ap/';
	   	}
	}
	
	function tabSlide(){
	   var h=window.getSize().y;
	   if(_act=='top'){
		   $('bot').slide.start('height',h-107);
	   }else{
		   $('bot').slide.start('top',h-50);
	   }
	   var alt=((_act=='top')? 'bot' : 'top');
	   //$(_act+'_h').getElement('a').setStyle('color',((_act=='top')? '#0068AF':'#22cd00' ));
	   _act = alt;
	   
	}
	
	
	
	function addImgTyp(im,typ){
	   im=im.split('.');
	   ext=im.pop();
	   return im.join('.')+'.'+ext;
	}
	
	function handleChange(event) {
	   if(dom && site){
		tabSwitch(String(event.path).split('/'));
	   }else{
		ini_path=event.path;
	   }	
	}
	
	function tabSwitch(urls){
		urls=urls.filter(function(item){if(item && item !='' && item[0]!='?')return item;});
		var ob=[];
		if(urls[0]){
		   if(String(urls[0]).toLowerCase()==((lan)? 'ap' : 'av')){
			   url2obs('bot',[site.ap],urls);
			   if(_act!='bot'){
				tSlide=true;
				tabSlide();
			   }
		   }else{
			   url2obs('top',[site.mf],((urls.length>1)? urls: ((lan)? ['mf','news']:['ms','nieuws'])));
			   if(_act!='top'){
				tSlide=true;
				tabSlide();
			   }
		   }
		}else{//deafult pagina is nieuws...
		   url2obs('top',[site.mf],((lan)? ['mf','news']:['ms','nieuws']));
		}
	}
	
	
	function url2obs(tab, ob, urls){
	   var off = '';
	   for (var i = 1; i < urls.length; i++) {
		off += urls[i - 1] + '/';
		if(String(urls[1]).toLowerCase()=='zoek'){
		   ob.push({'tit':((lan)? 'Search' : 'Zoeken'),'txt':((lan)? 'search' : 'zoeken'),'typ':'qry'});
		   break;
		}
		if(String(urls[1]).toLowerCase()=='vraag'){
		   ob.push({'tit':((lan)? 'I have a question' :'Ik heb een vraag' ),'txt':urls[1],'typ':'qry_form'});
		   break;
		}
		
		if(String(urls[i]).toLowerCase()==((lan)? 'submitform':'aanmeldformulier')){
			//alert ("aanmelden");
			if(ob[i-1].aanmelden==1){
				 ob.push({'tit':((lan)? 'Submit' :'Aanmelden'),'txt':'','typ':'qry_form1', 'act':ob[i-1].tit, 'aid':ob[i-1].id});
			}
		   break;
		}
	
		if(String(urls[i]).toLowerCase()==((lan)? 'submit_newsletter':'aanmelden_nieuwsbrief')){
			ob.push({'tit':((lan)? 'Submit newsletter' :'Aanmelden nieuwsbrief' ),'txt':'','typ':'qry_form2'});
		  	break;
		}
	
		if(String(urls[i]).toLowerCase()=='confirm_newsletter'){
			 ob.push({'tit':((lan)? 'Newsletter' : 'Newsletter' ),'txt':ob[0].nl_cnfrm,'typ':'nl_confirm'});
			 break;
		}
		
		if(String(urls[i]).toLowerCase()=='unsubscribe'){
			 ob.push({'tit':((lan)? 'Unsubscribe Newsletter' : 'Uitschrijven Nieuwsbrief' ),'txt':ob[0].nl_cnfrm,'typ':'nl_confirm'});
			 break;
		}
		if(ob[i - 1]){
		    if (ob[i - 1].childs && ob[i - 1]._db != "letter") {
		       for (var j = 0; j < ob[i - 1].childs.length; j++) {
			    var c = String(ob[i - 1].childs[j].utt).split(off)[1].toLowerCase();
			    if (String(urls[i]).toLowerCase() == c) {
			       ob.push(ob[i - 1].childs[j]);
			       break;
			    }
		       }
		    }
		    
		    
		    if ( $type(ob[i - 1].txt) == 'array') {//multiple	tab == 'top' &&
		       for (var j = 0; j < ob[i - 1].txt.length; j++) { 
			    if(ob[i - 1].txt_ch){
				   
				    var c = String(ob[i - 1].txt[j].utt).split(off)[1].toLowerCase();
			    }else{
				    var c = String(ob[i - 1].txt[j].utt).toLowerCase();
			    }
			    //.split(off)[1];
			    if (String(urls[i]).toLowerCase() == c) {
			       ob.push(ob[i - 1].txt[j]);
			       break;
			    }
		       }
		    }
		    if (ob[i - 1].app) {
		       for (var j = 0; j < ob[i - 1].app.length; j++) {
			    var c = String((lan) ? ob[i - 1].app[j].utt_en : ob[i - 1].app[j].utt).split(off)[1].toLowerCase();
			    if (String(urls[i]).toLowerCase() == c) {
			       ob.push(ob[i - 1].app[j]);
			       break;
			    }
		       }
		    }  
	       }
	   }
	   SWFAddress.setTitle('Mondriaan '+((lan)? 'Foundation' : 'Stichting')+((ob.length>1)? ' - '+ob[ob.length-1].tit : ''));
	   showPgs(ob,$(tab+'_c'));
	}
	
	function showPgs(obs,tab){
		/******** remove unused pages ********/ 
		var pgs=tab.getElements('.pg');
		for(var i=obs.length; i<pgs.length; i++){
			pgs[i].dispose();	
		}
		var url=((lan)? obs[0].utt_en : obs[0].utt);
		/********* skip first pg ********/
		var bb=tab.getElement('.but_bar');
		bb.empty();
		if(obs[0].app){
		   mkButBar('',bb,5,site.ap,'iniAP',((obs[1])? obs[1]['utt'+((lan)? '_en' : '')]:''));
		}else{
		   mkButBar('',bb,5,obs[0].childs,'',((obs[1])? obs[1]['utt'+((lan)? '_en' : '')]:''));
		}
		obs.shift();
		pgs.shift();
		obs.each(function(item,n){
			if(item!=tab.obs[n]){
				if(tab=='bot')item.childs=getBotChilds(item);
				    var pg=mkPg(item,((obs[n+1])? obs[n+1]['utt'+((lan)? '_en' : '')]:''));
				
				if(pgs[n]){
					pg.replaces(pgs[n]);
				}else{
					tab.grab(pg);
				}
				
			}
		});
		tab.x=obs.length;
		if(!tSlide)move(tab);
	}
	
	function move(tab){
	   var pgs=tab.getElements('.pg');
	   var l=((pgs.length>1)? pgs.length-((screenW>1024)? 2 : 1) : 0);
	   var dis=pgs[l].getPosition(tab).x-((l)? 134 : 0);
	   $('back').setStyle('display',((dis)? 'block': 'none'));
		
		if (_act=='top'){
			$('back').removeClass('is_bot');
			$('back').addEvent('mouseover',function(){
				this.setStyles({'background':'url(/gfx/back.gif)', 'cursor':'pointer'});
			});
		}else{
			$('back').addClass('is_bot');
			 $('back').addEvent('mouseover',function(){
				this.setStyles({'background':'url(/gfx/back_bot.gif)', 'cursor':'pointer'});
			});
		}
		 $('back').addEvent('mouseout',function(){
			this.setStyles({'background':'none', 'cursor':'default'});
		});
	   tab.fx.start('left',-(dis)+'px');
	   pgs.removeClass('is_active');
	   pgs[tab.x].addClass('is_active');
	}
	
	function goback(tab){
	   var n=((screenW>1024)? 1 : 0 );
	   var pgs=tab.getElements('.pg');
	   var x=parseInt(tab.getStyle('left'));
	   if(x<0 && tab.x>n){
		tab.x--;
		var dis=tab.getElements('.pg')[tab.x-n].getPosition(tab).x-((tab.x-n)? 134 : 0);
		if(!dis)$('back').setStyle('display','none');
		tab.fx.start('left',-(dis)+'px');
		var pg=pgs[tab.x+1];
		pg.n=tab.x+1;
		pg.tab=tab;
		pg.addEvent('mouseover',function(){
			this.setStyles({'background':'url(/gfx/frwd'+((_act=='top')? '' : '_bot')+'.gif)', 'cursor':'pointer'});
		});
		pg.addEvent('mouseout',function(){
			this.setStyles({'background':'url(/gfx/v_stroke_'+((_act=='top')? 'blue' : 'green')+'.gif)', 'background-repeat':'repeat-y'});
		});
		
		pg.addEvent('click',function(){
			this.setStyles({'background':'url(/gfx/v_stroke_'+((_act=='top')? 'blue' : 'green')+'.gif)', 'background-repeat':'repeat-y'});
		   goforward(this.tab,this.n+1);
		   this.removeEvents();
		})
	   }
	   pgs.removeClass('is_active');
	   pgs[tab.x].addClass('is_active');
	   
	}
	
	function goforward(tab,n){
	   var pgs=tab.getElements('.pg');
	   var l=n-((screenW>1024)? 2 : 1 );
	   var dis=pgs[l].getPosition(tab).x-((l)? 134 : 0);
	   if(dis)$('back').setStyle('display','block');
	   tab.fx.start('left',-(dis)+'px');
	   //tab.x=n-1;
	   tab.x=((n)? n-1 : 0);
	   pgs.removeClass('is_active');
	   pgs[tab.x].addClass('is_active');
	}
	
        function ini_search(ob){
            ob.act=false;
            ob.inp=ob.getPrevious('input');
            ob.addEvent('click',function(e){
               new Event(e).stop();
               if(!this.act){
                  this.inp.setStyle('display','inline');
                  this.act=true;
               }else{
                  if(this.inp.value!=''){
                     this.form.fireEvent('submit',e);
                  }else{
                      this.inp.setStyle('display','none');
                     this.act=false;
                  }
                  
               }
            })
            $('top').buff=new Element('div',{'id':'buff'});
            var form=ob.getParent('form');
            ob.form=form;
            form.pr=ob;
   			   /*if($('top').buff){
				form.getNext().set('html',$('top').buff);
				form.getNext().getElements('a').each(function(a){
				   a.addEvent('click',function(e){
					   new Event(e).stop();
					   SWFAddress.setValue(String(this).split((root + path))[1]);
					})
				   })
			   }*/
			   form.ajax=new Request.HTML({
				'url': "qry.php",
				'headers':header,
				'update':$('top').buff,//form.getNext(),
				'onComplete':function(foo1,foo2,htm){
				  // alert(+'>>'+htm);
				   //form.getNext().set('html',htm);
				   //$('top').buff=form.getNext().get('html');
				   $('top').buff.getElements('a').each(function(a){
					a.addEvent('click',function(e){
					   new Event(e).stop();
					   SWFAddress.setValue(String(this).split((root + path))[1]);
					})
				   })
                                   if($('buff')){
                                       $('buff').set('html',$('top').buff.get('html'));
                                   }else{
                                       SWFAddress.setValue(String(this.href).split((root + path))[1]);
                                   }
                                   
				}

			   });
                           form.ajax.href=ob.href;
			   form.addEvent('submit',function(e){
				new Event(e).stop();
                               this.ajax.send('q='+this.pr.inp.value+'=&lan='+lan);
                                this.pr.inp.setStyle('display','none');
                               this.pr.inp.value='';
                                 this.pr.act=false;
			   })
			   
        }
        
        
	function fixPng(){
	$(document.body).getElements('.pngFix').each(function(ob){												  
		var w=((ob.width)? ob.width : ob.getSize.x);
		var h=((ob.height)? ob.height : ob.getSize.y);
		var sp=new Element('span',{'styles':{
			'width':w+'px',
			'height':h+'px',
			'display':'block',
			'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+ob.src+'\', sizingMethod=\'scale\')'
		}});
		sp.replaces(ob);
	});
}