$(window).resize(
	function() {	
	position();	
});		

$(window).scroll(
	function() {		
	position();	
});

function position() {
	if($("#viewer embed").size() >0) {
		var i = $("#ytvid");	
		imgY = 355;
		imgX = 425;
	} else {
		var i = $("#viewer span");	
		imgY = i.height() + 20;
		imgX = i.width() + 20;
	}
	
	var screenY = 0;
	if(self.innerHeight > 0) {
		screenY = self.innerHeight;
		screenX = self.innerWidth;
	} else if (document.documentElement.clientHeight && document.documentElement.clientHeight > 0) {		
		screenY = document.documentElement.clientHeight;
		screenX = document.documentElement.clientWidth;
	} else {
		screenY = document.body.clientHeight;
		screenX = document.body.clientWidth;
	}
	

	if(document.documentElement.scrollTop) {
		scrollY = document.documentElement.scrollTop;
	} else {
		scrollY = window.pageYOffset;
	}
	
	
	if(imgY>screenY) {
		i.css("top",scrollY-(imgY-screenY)+"px");
	} else {
		i.css("top",(scrollY+((screenY-imgY)/2))+"px");
	}
	i.css("margin-left",-imgX/2 +"px");
	i.css("border","10px solid black");
}
				 

$(document).ready(function() {					
	
	$("#bgSwitcher a").click(function() {
		var bg = this.href.split("=")[1];
		document.body.style.backgroundImage = "url(bg0"+bg+"/kills1920.jpg)";
		return false;
	})
	
	$("#photographs a").click(function() {
		$("#viewer span").remove()
		var src = this.href;
		var txt = $("img",this)[0].alt;
		
		$("#viewer").css("height",document.body.scrollHeight+"px")
		var pic = new Image();
		pic.onload = function() {
			$("#viewer").html('<span id="pic"><a href="#" onclick="$(\'#viewer span\').remove();$(\'#viewer\').fadeOut(500);return false;" class="cls">CLOSE X</a></span>');			
			$("#pic").append(pic);
			$("#pic").append("<b>" + txt + "</b>");
			$("#viewer").fadeIn(500);
			position();	
		
		}
		pic.src = src;
		return false;
	});
	
	$("#videos a").click(function() {
		$("#viewer img").remove()
		var id = this.href.split("=")[1];
		$("#viewer").css("height",document.body.scrollHeight+"px")
		$("#viewer").html('<span id="ytvid"><a href="#" onclick="$(\'#viewer span\').remove();$(\'#viewer\').hide();		;return false;" class="cls">CLOSE X</a><embed src="http://www.youtube.com/v/'+id+'&rel=1&autoplay=1" width="425" height="355" id="ytplayer" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" autoplay="1" /></span>');	
		$("#viewer").show();
		position();	
		/*$("#viewer").click( 
			function() {
				$("#viewer span").remove()
				$("#viewer").hide();					
		})	
		$("#viewer embed").click( 
			function() {
				return false;				
		})	*/
		return false;
	});
	
});



/***********************************************************
Embed Youtube video
***********************************************************/
function youtube(ref) {
	document.write('<embed src="http://www.youtube.com/v/'+ref+'&rel=1" width="425" height="355"  type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" />');	
}