var imagenummer=0;
var xmldoc='';
var aantalimages=0;
var ie6=false;

jQuery(document).ready(function($){
  
//resizer

if ( $.browser.msie  && $.browser.version=='6.0' ) {
 ie6=true;
} else {
	$("#body-background").ezBgResize();
}
  /*
   * external links
   */
  $('A[rel="external"]').click( function() {
	window.open( $(this).attr('href') );
	return false;
  });
  
  $('a[href$="pdf"]').click( function() {
	window.open( $(this).attr('href') );
	return false;
  });
   //load background and read xml
  $.ajax({
	type: "GET",
	url: "/content/common/xml/backgroundimages.xml",
	dataType: "xml",
	success: function(xml) {
	  xmldoc=xml;
	  aantalimages=($(xml).find('image').length)
	  imagenummer= Math.floor(Math.random() * aantalimages);
	  $(xml).find('image').each(function(){
		if($(this).attr('index')==imagenummer){
			//check ie6
			if (ie6){
				$('body').css('background-image', 'url(/content/common/gfx/background/'+$(this).attr('src')+')')
			} else {
				$('#body-background img').attr('src', '/content/common/gfx/background/'+$(this).attr('src'))
			}
		 
		  $('.infoBackgroundPhoto h2').html($(this).find('title').text());
		  $('.infoBackgroundPhoto .plaats').html('<strong>Plaats:</strong> '+$(this).find('plaats').text()+'</strong>');
		  $('.infoBackgroundPhoto .tekst').html($(this).find('tekst').text());
		  //check url
		  if($(this).find('href').text().length>0)$('.infoBackgroundPhoto .url').html('<br/><a target="_blank" href="'+$(this).find('href').text()+'" title="'+$(this).find('title').text()+'">Ga naar de website van het project</a>');
		  if($(this).find('href').text().length==0)$('.infoBackgroundPhoto .url').html('');
		}
	  });
	}
  });
    $(".imageright").click(function () {
	  // imagenummer is huidige nummer
	  
	  imagenummer++;
	  if(imagenummer > (aantalimages-1))imagenummer=0;
	  $(xmldoc).find('image').each(function(){
		if($(this).attr('index')==imagenummer){
		  //check ie6
			if (ie6){
			
				$('body').css('background-image', 'url(/content/common/gfx/background/'+$(this).attr('src')+')')
			} else {
				$('#body-background img').attr('src', '/content/common/gfx/background/'+$(this).attr('src'))
			}
		  $('.infoBackgroundPhoto h2').html($(this).find('title').text());
		  $('.infoBackgroundPhoto .plaats').html('<strong>Plaats:</strong> '+$(this).find('plaats').text()+'</strong>');
		  $('.infoBackgroundPhoto .tekst').html($(this).find('tekst').text());
		 
		  if($(this).find('href').text().length>0)$('.infoBackgroundPhoto .url').html('<br/><a target="_blank" href="'+$(this).find('href').text()+'" title="'+$(this).find('title').text()+'">Ga naar de website van het project</a>')
		   if($(this).find('href').text().length==0)$('.infoBackgroundPhoto .url').html('');

		}
	  });
	  
	});
    $(".imageleft").click(function () {
	  imagenummer--;
	  if(imagenummer < 0)imagenummer=(aantalimages-1);
	  $(xmldoc).find('image').each(function(){
		if($(this).attr('index')==imagenummer){
		 //check ie6
			if (ie6){
				$('body').css('background-image', 'url(/content/common/gfx/background/'+$(this).attr('src')+')')
			} else {
				$('#body-background img').attr('src', '/content/common/gfx/background/'+$(this).attr('src'))
			}
		   $('.infoBackgroundPhoto h2').html($(this).find('title').text());
		  $('.infoBackgroundPhoto .plaats').html('<strong>Plaats:</strong> '+$(this).find('plaats').text()+'</strong>');
		  $('.infoBackgroundPhoto .tekst').html($(this).find('tekst').text());
		  if($(this).find('href').text().length>0)$('.infoBackgroundPhoto .url').html('<br/><a target="_blank" href="'+$(this).find('href').text()+'" title="'+$(this).find('title').text()+'">Ga naar de website van het project</a>')
		   if($(this).find('href').text().length==0)$('.infoBackgroundPhoto .url').html('');

		}
	  });	
	  
    });
/*	
	dataType: "xml",
	success: function(xml) {
	  xmldoc=xml;
	  aantalimages=($(xml).find('image').length)
	 
	  imagenummer= Math.floor(Math.random() * aantalimages);
	  $(xml).find('image').each(function(){
		if($(this).attr('index')==imagenummer){
		  $('body').css('background-image', 'url(/content/common/gfx/background/'+$(this).attr('src')+')')
		  $('.uitlegOnder h2').html($(this).find('title').text());
		  $('.uitlegOnder p').html('<br/><strong>Plaats:</strong> '+$(this).find('plaats').text()+'</strong>');
		   $('.uitlegOnder p').append('<br/><a rel="external" href="'+$(this).find('href').text()+'" title="'+$(this).find('title').text()+'">Ga naar de website van het project</a>')
		  
		  $('.uitlegOnder p').append('<br/><br/>'+$(this).find('tekst').text());
		}
	  });
	}
  });
 */
 
    
  $(".uitlegBovenButtonOpen").toggle(
	function () {
	   $(".uitlegHolderBoven").fadeIn(500);
	},
	function () {
	  $(".uitlegHolderBoven").css('display','none')
	  //$(".uitlegHolderBoven").fadeOut("slow");
	   $(".uitlegHolderOnder").delay(1000).css('display','none')
	}
  );
   $(".uitlegOnderButtonOpen").toggle(
	function () {
	  $(".infoBackgroundPhotoHolder").fadeIn(500);
	},
	function () {
	  $(".infoBackgroundPhotoHolder").css('display','none')
	   //$(".uitlegHolderOnder").hide("fade", {}, 1000);
	}
  );
   

$(".uitlegOnderButtonOpen").hover(
  function () {
   $(".uitlegHolderOnder").fadeIn(500);
  }, 
  function () {
    $(".uitlegHolderOnder").delay(1000).css('display','none')
  }
);
$(".infoBackgroundPhotoImage").click(function(){
	$(".infoBackgroundPhotoHolder").css('display','none')
});

  
/* 
  $(".uitlegBovenButtonOpen").toggle(
	function () {
	   $(".uitlegHolderBoven").fadeIn('slow');
	},
	function () {
	  $(".uitlegHolderBoven").css('display','none')
	  //$(".uitlegHolderBoven").fadeOut("slow");
	}
  );
   $(".uitlegOnderButtonOpen").toggle(
	function () {
	  $(".uitlegHolderOnder").fadeIn('slow');
	},
	function () {
	  $(".uitlegHolderOnder").css('display','none')
	   //$(".uitlegHolderOnder").hide("fade", {}, 1000);
	}
  );
*/


  //fade menu items
   $(".selected .MenuFadeImage").delay(2400).fadeOut('slow');
   $(".selected .subMenuItem").delay(2900).fadeIn('slow');
  
  

  //end document.ready
  
  
});

//resize
jQuery(window).bind("resize", function(){
    jQuery("#body-background").ezBgResize();
});