// JScript File

/**
* --------------------------- mootools ron  -------------------------------
*/


window.addEvent('load', function(){

//------- bouncen van groene vlakjes in het begin

    var myMorph = new Fx.Morph('groenvlak', { 'duration': 1000, 'link': 'chain', transition: Fx.Transitions.Bounce.easeOut }); 
    myMorph.set({'height': 0});
    myMorph.start({'height': 73}); 
    $('groenvlak').fade('0.85');

    var myMorph = new Fx.Morph('groenvlak2', { 'duration': 1400, 'link': 'chain', transition: Fx.Transitions.Bounce.easeOut }); 
    myMorph.set({'height': 0});
    myMorph.start({'height': 73}); 
    $('groenvlak2').fade('0.85');

    var myMorph = new Fx.Morph('groenvlak3', { 'duration': 1200, 'link': 'chain', transition: Fx.Transitions.Bounce.easeOut }); 
    myMorph.set({'height': 0});
    myMorph.start({ 'height': 73}); 
    $('groenvlak3').fade('0.85');
    
 });
  



window.addEvent('domready', function() {

$('groenvlak').addEvent('mouseout', function(){
    
    $('groenvlak').set('tween', {
			onComplete: function(e) {
					$(e.id).set('tween', { onComplete: Class.empty });
					//alert('All done.  I\'m going to go back home now');
					$('schaduwonder').fade('hide');
					$('groenvlak').fade('0.85');		
				}
			},{duration: 600});
			
    $('schaduwonder').fade('hide');
    $('rollovervlak').fade(0);
    
    $('groenvlak').tween('background-color', 'rgb(189,175,16)');
    
});

$('groenvlak').addEvent('mouseover', function(e) {
		$('groenvlak').set('tween', {
			onComplete: function(e) {
					$(e.id).set('tween', { onComplete: Class.empty });
					//alert('All done.  I\'m going to go back home now');
					$('schaduwonder').fade('show');
					$('groenvlak').fade('1');
				}
			},{duration: 300});
				
		// onmouseover gedeelte
		$('groenvlak').tween('background-color', 'rgb(132,16,133)');
		
		var rolloverheight = new Fx.Morph('rollovervlak', { 'duration': 250, 'link': 'ignore' }); 
    rolloverheight.set({'height':73});
    rolloverheight.start({'height': 448});
      
    $('rollovervlak').fade(0.5);
		e.stop();
		
});

/////////////

$('groenvlak2').addEvent('mouseout', function(){
    
    $('groenvlak2').set('tween', {
			onComplete: function(e) {
					$(e.id).set('tween', { onComplete: Class.empty });
					//alert('All done.  I\'m going to go back home now');
					$('schaduwonder2').fade('hide');
					$('groenvlak2').fade('0.85');		
				}
			},{duration: 600});
			
    $('schaduwonder2').fade('hide');
    $('rollovervlak2').fade(0);
    
    $('groenvlak2').tween('background-color', 'rgb(189,175,16)');
    
});

$('groenvlak2').addEvent('mouseover', function(e) {
		$('groenvlak2').set('tween', {
			onComplete: function(e) {
					$(e.id).set('tween', { onComplete: Class.empty });
					//alert('All done.  I\'m going to go back home now');
					$('schaduwonder2').fade('show');
					$('groenvlak2').fade('1');
				}
			},{duration: 300});
				
		// onmouseover gedeelte
		$('groenvlak2').tween('background-color', 'rgb(132,16,133)');
		
		var rolloverheight2 = new Fx.Morph('rollovervlak2', { 'duration': 250, 'link': 'ignore' }); 
    rolloverheight2.set({'height':73});
    rolloverheight2.start({'height': 448});
      
    $('rollovervlak2').fade(0.5);
		e.stop();
		
});

/////////////////////////

$('groenvlak3').addEvent('mouseout', function(){
    
    $('groenvlak3').set('tween', {
			onComplete: function(e) {
					$(e.id).set('tween', { onComplete: Class.empty });
					//alert('All done.  I\'m going to go back home now');
					$('schaduwonder3').fade('hide');
					$('groenvlak3').fade('0.85');		
				}
			},{duration: 600});
			
    $('schaduwonder3').fade('hide');
    $('rollovervlak3').fade(0);
    
    $('groenvlak3').tween('background-color', 'rgb(189,175,16)');
    
});

$('groenvlak3').addEvent('mouseover', function(e) {
		$('groenvlak3').set('tween', {
			onComplete: function(e) {
					$(e.id).set('tween', { onComplete: Class.empty });
					//alert('All done.  I\'m going to go back home now');
					$('schaduwonder3').fade('show');
					$('groenvlak3').fade('1');
				}
			},{duration: 300});
				
		// onmouseover gedeelte
		$('groenvlak3').tween('background-color', 'rgb(132,16,133)');
		
		var rolloverheight3 = new Fx.Morph('rollovervlak3', { 'duration': 250, 'link': 'ignore' }); 
    rolloverheight3.set({'height':73});
    rolloverheight3.start({'height': 448});
      
    $('rollovervlak3').fade(0.5);
		e.stop();
		
});

///////////////
	
}); //end domready denk ik 

