$(document).ready(function () {
	$('#projects').hide();
	$('#news').hide();
	setLayoutAfterSlideUp();


	$('#slider').click(function (e) {
		if ($('#projects').is(':visible')) {
			$('#projects').slideUp('fast', function () { setLayoutAfterSlideUp(); });
			$('#news').slideUp('slow', function () { });
		}
		else {
			$('#projectswrapper').removeClass('nomargin');
			$('#projectswrapper').removeClass('nopadding');
			$('#projects').slideDown('fast', function () { setLayoutAfterSlideDown(); });
			$('#news').slideDown('slow', function () { });
		}
	});


	var bgImages = new Array(
		"/Content/Img/Backgrounds/boat.jpg"
		, "/Content/Img/Backgrounds/sea2.jpg"
		, "/Content/Img/Backgrounds/mfp1.jpg"
		, "/Content/Img/Backgrounds/mfp2.jpg"
		, "/Content/Img/Backgrounds/mfp3.jpg"
		, "/Content/Img/Backgrounds/mfp4.jpg"
		, "/Content/Img/Backgrounds/mfp5.jpg"
		, "/Content/Img/Backgrounds/mfp6.jpg"
	//,"/Content/Img/Backgrounds/back1.jpg"
		);

	
	var currentBgImage = Math.floor(Math.random() * bgImages.length);
	$('html').css("background-image", "url('" + bgImages[currentBgImage] + "')"); 
});

function setLayoutAfterSlideDown() {
	$('#slider').addClass('up');
}

function setLayoutAfterSlideUp() {
	$('#slider').removeClass('up');
	$('#projectswrapper').addClass('nomargin');
	$('#projectswrapper').addClass('nopadding');
}