includes/clientside/static/sliders.js
author Dan
Wed, 15 Apr 2009 22:53:03 -0400
changeset 925 173aef60c13c
parent 855 4f7521dd981f
child 1227 bdac73ed481e
permissions -rw-r--r--
Added the linked-to page of the tutorial (it is, however, a stub at this point)

// Sliding drawers on the sidebar

// our global vars
// the delay between the slide in/out, and a little inertia

/*
pseudocode:
  oninit():
    i = 0
    for every div with class "slideblock", do
      if ( cookie['mdgSliderState_' || i] == 'closed' )
        div.hide()
        
      div.trigger.addEvent onclick():
        if ( div.hidden )
          div.show()
          cookie['mdgSliderState_' || i] = 'open'
        else
          div.hide()
          cookie['mdgSliderState_' || i] = 'closed
          
      i++
    
*/


var sliders_initted = false;
      
var initSliders = function()
{
  if ( KILL_SWITCH || IE )
    return false;
  
  var divs = getElementsByClassName(document, "div", "slideblock");
  var divs2 = getElementsByClassName(document, "div", "slideblock2");
  for ( var i = 0; i < divs2.length; i++ )
  {
    divs.push(divs2[i]);
  }
  delete divs2;
  
  if ( divs.length < 1 )
    return false;
  
  for ( var i = 0; i < divs.length; i++ )
  {
    var div = divs[i];
    // set a unique id for this slider
    div.metaid = i;
    
    var cookiename = 'mdgSliderState_' + i;
    if ( readCookie(cookiename) == 'closed' )
    {
      div.style.display = 'none';
    }
    
    var el = div.previousSibling;
    if ( !el )
      continue;
    while ( el.tagName == undefined )
    {
      el = el.previousSibling;
      if ( !el )
        break;
    }
    if ( !el )
      continue;
    var toggler = el.getElementsByTagName('a')[0];
    if ( !toggler )
      continue;
    toggler.onclick = function()
    {
      load_component(['jquery', 'jquery-ui']);
      
      var mydiv = this.parentNode.nextSibling;
      while ( mydiv.tagName != 'DIV' )
        mydiv = mydiv.nextSibling;
      if ( mydiv.style.display == 'none' )
      {
        $(mydiv).show('blind');
        var cookiename = 'mdgSliderState_' + mydiv.metaid;
        createCookie(cookiename, 'open', 365);
      }
      else
      {
        $(mydiv).hide('blind');
        var cookiename = 'mdgSliderState_' + mydiv.metaid;
        createCookie(cookiename, 'closed', 365);
      }
      
      return false;
    }
  }
}

addOnloadHook(initSliders);