var windowHeight,
	widowWidth;

function alignLogo() {
	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}
	
	var logoTop = ((windowHeight - 150) / 2);
	var logoLeft = ((windowWidth - 150) / 2);
	
	$('#tempLogo').css({
		'margin-top':logoTop,
		'margin-left':logoLeft
	});
};

$(document).ready(function() {
	alignLogo();
	
	$('#tempLogo').animate({
		opacity: 1,
		top: '0px'
	}, 1000)
	
	$('#tempLogo').hover(function() {
		$("body").css({'background-color':'black'})
	}, function() {
		$("body").css({'background-color':'white'})
	})
	
	$(window).resize(function() {
		alignLogo();
	})
})