$(document)
.ready(function(){
	var moreInfoDiv = $('#moreInfoDiv');
	var moreInfoLink = $('.moreinfo .link a#moreInfo');
	var bgDiv = $('#wrapper');
	var bluearrow = $('#grey_arrow');
	
	$('#moreInfo').click(function(){
		if( moreInfoDiv.data("opened") != "yes" ){
			moreInfoDiv.data("opened", "yes")
			.stop()
			.animate({top:0},500);			
			bgDiv
			.stop()
			.animate({marginTop:590},500);	
			bluearrow.hide();	
			moreInfoLink.addClass('selected');	
		}
		else{
			moreInfoDiv.data("opened", "no")
			.stop()
			.animate({top:-550},300);
			bgDiv
			.stop()
			.animate({marginTop:40},300);
			bluearrow.show();
			moreInfoLink.removeClass('selected');	
		};
		
		return false;
	});
	
	$('#moreInfoClose').click(function(){
		moreInfoDiv.data("opened", "no")
		.stop()
		.animate({top:-550},300);
		bgDiv
		.stop()
		.animate({marginTop:40},300);
		bluearrow.show();
		moreInfoLink.removeClass('selected');
	});
	
	$('a.thecode, a.example').click(function(){
		window.open(this.href,$(this).attr('title'),$(this).attr('data')+',toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,copyhistory=0,resizable=yes')
		return false;
	});
	
});