/*Start of Dropdown menu used for video categories + shows //uses prototype */
var DDMenuController = function() {
  var that = this;
  var index = null;
  var mouseOverList = false;
  var list = null;

  function setIndex(n){ index=n; }
  function showList(){
    if($$('ul.cnnShowList')[index].hasClassName('showList') && (mouseOverList==false)) {
	   document.body.onmousedown = null;
	   $$('ul.cnnShowList')[index].removeClassName('showList');      //hide the list
       list.style.display="block";                                     //enable the button
    }
    else {
  	   list.style.display="none";  					                 //disable the button
	   $$('ul.cnnShowList')[index].addClassName('showList');         //show the list
	   document.body.onmousedown = showList;
    }
  }
  function setMouseOvers(){
    Event.observe($$('ul.cnnShowList')[index],'mouseover',function() { mouseOverList = true; });
    Event.observe($$('ul.cnnShowList')[index],'mouseout',function() { mouseOverList = false; });
  }
  this.init = function(el, i) {
    setIndex(i);
    setMouseOvers();
    list = el;
    Event.observe(el, 'click', function(event){ showList(); Event.stop(event); } );
    return this;
  };
}
var DDmenu = function() {
  var ddMenus = [];
  this.init = function(){
    $$('a.toggleList').each(function(value,index) {
      ddMenus[index] = new DDMenuController().init(value,index);
    });
    return ddMenus;
  };
  return this;
}

try{ var ddMenus = new DDmenu().init(); } catch(e){ alert(e); }
/*End of Dropdown menu used for video categories + shows  //uses prototype */