var $x = jQuery.noConflict();
$x(document).ready(function(){				
	$x('.slide')
	.bind('open', function(){
		if(! $x(this).hasClass('open')){
			$x(this).next().trigger('open');
			$x(this).addClass('open');
			$x(this).animate({right: "-=518px"});
		}
		else{
			$x(this).prev().trigger('close');
		}
		$x(this).siblings().removeClass('active');
		$x(this).addClass('active');
	})
	.bind('close', function(){
		if($x(this).hasClass('open')){
			$x(this).removeClass('open');
			$x(this).animate({right: "+=518px"});
			$x(this).prev().trigger('close');
		}
	});
				
	$x('.slidecontent').bind('show', function(){
		$x('.slidecontent').removeClass('open');
		$x(this).addClass('open');
	});
			
	$x('.slidebutton').mouseover(function(){
		$x(this).parent().trigger('open');
		$x('#content-' + $x(this).parent().attr('id')).trigger('show');
	});
});