// This uses the mootools framework to move the side menu

window.addEvent('domready', function() {
		
SqueezeBox.assign($$('a[rel=boxed]'), {
		size: {x: 750, y: 520},
		ajaxOptions: {
			method: 'get' // we use GET for requesting plain HTML (you can skip it, it is the default value)
		}
	});
									 
   var toggleHot =  new Fx.Slide('hot_slide',{ duration: 1000, transition: 'bounce:out' });
   var toggleVid =  new Fx.Slide('vid_slide',{ duration: 1000, transition: 'bounce:out' });
   var toggleTwit =  new Fx.Slide('twit_slide', { duration: 1000, transition: 'bounce:out' });
   
   toggleHot.show();
   toggleVid.hide();
   toggleTwit.hide();

   $('hot_toggle').addEvent('click', function(e) {
      e.stop();
      toggleHot.toggle();
	  toggleVid.slideOut();
	  toggleTwit.slideOut();
   });

   $('vid_toggle').addEvent('click', function(e) {
      e.stop();
      toggleVid.toggle();
	  toggleHot.slideOut();
	  toggleTwit.slideOut();
   });

   $('twit_toggle').addEvent('click', function(e) {
      e.stop();
      toggleTwit.toggle();
	  toggleHot.slideOut();
	  toggleVid.slideOut();	  
   });
});