var closeImg = "/portfolio/imgAssets/knapp.gif";
var flashContainerId = "portfolio";
var bgOrigY;
var flashContainer;
function unloadPortfolio(){
	$("#"+flashContainerId).fadeOut(500, onFadeOutComplete);
	$("#portfolioCover").fadeOut(500, onFadeOutComplete);
	$("#backtoWebsite").fadeOut(500, onFadeOutComplete);
	if($.browser.msie && $.browser.version < 7)
		$("select").show();
}
function onFadeOutComplete(){
	$(this).remove();
}
function initPortfolio(){
	
	
	//Optional Configuration
	//fo.addVariable("langOpenImage", "Open Image in New Window");
	//fo.addVariable("langAbout", "About");
	//fo.addVariable("xmlURL", "gallery.xml");
	$(window).scrollTop(0);
	if($.browser.msie && $.browser.version < 7)
		$("select").hide();
	
	$("body").append("<div id=\"" + flashContainerId + "\">Our portfolio requires JavaScript and the Flash Player. <a href=\"http://www.macromedia.com/go/getflashplayer/\">Get Flash here.</a> </div>");
	$("body").append("<div id=\"portfolioCover\"></div>");
	
	$("body").append('<div id="backtoWebsite"><div class="negMarg"><img src="'+closeImg+'" /></div></div>');
	$("#backtoWebsite").click(function () {
		unloadPortfolio();
    });
	
	$("#portfolioCover").click(function () {
		unloadPortfolio();
    });

	var fo = new SWFObject("/portfolio/autoviewer.swf", "autoviewer", "100%", "100%", "8", "#181818");
		fo.addParam("wmode", "transparent");
		fo.addVariable("xmlURL", "/portfolio/gallery.xml");
		fo.write(flashContainerId);
	
	
	flashContainer = document.getElementById(flashContainerId);
	setEvents();
	
	onWindowResize();
}

function setEvents(){
	$(window)
	.resize(function() { onWindowResize() })
	.scroll(function() { onWindowScroll() });
}

function unsetEvents(){

	$(window)
	.resize(null)
	.scroll(null);
}
function onWindowResize(){

	var winW = $(window).width();
	var winH = $(window).height();
	
	flashContainer.style.width = winW + "px";
	flashContainer.style.height = winH + "px";
}

function onWindowScroll(){
	$("#portfolioCover").css("top:"+$(window).scrollTop());
	document.getElementById("portfolioCover").style.top = $(window).scrollTop();
	//alert("scroll offset:"+$(window).scrollTop()+"\n css property top:"+$("#portfolioCover").css("top"));
}
/*
if( window.addEventListener ) 
	window.addEventListener('load',initPortfolio,false);
else if( document.addEventListener ) 
	document.addEventListener('load',initPortfolio,false);
else if( window.attachEvent )
	window.attachEvent('onload',initPortfolio);
else
	window.onload = initPortfolio;
	*/