function screenAdjust() {	
	var screenH = $(window).height();
	var screenW = $(window).width();
	
	var docH = $(document).height();
	var docW = $(document).width();
	
	if(screenH > 600){
		$("div#copy").css( { top: screenH-20 } );
		
		$("img.logo").css( { top: screenH-65 } );
	
		$("div#mecaLogo").css( { top: screenH-52 } );
	}
	else {
		$("img.logo").css( { top: 570 } );
		
		$("div#copy").css( { top: 600 } );
		
		$("div#mecaLogo").css( { top: 580 } );
	}
	
	if(screenH > 600){
		$("div#container").css( { top: screenH/2-350 } );
	}
	
	if(screenW > 950){
		$("div#copy").css( { width: screenW } );
	}
	
	$("img.vingette").css( { width: docW, height: docH } );
}
	
	
$(document).ready( function() {

	screenAdjust();
	
	
	$(".col").css( {opacity:0.0} );
	
	$("div#mecaLogo").mouseover( function() {
		$(".col").animate( {opacity:1.0}, 200 );
	});
	
	$("div#mecaLogo").mouseout( function() {
		$(".col").animate( {opacity:0.0}, 350 );
	});
	
	

});


$(window).resize( function(){

	screenAdjust();
	
});