var carouselHeight='';
var carouselWidth='';
var carouselid=0;

function getAjaxContent(url, title) {
   var ajaxUrl="/index.php?id="+url;
   $.ajax({
   type: "GET",
   url: ajaxUrl,
  success: function(html_html){
   var contenttekst = $(html_html).find(".content").html(); 
   $(".content").html('<h1>'+title+'</h1><p>'+contenttekst+'</p>');
   setHeight();
    
  }
 });
}
function setHeight() {
  var topH = 78;
  htmlHeight = document.documentElement.offsetHeight;
	scrollHeight = document.documentElement.scrollHeight;
	if (scrollHeight > htmlHeight) {
  	document.getElementById('container').style.height = scrollHeight + 'px';
  	document.getElementById('lcol').style.height = (scrollHeight - topH) + 'px';
  	document.getElementById('rcol').style.height = (scrollHeight - topH) + 'px';
  }
  else {
  	document.getElementById('container').style.height = htmlHeight + 'px';
  	document.getElementById('lcol').style.height = (htmlHeight - topH) + 'px';
  	document.getElementById('rcol').style.height = (htmlHeight - topH) + 'px';
  }
}
 function zoomOut(el){ 

      $(el).css({height:"86px"});
      $(el).css({width:"77px"});
      $(el).css({marginTop:"0px"});
      var parentdiv=$(el).parents();
      $(parentdiv).children(".carouseltitle").css({display:"block"});
}

 function zoomIn(el){ 
      $(el).css({height:"64px"});
      $(el).css({width:"57px"});
      $(el).css({marginTop:"20px"});
      var parentdiv=$(el).parents();
      $(parentdiv).children(".carouseltitle").css({display:"none"});
}

$(document).ready(function() {
  $(window).resize(setHeight());
  $(window).scroll(setHeight());
   setHeight();

  var hoogte=$('.zoomi').height;
  var breedte=$('.zoomi').width;
  $('.convert').pngFix(); 
    
});