var slider = $(document.getElementById('scroller'));
var cards = $(document.getElementById('cards'));

var cardTitle = new Array();
var cardDescription = new Array();

var fontfacesupport = true;

var scale = $(document.getElementById('header')).get('tween', {
            property: 'height', 
            duration: 'long',
            onComplete: function() {
                if(Browser.Engine.trident == true) {
                //Browser.Engine.version
                    if($(document.getElementById('header')).getSize().y > 200) { 
                        document.getElementById('cards').style.display = 'block';
                        document.getElementById('nextBt').style.display = 'block';
                        document.getElementById('prevBt').style.display = 'block';
                        document.getElementById('closeBt').style.display = 'block';
                    }

                }
            }
            
            });
            
	new Fx.Morph(slider,{duration:500}).start({
			left: '0px'
	});	

function show() {

}

function setTitle(title) {
    title = title.replace(/ innl/i, "");
    $$('#titlebar img')[0].style.display = 'none';
    var myFx = new Fx.Slide($$('#titlebar span')[0], {
    mode: 'horizontal',
    onComplete: function(){
        $$('#titlebar div')[0].style.width = '800px';
        $$('#titlebar h2')[0].innerHTML = title;
        if(fontfacesupport == false) {
            Cufon.refresh($$('.xb'));

            Cufon.refresh($$('.innl'));
 
			Cufon.refresh('h2');
			Cufon.refresh($$('#titlebar *'), { fontFamily: 'InfinityMedium' });
			Cufon.refresh($$('.pointer'), { fontFamily: 'InfinityExtraBold' });
            Cufon.refresh($$('.xb'));
            Cufon.refresh($$('.innl'));
		}

       slideIn();
		        
    }
}).slideOut('horizontal');


function slideIn() {
	var myFx = new Fx.Slide($$('#titlebar span')[0], {
	   mode: 'horizontal',
       onComplete:function() {
            reset.delay(5);
       }
	  }).slideIn('horizontal');
	}	 
}
        
function reset() {
    $$('#titlebar img')[0].style.display = 'block';

                $$('#titlebar span')[0].setStyle('width',$$('#titlebar span img')[0].getSize().x+$$('#titlebar span h2')[0].getSize().x+50);
                $$('#titlebar span')[0].parentNode.setStyle('width',$$('#titlebar span img')[0].getSize().x+$$('#titlebar span h2')[0].getSize().x+1);
}        

function attachOpenPointers() {
   $$('.slidepointer').each(function(el) {   
           el.removeEvents();
 
		el.addEvent('click',function(event) {
                        $(document.getElementById('container')).style.top = "12px";
                        /*
            document.getElementById('cards').style.display = 'block';
                document.getElementById('nextBt').style.display = 'block';
                document.getElementById('prevBt').style.display = 'block';
                document.getElementById('closeBt').style.display = 'block'; 
                */
	 		 document.getElementById('pointer').style.backgroundPositionX = "50%";
	 		 document.getElementById('pointer').style.backgroundImage = "url('/img/pointerup.gif')";
	 	 	scale.start(255); 

	 	 	$(document.getElementById('cBt')).innerHTML = 'terug';
	 	 	 $$('.pointer').removeEvents();
	 	 	setTitle('gelukkig');
	 	 	attachClosePointers();
	});
 });
}

$(document.getElementById('closeBt')).addEvent('click',function(event) {
	 		 document.getElementById('pointer').style.backgroundImage = "url('/img/speachbubble.gif')";
                //if IE
                                if(Browser.Engine.trident == true) {

                $(document.getElementById('container')).style.top = "-1px";
                document.getElementById('cards').style.display = 'none';
                document.getElementById('nextBt').style.display = 'none';
                document.getElementById('prevBt').style.display = 'none';
                document.getElementById('closeBt').style.display = 'none'; 
                }
	 	 	scale.start(105); 
	 	 	$(document.getElementById('cBt')).innerHTML = 'bekijk de kaarten';
	 	 	$$('.pointer').removeEvents();
	 	 	setTitle('activiteiten');
	 	 	attachOpenPointers();	
});

