/*
    Created by Noko Ltd.
    To house all functions relating to animated display of objects for Imago
*/

$(document).ready(function(){
  // ".more-less" clicked: (parent .item-body) toggle between ".open" and ".closed" class
  $(".more-less").hide().fadeIn(1000);
  $(".more-less").click(function (){
    $(this).closest(".display-item").toggleClass("open");
  });


  // "Select All" is clicked on the event filter, select all of the option boxes
  $(".allNone .all").click(function (){
    $(this).closest(".filter").find("input:checkbox").attr('checked', true);
  });
  // "Clear All" is clicked on the event filter, clear all of the option boxes
  $(".allNone .none").click(function (){
    $(this).closest(".filter").find("input:checkbox").attr('checked', false);
  });

  $("#accordion").accordion();
});

function toggleSeminar(linkObj, nodeID) {
     var maskHeight = $(document).height();
     var maskWidth = $(window).width();
     $.post("/Visit-Planner/toggleseminar",{
     PYDSeminarID: nodeID,
     PYDToggle: "1"
   }, function(xml) {
     if( $("status",xml).text() == "7"){
       linkObj.href = "/Visit-Planner/remove/(seminar)/" + nodeID;
       linkObj.innerHTML = "Remove from MYVISIT";
       $('<div id="page-mask"></div><div id="dialogue-box" class="confirmation"><div class="dialogue-inner"><div class="dialogue-title"><h4>Seminar added<a class="close" href="#" onclick="modalClose(); return false;"><span>Close</span></a></h4></div><div class="dialogue-description"><h5>'+ $("seminarName",xml).text()+'</h5><p>has been added to MYVISIT</p><p class="links"><a href="/Visit-Planner/overview">View MYVISIT</a></p></div></div></div>').prependTo('body'); 
     }else if( $("status",xml).text() == "8"){
       linkObj.href = "/Visit-Planner/remove/(seminar)/" + nodeID;
       linkObj.innerHTML = "Remove from MYVISIT";
       $('<div id="page-mask"></div><div id="dialogue-box" class="warning"><div class="dialogue-inner"><div class="dialogue-title"><h4>Your SEMINAR selection OVERLAPS with another seminar but we have added it to MYVISIT<a class="close" href="#" onclick="modalClose(); return false;"><span>Close</span></a></h4></div><div class="dialogue-description"><h5>'+ $("seminarName",xml).text()+'</h5><p>has been added to MYVISIT</p><p class="links"><a href="/Visit-Planner/overview">View MYVISIT</a></p></div></div></div>').prependTo('body'); 
     }else if( $("status",xml).text() == "6"){
       linkObj.href = "/Visit-Planner/add/(seminar)/" + nodeID;
       linkObj.innerHTML = "Add to MYVISIT";
       $('<div id="page-mask"></div><div id="dialogue-box" class="confirmation"><div class="dialogue-inner"><div class="dialogue-title"><h4>Seminar removed<a class="close" href="#" onclick="modalClose(); return false;"><span>Close</span></a></h4></div><div class="dialogue-description"><h5>'+ $("seminarName",xml).text()+'</h5><p>has been removed from MYVISIT</p><p class="links"><a href="/Visit-Planner/overview">View MYVISIT</a></p></div></div></div>').prependTo('body'); 
     }
     $('#page-mask').css({'width':maskWidth,'height':maskHeight});
   });
   return false;
}

function modalClose() {
  $('#dialogue-box').remove();
  $('#page-mask').fadeOut(function() { $('#page-mask').remove(); });
}