// JavaScript Document
$(document).ready(function(){
	
	$('.hoverswap').hover(
		function () {
			$('#'+$(this).attr('divOff')).hide();
			$('#'+$(this).attr('divOn')).show();
			$('body').css("background-color", "#ffffff");
		}, 
		function () {
			$('#'+$(this).attr('divOn')).hide();
			$('#'+$(this).attr('divOff')).show();
			$('body').css("background-color", "#000000");
		}
	);
	
	resetMenuPos('#mainDiv');
	
	$(window).resize(function(){
  		resetMenuPos('#mainDiv');
	});
	
});

function resetMenuPos(element) {
	
	var windowWidth = $(window).width();
	var windowHeight = $(window).height();
	
	var elementWidth = $(element).width();
	var elementHeight = $(element).height();
	
	
	
	var l = ((windowWidth - elementWidth)/2);
	l = l > 0 ? (l+'px') : '0';
	
	var t = ((windowHeight - elementHeight)/2);
	t = t > 0 ? (t+'px') : '0';
	
	$(element).css({
		left: l, 
		top: t
	});
}