///////////////////////////////////////////////////
window.addEvent('domready', function() {

// eerste opzet groenvlak 2

//  var changecolor2 = new Fx.Morph('groenvlak2', { 'duration': 500, 'link': 'cancel' }); 
//  
//  $('groenvlak2').addEvent('mouseover', function(){
//      changecolor2.start({'background-color': 'rgb(132,16,133)'});
//      var rolloverheight2 = new Fx.Morph('rollovervlak2', { 'duration': 250, 'link': 'ignore' }); 
//      rolloverheight2.set({'height':73});
//      rolloverheight2.start({'height': 448});
//      $('groenvlak2').fade('1');
//      $('rollovervlak2').fade(0.5);
//      
//  });

//  $('groenvlak2').addEvent('mouseout', function(){
//      changecolor2.start({'background-color': '#bdaf10'});
//      $('rollovervlak2').fade(0);
//      $('groenvlak2').fade('0.85');
//  });


  //----------------------------- NIEUWS --------------- 
  var rolloverheight3 = new Fx.Morph('nieuwspopup', { 'duration': 500, 'link': 'cancel', transition: Fx.Transitions.Back.easeOut }); 

  $('nieuws1').addEvent('mouseover', function(){
  //var rolloverheight3 = new Fx.Morph('nieuwspopup', { 'duration': 500, 'link': 'cancel', transition: Fx.Transitions.Back.easeOut }); 
      //rolloverheight3.set({'height':73});
      rolloverheight3.start({'left': 326,'opacity': 0.9});
      //rolloverheight3.start({'opacity': 0.9});
  });
  $('nieuws1').addEvent('mouseout', function(){
  //var rolloverheight3 = new Fx.Morph('nieuwspopup', { 'duration': 500, 'link': 'cancel', transition: Fx.Transitions.Back.easeOut }); 
      //rolloverheight3.set({'height':73});
      //rolloverheight3.start({'left': 0});
      rolloverheight3.start({'opacity': 0, 'left': 0});
  });  

  ///////////////


  $('nieuws2').addEvent('mouseover', function(){

      //rolloverheight3.set({'height':73});
      rolloverheight3.start({'left': 326,'opacity': 0.9});
      //rolloverheight3.start({'opacity': 0.9});
  }); 
  $('nieuws2').addEvent('mouseout', function(){
  //var rolloverheight3 = new Fx.Morph('nieuwspopup', { 'duration': 500, 'link': 'cancel', transition: Fx.Transitions.Back.easeOut }); 
      //rolloverheight3.set({'height':73});
      //rolloverheight3.start({'left': 0});
      rolloverheight3.start({'opacity': 0,'left': 0});
  });

  ////////////////

  $('nieuws3').addEvent('mouseover', function(){
  //var rolloverheight3 = new Fx.Morph('nieuwspopup', { 'duration': 500, 'link': 'cancel', transition: Fx.Transitions.Back.easeOut }); 
      //rolloverheight3.set({'height':73});
      rolloverheight3.start({'left': 646,'opacity': 0.9});
      //rolloverheight3.start({'opacity': 0.9});
  }); 
  $('nieuws3').addEvent('mouseout', function(){
  //var rolloverheight3 = new Fx.Morph('nieuwspopup', { 'duration': 500, 'link': 'cancel', transition: Fx.Transitions.Back.easeOut }); 
      //rolloverheight3.set({'height':73});
      //rolloverheight3.start({'left': 0});
      rolloverheight3.start({'opacity': 0,'left': 0});
  });
  //////////////
  $('nieuws4').addEvent('mouseover', function(){
  //var rolloverheight3 = new Fx.Morph('nieuwspopup', { 'duration': 500, 'link': 'cancel', transition: Fx.Transitions.Back.easeOut }); 
      //rolloverheight3.set({'height':73});
     // rolloverheight3.start({'left': 646});
   
      rolloverheight3.start({'opacity': 0.9,'left': 646});
    
  }); 
  $('nieuws4').addEvent('mouseout', function(){
  //var rolloverheight3 = new Fx.Morph('nieuwspopup', { 'duration': 500, 'link': 'cancel', transition: Fx.Transitions.Back.easeOut }); 
      //rolloverheight3.set({'height':73});
      //rolloverheight3.start({'left': 0});
      rolloverheight3.start({'opacity': 0,'left': 0});
  });

  ////////////////////////////////////////////////////

// eerste opzet groenvlak 3
//  var changecolor3 = new Fx.Morph('groenvlak3', { 'duration': 500, 'link': 'cancel' }); 

//  $('groenvlak3').addEvent('mouseover', function(){
//      changecolor3.start({'background-color': 'rgb(132,16,133)'});
//      
//      var rolloverheight3 = new Fx.Morph('rollovervlak3', { 'duration': 250, 'link': 'ignore' }); 
//      rolloverheight3.set({'height':73});
//      rolloverheight3.start({'height': 448});
//      $('groenvlak3').fade('1');
//      $('rollovervlak3').fade(0.5);
//      
//  });

//  $('groenvlak3').addEvent('mouseout', function(){
//      changecolor3.start({'background-color': '#bdaf10'});
//      $('rollovervlak3').fade(0);
//      $('groenvlak3').fade('0.85');
//  });

}); //end domready
////////////////////////////////////////////////////> slideshow


