// JavaScript Document

// Shadow Box Config
Shadowbox.loadSkin('classic', 'scripts/src/skin');
Shadowbox.loadLanguage('en', 'scripts/src/lang');
Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf'], 'scripts/src/player');


$(document).ready(function() {	
	initPage();
	Shadowbox.init();
	// Animated Gif mouseover functionality
	$("#ipredThumb").hover(
						   function() { $(this).attr({src: "images/GIFS/IPRED_ANIM_L2.gif"}); },
						   function() { $(this).attr({src: "images/GIFS/IPRED_L2.gif"}); });
	$("#pattonThumb").hover(
						   function() { $(this).attr({src: "images/GIFS/PATTON_ANIM.gif"}); },
						   function() { $(this).attr({src: "images/GIFS/PATTON.gif"}); });
	$("#jaredThumb").hover(
						   function() { $(this).attr({src: "images/GIFS/JARED_ANIM.gif"}); },
						   function() { $(this).attr({src: "images/GIFS/JARED.gif"}); });
	$("#gardasilThumb").hover(
						   function() { $(this).attr({src: "images/GIFS/Gardasil_ANIM.gif"}); },
						   function() { $(this).attr({src: "images/GIFS/Gardasil.gif"}); });
	
	$(".navOver .close").click(function() {
		hideAll();
		hideMask();
	});
	
	function hideAll() {
		$(".navOver").hide();
		hideVisual();
		hideConsulting();
		hideEngineering();
		hidePlay();
	}
	$("#clearTrigger").mouseover(function() { 
		hideAll(); 
		hideMask();
	});
	$("#navContact").mouseover(function() { 
		hideAll(); 
		hideMask();
	});
	function showMask() {
		//if($("body").attr("id") == "contact") {
			$("#stageMask").fadeIn("medium");
		//}
	}
	function hideMask() {
		//if($("body").attr("id") == "contact") {
			$("#stageMask").fadeOut("fast");
		//}
	}
		
	
	// VISUAL DESIGN
	// Show VisualDesign popup when "Visual Design" link is mouseovered
	function showVisual() {
		hideAll();
		showMask();
		$("#navDesign").css({'background-image': 'url(images/navVisualDesign.gif)'});
		$("#navDesign").css({'background-position': '0% 100%'});
		$("#divDesign").show();
	}
	function hideVisual() {
		$("#navDesign").css({'background-image': 'url(images/navVisualDesignOff.png)'});
		$("#navDesign").css({'background-position': '50% 40%'});
	}
	
	$("#navDesign").mouseover(function() {
		showVisual();
	});
	
	
	// CONSULTING
	// Show Consulting popup when "Consulting" link is mouseovered
	function showConsulting() {
		hideAll();
		showMask();
		$("#navConsulting").css({'background-image': 'url(images/navConsulting.gif)'});
		$("#navConsulting").css({'background-position': '0% 100%'});
		$("#divConsulting").show();
	}
	function hideConsulting() {
		$("#navConsulting").css({'background-image': 'url(images/navConsultingOff.png)'});
		$("#navConsulting").css({'background-position': '40% 40%'});
	}
	
	$("#navConsulting").mouseover(function() {
		showConsulting();
	});
	
	
	// ENGINEERING
	// Show Engineering popup when "Engineering" link is mouseovered
	function showEngineering() {
		hideAll();
		showMask();
		$("#navEngineering").css({'background-image': 'url(images/navEngineering.gif)'});
		$("#navEngineering").css({'background-position': '0% 100%'});
		$("#divEngineering").show();
	}
	function hideEngineering() {
		$("#navEngineering").css({'background-image': 'url(images/navEngineeringOff.png)'});
		$("#navEngineering").css({'background-position': '40% 40%'});
	}
	$("#navEngineering").mouseover(function() {
		showEngineering();
	});
	
	
	// Play
	// Show Play popup when "Play" link is mouseovered
	function showPlay() {
		hideAll();
		showMask();
		$("#navPlay").css({'background-image': 'url(images/navPlay.gif)'});
		$("#navPlay").css({'background-position': '0% 100%'});
		$("#divPlay").show();
	}
	function hidePlay() {
		$("#navPlay").css({'background-image': 'url(images/navPlayOff.png)'});
		$("#navPlay").css({'background-position': '55% 40%'});
	}
	function showGame1() {
		alert("Show Game 1");
	}
	function showGame2() {
		alert("Show Game 2");
	}
	function showGame3() {
		alert("Show Game 3");
	}
	function showGame4() {
		alert("Show Game 4");
	}
	$("#navPlay").mouseover(function() {
		showPlay();
	});
	$("#divPlay #game1").mouseover(function() {
		$("#divPlay p").html("<span>Dogfight - </span> &nbsp;Visit <a href='http://www.rocksolidarcade.com' target='_blank'>Rocksolidarcade.com</a> for some other great Flash games!");
	});
	$("#divPlay #game2").mouseover(function() {
		$("#divPlay p").html("<span>Tetrix-2-Egyptian - </span> &nbsp;A Tetris clone with an Egyptian flavor! Thanks to <a href='www.ultimatearcade.com' target='_blank'>UltimateArcade.com</a>");
	});
	$("#divPlay #game3").mouseover(function() {
		$("#divPlay p").html("<span>Stunt Pilot - </span> &nbsp;Visit <a href='http://www.rocksolidarcade.com' target='_blank'>Rocksolidarcade.com</a> for some other great Flash games!");
	});
	$("#divPlay #game4").mouseover(function() {
		$("#divPlay p").html("<span>Asteroids - </span> &nbsp;The classic Asteroids! More games at <a href='www.fugly.com' target='_blank'>www.fugly.com</a>.");
	});
});