Shadowbox.loadSkin('ukko', '/shadowbox/skin');
Shadowbox.loadLanguage('nl', '/shadowbox/js/lang');
Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], '/shadowbox/js/player');

$(document).ready(function(){	

  var t;
  var doel_url;

  $("#banner").mouseover(function() {
	$(this).css( { cursor: "pointer" } );
	$(this).attr( { title: "ukko.nl homepagina" } );
  });

  $("#banner").click(function() {
	location.href="/";
  });

  $(".tag-kleurplaat-homepage").mouseover(function() {

	clearTimeout(t);

	var huidige_tag = $(this).attr("id");
	var aantal_keer = $(this).attr("aantal_keer");
	var tag_label = $(this).attr("tag_label");
    var xy = YAHOO.util.Dom.getXY(huidige_tag); 
	doel_url = $(this).attr("href");
	
	$("#thumbnail-cat").attr( { src:"/img/kleuren/cat/blanco.gif" } );	
	$("#container-preview").css( { opacity: "1",cursor: "pointer" } );
	$("#container-preview").attr( { title: "Klik om de kleurplaten van " + tag_label + " te bekijken!" } );
	$("#container-preview").fadeIn("slow");
    YAHOO.util.Dom.setXY('container-preview', xy);
	$("#thumbnail-cat").attr( { src:"/img/kleuren/cat/"+huidige_tag+".jpg" } );
	$("#thumbnail-cat").css ( { opacity: "1" } );
	$("#info-preview").text(aantal_keer + " kleurplaten van " + tag_label);
	return false;
		
  });

  $("#container-preview").mouseout(function() {
											
	t = window.setTimeout(function() {
      $("#container-preview").fadeOut("fast");	
    }, 500);

  });

  $("#container-preview").mouseover(function() {
	clearTimeout(t);
  });

  $("#container-preview").click(function() {
	location.href = doel_url;
  });

  $("#sluit-container-preview").mouseover(function() {
    $("#sluit-container-preview").attr( { title: "Sluit dit venster" } );
	$("#sluit-container-preview").css( { cursor: "pointer" } );		    
  });

  $("#sluit-container-preview").click(function() {
	$("#container-preview").fadeOut("slow");
	return false;
  });

  $("#zoek-kleurplaat-sleutelwoord").click(function() {
	if (document.getElementById("zoek-kleurplaat-sleutelwoord").value == "zoekwoord ...") {
	  document.getElementById("zoek-kleurplaat-sleutelwoord").value = "";
	}
	return false;
  });
  
  $("#zoek-kleurplaat-start").mouseover(function() {
	$(this).css( { cursor: "pointer",background: "transparent url('/img/ico/ico-zoek-f.gif') 50% 50% no-repeat" } );										  
  });  

  $("#zoek-kleurplaat-start").mouseout(function() {
	$(this).css( { background: "transparent url('/img/ico/ico-zoek.gif') 50% 50% no-repeat" } );										  
  }); 

  $(".thumbs-kleurplaten").click(function() {
//	var doel = $(this).attr("href");								  
//    sbKleurplaat(doel);		
//	return false;
  });
  
  $(".thumbs-kleurplaten").mouseover(function() {
	var titel = "";										  
    titel = $(this).attr("slug").replace(/-/g," ") + " kleurplaat " + unescape('%u2014') + " klik voor een grote versie!";	
	$(this).attr( { title: titel } );
  }); 
  
  $(".thumbs-kleurplaten").mouseout(function() {
	var titel =  $(this).attr("slug");
	$(this).attr( { title: titel } );
  });   
  
    
  $(".kleurplaten-tag, .kleurplaten-categorie").mouseover(function() {
	var slug = $(this).attr("slug");								   
    $(this).css( { background: "#fff url('/img/kleuren/cat/categorie-"+slug+".jpg') 100% 50% no-repeat" } );
  });
  
    $(".kleurplaten-tag, .kleurplaten-categorie").mouseout(function() {
    $(this).css( { backgroundImage: "none" } );
  });

  Shadowbox.init();

});

function sbKleurplaat(doel) {
	
  var plaatje = document.createElement("img");
  plaatje.src = doel;
  var hoogte = plaatje.clientHeight;
  
  var img = "<img alt='' src='" + doel + "' />";
  var inhoud = "<div class='shadowbox_message'>" + img + "</div>',"
  Shadowbox.open({
    player: 'html',
	content: inhoud,
    height: hoogte,
    width: 900
  });

}

function printPlaatje() {

  var plaatje = $("#shadowbox_content").attr("src");  
  var titel = $("#shadowbox_title_inner").html();
  location.href="/inc/print-kleurplaat.php?img="+plaatje+"&titel="+escape(titel);

}