window.addEvent('domready', function(){

$('rollovervlak').fade('hide');
$('rollovervlak2').fade('hide');
$('rollovervlak3').fade('hide');
$('schaduwonder').fade('hide');
$('schaduwonder2').fade('hide');
$('schaduwonder3').fade('hide');
$('nieuwspopup').fade('hide');


$('groenvlak').addEvent('click', function(){

  location.href = "page_subhome.aspx?id=36" 

});

$('groenvlak2').addEvent('click', function(){

  location.href = "page_subhome.aspx?id=28" 

});

$('groenvlak3').addEvent('click', function(){

  location.href = "page_subhome.aspx?id=29" 

});

$('rollovervlak').addEvent('click', function(){

  location.href = "page_subhome.aspx?id=36" 

});

$('rollovervlak2').addEvent('click', function(){

  location.href = "page_subhome.aspx?id=28" 

});

$('rollovervlak3').addEvent('click', function(){

  location.href = "page_subhome.aspx?id=29" 

});

$('show').addEvent('click', function(){

  location.href = "page_subhome.aspx?id=36" 

});

$('show2').addEvent('click', function(){

  location.href = "page_subhome.aspx?id=28" 

});

$('show3').addEvent('click', function(){

  location.href = "page_subhome.aspx?id=29" 

});

	    var data = {
	      '1.jpg': { caption: '' }, 
	      '2.jpg': { caption: '' }, 
	      '3.jpg': { caption: '' }
	    };
	    
	    var data2 = {
	      '4.jpg': { caption: '' }, 
	      '5.jpg': { caption: '' }, 
	      '6.jpg': { caption: '' }
	    };
	    
	    var data3 = {
	      '7.jpg': { caption: '' }, 
	      '8.jpg': { caption: '' }, 
	      '9.jpg': { caption: '' }
	    };
	    
	 var myShow = new Slideshow('show', data, { captions: false, controller: false, height: 448, hu: 'images/weller/homefotos/', paused: false, width: 320, delay : 5200 });
	 var myShow = new Slideshow('show2', data2, { captions: false, controller: false, height: 448, hu: 'images/weller/homefotos/', paused: false, width: 320, delay : 8000 });
	 var myShow = new Slideshow('show3', data3, { captions: false, controller: false, height: 448, hu: 'images/weller/homefotos/', paused: false, width: 320, delay : 6300 });
	 
	  });