$(function(){
		ThickBox.init();
	});
	
	var ThickBox = {
		init: function(){
			ThickBox.show();
			ThickBox.fixed();
		},
		
		show: function(){
			$('.dev2-photo').each(function(){
				$(this).click(function(){
					photoPath=$(this).children().attr('alt');
					ThickBox.getPhoto(photoPath);
				});
			});
		},
		
		getPhoto: function(photoPath){
			$('body').append('<div id="bgImg">&nbsp;</div>')
			$('body').append('<div id="photoContainer"><div class="img-holder"><div style="text-align: right;"><span id="close" onclick="ThickBox.close();">[x]</span></div><div><img id="photoImg" src='+photoPath+'></div></div></div>');
			width = $('#photoImg').width();
			//calcWidth = width + 20;
			$('.img-holder').css('width', width + 20);
			$("#photoContainer").css("top", $(window).scrollTop() + 20 +"px");
			$("#bgImg").css("top", $(window).scrollTop() + "px");
		},
		
		close: function(){
				$('#photoContainer').remove();
				$('#bgImg').remove();
		},
		
		fixed: function(){
			$(window).scroll(function() {
				$("#photoContainer").css("top", $(window).scrollTop() + 20 +"px");
				$("#bgImg").css("top", $(window).scrollTop() + "px");
			});
		}
	}