var imagenummer=0;
var xmldoc='';
var aantalimages=0;
var ie6=false;
$(document).ready(function(){
	

//resizer
   
if ( $.browser.msie  && $.browser.version=='6.0' ) {
 ie6=true;
} else {
	$("#body-background").ezBgResize();
}
  //load background and read xml
  $.ajax({
	type: "GET",
	url: "/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(../images/background/'+$(this).attr('src')+')')
			} else {
				$('#body-background img').attr('src', '../images/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 rel="external" 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(../images/background/'+$(this).attr('src')+')')
			} else {
				$('#body-background img').attr('src', '../images/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 rel="external" 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(../images/background/'+$(this).attr('src')+')')
			} else {
				$('#body-background img').attr('src', '../images/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 rel="external" 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('');

		}
	  });	
	  
    });
  /*
   * 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;
  });
  
  prevobj = '';
  
  $('.extracontent > h3').click( function() {
	//alert($(this).parent().children('p').html());	
	if (prevobj != '') {
	  $(prevobj).parent().children('p').slideUp();
	}
	$(this).parent().children('p').slideDown('slow');
	prevobj = $(this);
	return false;
  });
  
  //draggable news
  $(function() {
	$("#rightul").draggable({handle: $("#topbar")});
  });
  $(".news_open").click(function() {
	$('.nieuwsholder').show('slide',{direction:'up'})
	$(this).hide();
	$(".news_close").show();
  });
  $(".news_close").click(function() {
	$('.nieuwsholder').hide('slide',{direction:'up'})
	$(this).hide();
	$(".news_open").show();  
  });
  
  //fade toggle function
  jQuery.fn.fadeToggle = function(speed, easing, callback) {
   return this.animate({opacity: 'toggle'}, speed, easing, callback);
  };

  
  
    
  $(".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')
});


/*
$("uitlegOnderButtonOpen").hover(function(){
	$(".uitlegHolderOnder").fadeIn('slow');
	//$(".uitlegHolderOnder").fadeOut(500);
	
});

*/
  $(function() {
	// Use this example, or...
	$("a[rel=lightbox]").fancybox({
		'type' : 'image',
		'transitionIn' : 'none',
		'transitionOut' : 'none',
		'titlePosition' : 'over',
		'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		}
	});
  });
  //set selected classes
  if($(curSelected)){
	
	$(".subMenuItem #"+curSelected).addClass('selected');
	$(".last #l-"+curSelected).addClass('selectedFooter');
  }
   
 /* resize content
   $('#content').resizable({
              handlers: 'se,s,e',
              minHeight:0,
              minWidth:0,
              start : function(event, ui) {
               $(this).css({'min-height':0+'px'})
			  
                      
              }
			 
            }
	); 
 end content resize */

//slideup/down content
   //get contentheight
   
var contentH=$('#content').height();
$('.contentcontrols').toggle(
	function() {
		$('#content').css({'min-height':0+'px'})
		$('#content').stop().animate({
			height: '0px'
		}, 1500, function() {
			// Animation complete.
			$('.contentcontrols img').attr('src', '../images/content_bigger.gif')
		});

  
	},
	function() {
		//$('#content').css({'min-height':640+'px'})
		$('#content').stop().animate({
			height: contentH+'px'
		}, 1000, function() {
			// Animation complete.
			$('.contentcontrols img').attr('src', '../images/content_smaller.gif')
		});

  
	}
);

//end slideup/down

  //end document.ready
  
  
});
//resize
$(window).bind("resize", function(){
    $("#body-background").ezBgResize();
});


/* Functie voor paging */
function pagingObj() {
 if($("#content").length>0){
	var contentDiv = $("#content");
	var pagesCount = 0;
    var pages =$("#content ul"); 
    for(i=0; i<pages.length; i++) { 
      if (pages[i].className == 'page') pagesCount++; 
    }
    if (pagesCount > 0) goPage(0,(pagesCount));
  }
  
}

var prev_page = '';

function goPage(s, p) {
  
  var pObj = '';
  
  for (i=0; i<p; i++) {
    if (i>0) pObj += ' | '; 
    // link all pages except current
    pObj += (s==i)?(i+1):'<a href="javascript:goPage('+i+', '+p+')">'+(i+1)+'</a>';
    if (i>0) document.getElementById('paging').innerHTML = pObj;
  }


  s = 'page_'+s;
  if (prev_page != '') {
    document.getElementById(prev_page).style.display = 'none';
  }
  document.getElementById(s).style.display = 'block'
  
  prev_page = s;
}

/* Deze functies worden gebruikt omdat je geen target=blank meer mag gebruiken */
try {
  document.addEventListener('click', handleClick, false);
  } catch(e) {
  if (document.attachEvent) {
    document.attachEvent('onclick', handleClick);
  } else {
    document.onclick = handleClick;
  }
}

function handleClick(e) {
  var event = e || window.event;
  if(event.ctrlKey || event.shiftKey || event.altKey) return true;
  if(event.which && event.which != 1) return true;

  var target = event.target || event.srcElement;
  while(target && !/^a$/i.test(target.nodeName)) {
    target = target.parentNode;
}

if(!target || !target.getAttribute('rel')) return true;

  var rel = target.getAttribute('rel');
  var href = target.getAttribute('href');
  switch(rel) {
  case 'disclaimer':
   window.open(href, '', 'width=300,height=250');
   break;
  case 'informatie':
   window.open(href, '', 'width=560,height=450,scrollbars=yes');
   break;
  case 'external':
   window.open(href);
   break;
  case 'community':
   window.open(href, '', 'width=360,height=340,scrollbars=no');
   break;
  case 'routeplanner':
   window.open(href, '', 'width=570,height=520,scrollbars=no');
   break;
  case 'seniorvalley':
   window.open(href,'seniorvalley','width=618,height=444,scrollbars=no');
   break;
  default:
   return true;
  }

  try { event.preventDefault(); } catch(e){}
  return false;
}

function init() {
  pagingObj();
}

this.onload = init;

// opening en closing KvK gegevens adressen lijst
function openCloseKvk(nummer){
  if(nummer && nummer!="" && document.getElementById("kvk_"+nummer)){
    if(document.getElementById("kvk_"+nummer).style.display=="block"){
      document.getElementById("kvk_"+nummer).style.display="none";
    }else{
      document.getElementById("kvk_"+nummer).style.display="block";
    }
  }
}



/***************************************************************************
* print_r functie - handig
**************************************************************************/
function print_r(theObj){  
   if(theObj.constructor == Array || theObj.constructor == Object){  
      document.write("<ul>")  
      for(var p in theObj){  
         if(theObj[p].constructor == Array || theObj[p].constructor == Object){  
            document.write("<li>["+p+"] => "+typeof(theObj)+"</li>");  
            document.write("<ul>")  
            print_r(theObj[p]);  
            document.write("</ul>")  
         } else {  
            document.write("<li>["+p+"] => "+theObj[p]+"</li>");  
         }  
      }  
      document.write("</ul>")  
   }  
}