var myTO = null;

function initAgendagrid() {
    // ------------------------------------------------------------------------------------------
    // tijdelijke oplossing om het openingsweekend extra aandacht te geven
    // ------------------------------------------------------------------------------------------
    $("#2010-11-27").append('<span style="color: #E40A0B;font-weight: bold;">Openings-weekend DeLaMar Theater</span>');
    $("#2010-11-28").append('<span style="color: #E40A0B;font-weight: bold;">Openings-weekend DeLaMar Theater</span>');
    //    var openingsdag = $("#2010-11-27");
    //    if (openingsdag.length > 0) {
    //        $("#agendagrid #agendagrid-body").append('<div id="openingsweekend">Openingsweekend</div>');
    //    }
    // ------------------------------------------------------------------------------------------


    
    //deze functie opnieuw aanroepen na het inladen van nieuwe data
    /*
    $("#agendagrid #agendagrid-body div.active").each(function() {
        $(this).hoverIntent(
			        function(e) {
			            if (myTO) {
			                clearTimeout(myTO);
			            }
			            $(this).addClass("activedate");
			            var offset = $(this).offset();
			            showdetails(e, offset, $(this).attr('id') + "-content");
			        },
			        function() {
			            $(this).removeClass("activedate");
			            myTO = setTimeout("hideDetails()", 500);
			        }
		        );
    });
    */
    $("#agendagrid #agendagrid-body div.active:has('ul')").addClass('hasContent');
    $("#agendagrid #agendagrid-body div.hasContent").each(function() {
        $(this).click(function(e){
          $("#agendagrid #agendagrid-body div.active").removeClass("activedate");
          e.preventDefault();
          $(this).addClass("activedate");
          var offset = $(this).offset();
          showdetails(e, offset, $(this).attr('id') + "-content");
        });
        
    });
}



function showdetails(e, offset, contentdiv) {
  var tooltip = $("#" + contentdiv).html().trim();
  if (tooltip.length > 0) {
    $("#agendagriddetails .contentarea").html(tooltip);
    $("#agendagriddetails .contentarea").prepend('<a href="#" class="close" title="Sluiten"><img src="/images/icon_close.png" alt="X" width="24" height="24" /></a>');
    $("#agendagriddetails .contentarea .close").css({
      'float' : 'right',
      'position' : 'absolute',
      'margin' : '-10px 0 0 -10px',
      'text-decoration' : 'none',
      'outline' : 'none'
    });
    $("#agendagriddetails .contentarea .close").click(function(e) {
      e.preventDefault();
      hideDetails();
    });
    //$("#agendagriddetails").css("left", e.pageX - 100).css("top", e.pageY + 20).hover(
    $("#agendagriddetails").css("left", offset.left).css("top", offset.top + 50).fadeIn('slow');

    $("#agendagriddetails .detailvoorstelling").each(function() {
      $(this).hover(
        function() { $(this).addClass("myhover"); },
        function() { $(this).removeClass("myhover"); }
      );
    });
  }
}

function hideDetails() {
    $("#agendagriddetails").fadeOut('slow',function () {
       $("#agendagriddetails .contentarea").html("");
       $("#agendagrid #agendagrid-body div.active").removeClass("activedate");
    });
}