function attachClosePointers() {
   $$('.slidepointer').each(function(el) {    
        el.removeEvents();
		el.addEvent('click',function(event) {
                document.getElementById('pointer').style.backgroundImage = "url('/img/speachbubble.gif')";
                $(document.getElementById('container')).style.top = "-1px";
                if(Browser.Engine.trident == true) {

                document.getElementById('cards').style.display = 'none';
                document.getElementById('nextBt').style.display = 'none';
                document.getElementById('prevBt').style.display = 'none';
                document.getElementById('closeBt').style.display = 'none';
                }
	 	 	scale.start(105); 
	 	 	$(document.getElementById('cBt')).innerHTML = 'bekijk de kaarten';
	 	 	$$('.pointer').removeEvents();
	 	 	setTitle('activiteiten');
        
	 	 	attachOpenPointers();
        
            
	});
 });
}

   $$('.card').each(function(el) {  
   	el.addEvent('mouseover',function(event) {
        if($(event.target).id.indexOf('c') != -1) {
            $(document.getElementById('overlay')).getElementsByTagName('h2')[0].innerHTML = cardTitle[$(event.target).alt];
            $(document.getElementById('overlay')).getElementsByTagName('p')[0].innerHTML = cardDescription[$(event.target).alt];
        } else {
             $(document.getElementById('overlay')).getElementsByTagName('h2')[0].innerHTML = cardTitle[$(event.target).id];
            $(document.getElementById('overlay')).getElementsByTagName('p')[0].innerHTML = cardDescription[$(event.target).id];       
        }

   		$(document.getElementById('overlay')).style.left = $(event.target).getPosition().x-125+'px';
   		$(document.getElementById('overlay')).style.display = 'block';	
   	});
   	
   });  
   
   $$('.card').each(function(el) {  
   	el.addEvent('mouseout',function(event) {
   		$(document.getElementById('overlay')).style.display = 'none';	
   	});
   	
   });     

   	$(document.getElementById('overlay')).addEvent('mouseover',function(event) {
   		$(document.getElementById('overlay')).style.display = 'block';	
   	});
   	
   	$(document.getElementById('overlay')).addEvent('mouseout',function(event) {
   		$(document.getElementById('overlay')).style.display = 'none';	
   	});   	

$(document.getElementById('nextBt')).addEvent('mousedown',function(event) {
	var position = slider.getPosition();
	position = position.x-885;	
	if(position <= -2360) {position = -2360;}
	new Fx.Morph(slider,{duration:500}).start({
			left: position +'px'
	});		
});

$(document.getElementById('prevBt')).addEvent('mousedown',function(event) {
	var position = slider.getPosition();
	position = position.x+195;	
	if(position >= 0) { position = 0;}
	new Fx.Morph(slider,{duration:500}).start({
			left:  position+'px'
	});		
});

$(document.getElementById('submitBt')).addEvent('mousedown',function(event) {
    $(event.target).setAttribute('src','/img/downbutton.gif');
});

$(document.getElementById('submitBt')).addEvent('mouseup',function(event) {
    $(event.target).setAttribute('src','/img/verstuur.gif');
});

$(document.getElementById('submitBt')).addEvent('mouseout',function(event) {
    $(event.target).setAttribute('src','/img/verstuur.gif');
});

function attachAccordionEvents() {
   $$('.subject .acTitle').each(function(el) {    
		el.addEvent('click',function(event) {
			var tValue = $(event.target).get('text');
			tValue = tValue.replace(/ innl/i, "");
			
			var t = $(event.target).parentNode;
			if(t.getElementsByTagName('div').length == 0) {
				t = $(t.parentNode);
                if(t.getElementsByTagName('h2').length == 0) {
				t = $(t.parentNode);
                }
                               if(t.getElementsByTagName('h2').length == 0) {
				t = $(t.parentNode);
                }
				tValue = $(t.getElementsByTagName('h2')[0]).get('text');
			}
			t = $(t.getElementsByTagName('div')[0]);
			if(tValue.indexOf('het land') != -1) { setTitle('activiteiten'); return; }
            if(tValue.indexOf('nu') != -1) {setTitle('nu');}
			
			$$('.subject .body').each(function(el) { 
				if(el != t) { el.style.display = 'none'; }
			});	
			
			
			if(t.style.display != 'block') {
	 			t.style.display = 'block';
	 			setTitle(tValue);

			} else {
	 			t.style.display = 'none';
	 			setTitle('activiteiten');
			}
	});
 });
}
attachAccordionEvents();
attachOpenPointers();