function navButton(id, url) {

	$(id).hover(function() {
		$(id).css("background-position", "left bottom");
	}, function() {
		$(id).css("background-position", "left top");
    });

    $(id).click(function() {
        $(".navigation-item").fadeOut("slow", function() {
            location.href = id.attr("href");
        });
    });
}

function initPageGraphics(urlBackground, urlRibbon) {
	
	$("#header-image").css("display", "none");
	$("#header-image-secondary").css("display", "none");	
	
	$("#header-image-secondary").css("background-image", "url('" + urlBackground + "')");
	$("#header-image-secondary").fadeIn("slow", function() {
	
		$(".navigation").fadeIn("fast", function() {
			showRibbon(urlRibbon);
		});
	
	});

}

function disableButton(id) {
    $(id).replaceWith($("<div/>").fadeTo("fast", 0.4).css("background-image", $(id).css("background-image")).addClass("navigation-item-button-dummy"));
}

counterGraphics = 0;
function refreshPageGraphics(urlBackground, urlRibbon, urlNextBackground) {

	/* init */
	if (counterGraphics === 0) {
		$("#header-image-secondary").css("display", "none");
		$("#header-image-secondary").css("display", "none");
	}

	if (counterGraphics % 2 === 0) {
		
		
		$("#header-image-secondary").css("background-image", "url('" + urlBackground + "')");
		
		$("#header-image-overlay").fadeOut("slow", function() {
				
			$("#header-image-secondary").fadeIn("slow", function() {
			
				showRibbon(urlRibbon);
				$("#header-image").css("background-image", "url('" + urlNextBackground + "')");	
			});
		
		});
		
	} else {
		
		$("#header-image").css("background-image", "url('" + urlBackground + "')");
		
		$("#header-image-overlay").fadeOut("slow", function() {
		
			$("#header-image-secondary").fadeOut("slow", function(){
			
				showRibbon(urlRibbon);
				$("#header-image-secondary").css("background-image", "url('" + urlNextBackground + "')");	
			});
		
		});
		
	}
		
	counterGraphics++;
	
}

function showRibbon(url) {

	$("#header-image-overlay").css("margin-top", Math.floor(Math.random() * 200) + 40);

	$("#header-image-overlay").fadeOut("slow", function() {
	
		$("#header-image-overlay").css("background-image", "url('" + url + "')");
		
		$("#header-image-overlay").fadeIn("slow");	
		
	});

}


$(document).ready(function() {

    navButton("#mnuHome", "/");
    navButton("#mnuPortfolio", "/portfolio");
    navButton("#mnuOverHappyfish", "/overhappyfish");
    navButton("#mnuContact", "/contact");
    
    $(".navigation-item").fadeIn("slow");

    if (typeof sIFR == "function") {
		
		sIFR.replaceElement(named({ 
			sSelector: "h2", 
			sFlashSrc: "/content/fonts/AvantGarde_Bk_BT.swf", 
			sColor: "#204A87", 
			sLinkColor: null, 
			sBgColor: null, 
			sHoverColor: null, 
			nPaddingTop: 0, 
			nPaddingBottom: 0, 
			sFlashVars: null 
		}));
		
		sIFR.replaceElement(named({ 
			sSelector: ".contact", 
			sFlashSrc: "/content/fonts/AvantGarde_Bk_BT.swf", 
			sColor: "#204A87", 
			sLinkColor: null, 
			sBgColor: null, 
			sHoverColor: null, 
			nPaddingTop: 0, 
			nPaddingBottom: 0, 
			sFlashVars: null 
		}));
		
    }

});