Cufon.replace("h2")("h3");
	
Cufon.replace('#nav a', {
	hover: {
		color: '#228286'
	}
});

var mside = false; // initialise mouse-inside 

// when the DOM is ready...
$(document).ready(function() {

	// content slider
	$("#nav a").click(function(e){
		e.preventDefault();

		// re-set vertical position
		$("#pages").animate({top: 0});
	
		// horizontal slide
		var xpos = ("-" + $(this).parent().index() * 960).toString();
		$("#pages").animate({left : xpos});

		// toggle the portfolio pager
		($(this).parent().index() > 0 ? $("#paging li").fadeOut() : $("#paging li").fadeIn());
		
		// re-set active paging tab
		$("#paging li").removeClass("active").filter(":first-child").addClass("active");
	});
	
	// portfolio paging
	$("#paging a").click(function() {
		// toggle active tab
		$(this).parent().addClass("active").siblings().removeClass("active");

		// re-position page vertically
		var ypos = "-" + $(this).parent().index() * $("#content").height() + "px";
		$("#pages").animate({"top" : ypos});
		
		return false;
	});

	// portfolio interaction
	$("#portfolio .block").hover(function() {
		$(this).siblings("div").stop().animate({"opacity": "0.5"}).end().find("dl").animate({"bottom" : "0"})
	}, function() {
		$(this).siblings().stop().animate({"opacity": "1"}).end().find("dl").animate({"bottom" : "-60px"});
	});
	
	// set _blank targets here to avoid invalidating xhtml
	$(".external").attr("target", "_blank");

	
	// MODAL WINDOW
	// inject modal window
	$("<div id=\"result-wrapper\"/>").wrapInner("<div id=\"result\"/>").prependTo("body");

	// open modal window
	$(".confirm").click(function() {
		var hrf = $(this).attr("href");
		$("#result").load(hrf + ' .content').parent().fadeIn();
		$("#result .external").attr("target", "_blank");
		
		return false;
	});

	// check mouse position in modal window
    $('#result').hover(function(){ 
		mside = true; 
    }, function(){ 
       	mside = false; 
    });
	
	// only close modal if cursor is outside of content area
	$("#result-wrapper").click(function(){
		if(!mside) $("#result-wrapper").fadeOut();
	});
});