window.addEvent('domready',function() {
  new Menu;
  new waslijn;
  
  externalLinks();
  
  if ($('container').getSize().size.y < 650) {
    $('container').setStyle('height','650px');
  }
});

/*----------------------------------------------------------------------------------------------------*/
var waslijn = new Class({
  initialize: function(kleding) {
    // De kledingstukken verkleuren
    $$('.kleding').each(function(kledingstuk) {
      kledingstuk.addEvent('mouseover', function() {
        var newsrc = this.getProperty('src');
        newsrc = newsrc.replace('/_images/','/_images/a_');
        var a = newsrc.search('/_images/a_');
        if (a > -1) {
          this.setProperty('src',newsrc);
        }
        this.removeEvents();
      });
    });
    
    $$('.kledingdiv').forEach(function(container) {
      container.addEvent('mouseover', function() {
        var kids = this.getChildren();
        var veld = $(kids[1]);
        var buttonstyle = new Fx.Styles(veld, {duration: 1200, transition: Fx.Transitions.bounceOut});
        veld.setStyle('display', 'block');
        buttonstyle.start({
          'height': [0, 300]
        });
      }).addEvent('mouseout', function() {
        var kids = this.getChildren();
        var veld = $(kids[1]);
        veld.setStyle('display','none');
      });
    });
  }
});

/*----------------------------------------------------------------------------------------------------*/
var Menu = new Class({
  initialize: function() {
    $$('#menu a.menuitem').forEach(function(item){
      var src = item.getProperty('id');
      var url = document.URL;
      url = url.replace(document.domain,'');
      
      // home workaround
      if (url == "http:///") { url = "http://home/"; }

      if (url.lastIndexOf(src) > -1) {
        src = 'o_' + src;
        var selected = true;
      }
      src = '/_images/buttons/' + src + '.gif';
      var alt = item.getProperty('title');
      item.setHTML('<img src="'+ src +'" alt="'+ alt +'" />');
      if (selected != true) {
        var image = item.getChildren();
        image.addEvent('mouseover', function() {
          var actsrc = item.getProperty('id');
          this.setProperty('src', '/_images/buttons/o_' + actsrc + '.gif');
        }).addEvent('mouseout', function() {
          var actsrc = item.getProperty('id');
          this.setProperty('src', '/_images/buttons/' + actsrc + '.gif');
        });
      }
    });
    $("menu").setOpacity("1");
    menuInit = true;
  }
});

/*----------------------------------------------------------------------------------------------------*/
// Open link in nieuw venster
function externalLinks() {
 if (!$$) return;
 $$('a').forEach(function(anchor) {
   if (anchor.getProperty('href') && anchor.getProperty('rel') == 'external') {
     anchor.setProperty('target','_blank');
   }
 });
}

/*----------------------------------------------------------------------------------------------------*/
// Controleer het invulformulier
function checkForm() {
	var requiredItems = $$('.verplicht');
	var missingField = false;
	requiredItems.forEach(function(veld) {
    veld.removeClass('empty');
		if (veld.value == '') {
			veld.addClass('empty');
			missingField = true;
		}
	});
	if (missingField == true) {
		alert('De rood gekleurde velden zijn verplicht');
	  return false;
	}
}

/*----------------------------------------------------------------------------------------------------*/
function random_imghead(){
  var headerimage=new Array()
  //bgrechts
  headerimage[1]="/_images/rightbg10.gif"
  headerimage[2]="/_images/rightbg1.gif"
  headerimage[3]="/_images/rightbg2.gif"
  headerimage[4]="/_images/rightbg3.gif"
  headerimage[5]="/_images/rightbg4.gif"
  headerimage[6]="/_images/rightbg5.gif"
  headerimage[7]="/_images/rightbg6.gif"
  headerimage[8]="/_images/rightbg7.gif"
  headerimage[9]="/_images/rightbg8.gif"
  headerimage[10]="/_images/rightbg9.gif"

  
  var ry=Math.floor(Math.random()*headerimage.length)

  if (ry==0)
     ry=1
     document.write("<style>#right {background-image: url('"+headerimage[ry]+"');}</style>");
	 }

  random_imghead()
 
/*----------------------------------------------------------------------------------------------------*/
var image = null;

function ShowFoto(image) {
  var divwidth = 600;
  var divheight = 470;
  var width = document.body.clientWidth;
  var height = document.body.clientHeight + document.body.scrollTop;
  var marginleft = (width - divwidth) / 2;
  var margintop = (height - divheight) /2;
  var bodywidth = document.body.scrollWidth;
  var bodyheight = document.body.scrollHeight;

  $('a_overlay').setStyle('width',bodywidth);
  if (height > bodyheight) {
    $('a_overlay').setStyle('height',height);
  }
  else $('a_overlay').setStyle('height',bodyheight);

  $('showfoto').setStyle('width',divwidth);
  $('showfoto').setStyle('height',divheight);
  $('showfoto').setStyle('top',margintop + (document.body.scrollTop / 2));
  $('showfoto').setStyle('left',marginleft);
  
  var inner = "<img src=\ "+image+"\ onclick=\"HideFoto();\" /><br /><span class=\"sluitfoto\">Klik op de foto om deze af te sluiten</span>"

  $('showfoto').setHTML(inner);
  
  $('showfoto').setStyle('display','block');
  $('a_overlay').setStyle('display','block');
}

function HideFoto() {
  $('showfoto').setStyle('display','none');
  $('a_overlay').setStyle('display','none');
}

/*----------------------------------------------------------------------------------------------------*/
function checkNav() {
  if (!document.getElementById) {
    clearInterval(domload)
    domload = null;
    return false; 
  }
  if (document.getElementById("menu") && !menuInit) {
    clearInterval(domload)
    $("menu").setOpacity("0")
    domload = null;
    return true;
  } else {
    return false;
  }
}
var menuInit = false;
var domload = setInterval("checkNav()", 25);