function showTab(tab)
{
  new Effect.Morph($(tab),
  {style:'margin-left:0px', 
  duration:0.5});
}

function hideTab(tab)
{
  new Effect.Morph($(tab),
  {style:'margin-left:-559px', 
  duration:0.5});
}

function hideAllTab()
{
  hideTab('business');
  hideTab('events');
}

function showBox(box)
{
  new Effect.Morph($(box), 
  {style:'margin-top:-180px;height: 200px',
  duration:0.4});
}

function hideBox(box)
{
  new Effect.Morph($(box), 
  {style:'margin-top: 20px;height: 0px',
  duration:0.4});
}

function hideAllBox()
{
  hideBox('detail1');
  hideBox('detail2');
  hideBox('detail3');
  hideBox('detail4');
}

function slideEvents()
{
	if ($('events').hasClassName('open'))
	{
      new Effect.Morph($('events'),
      {style:'width:27px', 
      duration:0.5});
	}
	else
	{
      new Effect.Morph($('events'),
      {style:'width:586px', 
      duration:0.5});
	}
	
	  if ($('business').hasClassName('open'))
  {
    // Do nothing
  }
  else
  {
      new Effect.Morph($('business'),
      {style:'width:586px', 
      duration:0.5});
      
      $('business').toggleClassName('open');
  }
	
	$('events').toggleClassName('open');

  hideAllBox();
}

function slideBusiness()
{
  
  if ($('events').hasClassName('open'))
  {
      new Effect.Morph($('events'),
      {style:'width:27px', 
      duration:0.5});
      
      $('events').toggleClassName('open');
  }
  else
  {
	  if ($('business').hasClassName('open'))
	  {
	      new Effect.Morph($('business'),
	      {style:'width:27px', 
	      duration:0.5});
	  }
	  else
	  {
	      new Effect.Morph($('business'),
	      {style:'width:586px', 
	      duration:0.5});
	  }
	  
	  $('business').toggleClassName('open');
  }
  
  hideAllBox();
}


function celebrities()
{

  if ($('business').hasClassName('open'))
  {
    new Effect.Morph($('business'),
    {style:'width:27px', 
    duration:0.5});
    
    $('business').toggleClassName('open');
  }
    
  if ($('events').hasClassName('open'))
  {
      new Effect.Morph($('events'),
      {style:'width:27px', 
      duration:0.5});
      
      $('events').toggleClassName('open');
  }


  hideAllBox();
}


Event.observe(window, 'load', function() {

	// slide up menus
	
	Event.observe($('box1'), 'mouseover', function(event) 
	{
			showBox('detail1');
	});
	
	Event.observe($('box1'), 'mouseout', function(event) 
	{
	    hideBox('detail1');
	});
	
	Event.observe($('box2'), 'mouseover', function(event) 
	{
	    showBox('detail2');
	});
	
	Event.observe($('box2'), 'mouseout', function(event) 
	{
	    hideBox('detail2');
	});
	
	
	Event.observe($('box3'), 'mouseover', function(event) 
	{
	    showBox('detail3');
	});
	
	Event.observe($('box3'), 'mouseout', function(event) 
	{
	    hideBox('detail3');
	});
	
	
	Event.observe($('box4'), 'mouseover', function(event) 
	{
	    showBox('detail4');
	});
	
	Event.observe($('box4'), 'mouseout', function(event) 
	{
	    hideBox('detail4');
	});
	
	
	// slide across menus
	
	//Event.observe($('richfolio'), 'mouseover', function(event) 
	//{
	//	$('richfolio').addClassName('cursor')
	//});
	
	
	Event.observe($('events'), 'mouseover', function(event) 
	{
	  $('events').addClassName('cursor')
	});
	
	
	Event.observe($('business'), 'mouseover', function(event) 
	{
	  $('business').addClassName('cursor')
	});
	
	
	Event.observe($('celebrities'), 'mouseover', function(event) 
	{
	  //if ($('music').getWidth() == 27 && $('events').getWidth() == 27 && $('richfolio').getWidth() == 27)
	  if ($('business').getWidth() == 27 && $('events').getWidth() == 27)
	  {
		  if ($('celebrities').hasClassName('cursor'))
		  {
			  $('celebrities').removeClassName('cursor');
		  }
	  }
	  else
	  {
		  $('celebrities').addClassName('cursor')
	  }
	});

});