var portfolioImageLength = 0;
var showBasicPortfolioItem = function(e) {
	portfolio.select(jQuery(this).attr("id").substr(17));
	jQuery("#portfolioCountLabel").text((parseInt(jQuery(this).attr("id").substr(17))+1) + " of " + portfolioImageLength);
	jQuery("#NonflashPortfolio").scrollTo(jQuery(this).prev().prev(), 800);
	if(!portfolioShowing) {
		jQuery("#showPortfolioDetailsButton").click();
	}
	e.preventDefault();
}
var fadeInBasicPortfolioItem = function(e) {
	jQuery(this).fadeIn(animSpeed).css("display","inline");
}
var toggleHtmlPortfolio = function(e) {
	if(jQuery(this).text() == "Show Details") {
		jQuery("#portfolioCountLabel").fadeIn();
	} else {
		jQuery("#portfolioCountLabel").fadeOut();
	}
	togglePortfolio(this);
	e.preventDefault();
}
var previousHtmlPortfolio = function(e) {
	jQuery("#NonflashPortfolio").scrollTo("-=1000px", 800);
	e.preventDefault();
}
var nextHtmlPortfolio = function(e) {
	jQuery("#NonflashPortfolio").scrollTo("+=1000px", 800);
	e.preventDefault();
}
jQuery(document).ready(function() {
	var swfVersion = swfobject.getFlashPlayerVersion();
	if(swfVersion.major < 10) {
		jQuery.get(templateUrl + "/js/portfolio.json",{},function(response) {
			var portfolioDiv = jQuery("#Portfolio").first();
			portfolioDiv.css("overflow","hidden");
			var prevNav = jQuery("<DIV>").addClass("NonflashPortfolioNav").addClass("previous").click(previousHtmlPortfolio).appendTo(jQuery("#Portfolio"));
			var nextNav = jQuery("<DIV>").addClass("NonflashPortfolioNav").addClass("next").click(nextHtmlPortfolio).appendTo(jQuery("#Portfolio"));
			var imgDiv = jQuery("<DIV>").css("white-space","nowrap").append(jQuery("<SPAN>").css("padding-right",prevNav.width()+10).html("&nbsp;"));
			for(var x in response) {
				jQuery("<IMG>").attr("id","portfolioSelector"+x).attr("src",response[x].images[0].thumbnail).hide().click(showBasicPortfolioItem).load(fadeInBasicPortfolioItem).appendTo(imgDiv);
			}
			portfolioImageLength = response.length;
			jQuery("<span>").html("&nbsp;").css("padding-left",nextNav.width()+10).appendTo(imgDiv);
			imgDiv.prependTo(jQuery("<DIV>").attr("id","NonflashPortfolio").css("overflow","hidden").prependTo(portfolioDiv));
			portfolioLoaded(response);
			jQuery("#showPortfolioDetailsButton").click(toggleHtmlPortfolio).show().width(jQuery("#showPortfolioDetailsButton").width());
			jQuery("#portfolioCountLabel").css("width",jQuery("#showPortfolioDetailsButton").width()).text("1 of " + portfolioImageLength);
			jQuery("#PortfolioSWF").remove();
			portfolioDiv.css("position","relative");
		},"json");
	}
});