var viewerOpen = false;
	var currentOpenViewer = null;
	
	window.onload = function(){
		
		 var so = new SWFObject("SigurRosPlayer.swf", "player", "215", "20", "8", "#000");
		 so.addParam("wmode", "transparent");
  		 so.write("player");
		
		$("img.pack").click(showPackshot);
		$("div.viewer p.close").click(hidePackshot);
		$("div#prodNotes p.close").click(function(){$("#prodNotes").fadeOut(350)})
		$("#prodNotesOpener").click(
									 
									 function(){
									 moveProdNotes(); 
									 $("#prodNotes").fadeIn(350);
									 return false;
									 }
									 )
		
	}
	
	function moveProdNotes(){
	var off = 0;
				
		if(window.pageYOffset){
		off = window.pageYOffset;
		}
						
		if (document.body.scrollTop){
		off = document.body.scrollTop;
		}
		
		if(document.documentElement.scrollTop){
		off = document.documentElement.scrollTop;
		}
		
		
		off += 20;
				
		$("#prodNotes").css("top", 0 + off);	
		
	}
	
	function showPackshot(e){
		
		if(viewerOpen){
		hidePackshot(currentOpenViewer);	
		}
	
		var srcString = $(this).get(0).src;	
		
		var lastSlash = srcString.lastIndexOf("/") + 1;
		
		var selected = srcString.substring(lastSlash, (srcString.length - 4));
				
		var off = 0;
				
		if(window.pageYOffset){
		off = window.pageYOffset;
		}
						
		if (document.body.scrollTop){
		off = document.body.scrollTop;
		}
		
		if(document.documentElement.scrollTop){
		off = document.documentElement.scrollTop;
		}
		
		
		off += 20;
		
				
		//move the packshot
		
		//which viewer?
		var viewer = $("div." + selected);
		
		$(viewer).css("top", 0 + off);
		$(viewer + " img").attr("src", "img/large_" + selected + ".jpg");
		
		
		$(viewer).fadeIn(500);
		
		currentOpenViewer = viewer;
		viewerOpen = true;

	}
	
	function hidePackshot(){
	
		$(currentOpenViewer).fadeOut(200);	
		viewerOpen = false;
	}