var mouseOvers = new Array();
	var mouseOuts = new Array();

	function MouseOvers (section) {
		if (document.getElementById(section)) { 
			var nav = document.getElementById(section);
			var imgs = nav.getElementsByTagName("img");


		for (i = 0; i < imgs.length; i++) {

			if (imgs[i].src.search(/on.gif$/) == -1) { 
			imgs[i].onmouseover = function () {
				this.src = mouseOvers[this.number + section].src;
			}
			imgs[i].onmouseout = function () {
				this.src = mouseOuts[this.number + section].src;
			}
		}
			var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
			mouseOuts[i + section] = new Image();
			mouseOuts[i + section].src = imgs[i].src;
			mouseOvers[i + section] = new Image();
			mouseOvers[i + section].src = imgs[i].src.substring(0, imgs[i].src.lastIndexOf('.')) + "_on" + suffix;
			imgs[i].number = i;
		}
		}
	}


function supercarWinFacts() {

	var facts = $('#facts');

	if (facts.length>0){
		$('<div id="wwpopup"></div>, <div id="wwpopup-inner"><a id="wwpopup-close" href="#"></a></div>').appendTo('body');
		$(facts).clone().attr('id','wwpopup-content').appendTo('#wwpopup-inner');
		$(facts).hide()

		centerElement('#wwpopup-inner');
		$(window).resize(function(){
			centerElement('#wwpopup-inner');
		});
		$('a[href$="#facts"]').click(function(e){
			e.preventDefault();
			$('#wwpopup, #wwpopup-inner').show();
		});
		
		$('#wwpopup-close').click(function(){
			$('#wwpopup-inner').fadeOut(200, function(){
				$('#wwpopup').hide();
			});
		});
		
	}
	
}

function centerElement(element){
	var winWidth = $(window).width();
	var winHeight = $(window).height();
	var contentWidth = $(element).width();
	var contentHeight = $(element).height();
	var left = Math.floor((winWidth - contentWidth)/2);
	var top = Math.floor((winHeight - contentHeight)/2);
	$(element).css({'left': left + 'px', 'top' : top + 'px'});
}


$(document).ready(function(){
	
	supercarWinFacts();

});