$(document).ready(function(){

	$('#nav li').hover(function(){
		$(this).addClass('hover');
	}, function() {
		$(this).removeClass('hover');
	});

	$('.slide')
		.bind('open', function(){
			if(! $(this).hasClass('open')){
				$(this).next().trigger('open');
				$(this).addClass('open');
				$(this).animate({right: "-=423px"});
			}
			else{
				$(this).prev().trigger('close');
			}
			$(this).siblings().removeClass('active');
			$(this).addClass('active');
		})
		.bind('close', function(){
			if($(this).hasClass('open')){
				$(this).removeClass('open');
				$(this).animate({right: "+=423px"});
				$(this).prev().trigger('close');
			}
		});

	$('.slidebutton')
		.click(function(){
			$(this).parent().trigger('open');
			$('#content-' + $(this).parent().attr('id')).trigger('show');
		});

	$('.slidecontent').bind('show', function(){
		$('.slidecontent').removeClass('open');
		$(this).addClass('open');
	});
	
	$('#nav>li').hover(function() {
      $(this).addClass('hover');
    }, function() {
      $(this).removeClass('hover');
    }
  )
	
});