// JavaScript Document

$(document).ready(function(){
						   $(".show_img").click(function(e){	
														 var img_tmp=new Image();
														 var height_tmp=document.documentElement.scrollTop;
														 img_tmp.src=this.href;
														 var width_tmp=img_tmp.width;
														 $("body").append("<div id='bg'></div>");
														  $("body").append("<div id='img_show'><p>X close</p><img src='"+this.href+"' /></div>");
														  $("#img_show")
														  .css({position:"absolute","z-index":"21",top:(height_tmp+200+"px"),left:((document.body.clientWidth-width_tmp)/2+"px"),background:"#000",padding:"3px",display:"none"})
														  .fadeIn();
														  $("#img_show p").css({color:"#fff",padding:"0 10px 4px 0","text-align":"right",cursor:"pointer"});
														  $("#bg")
														  .css({position:"absolute",left:"0px",top:"0px",width:($("body").width()),height:($("body").height()),background:"#000","z-index":"20",filter:"Alpha(opacity=50)","-moz-opacity":"0.5",opacity:"0.5",display:"none"})
														  .fadeIn();														  
														  return false;
														  });
						   $("body").click(function(){
														 $("#img_show").fadeOut("normal",function(){
																					$("#img_show").remove();
																					});
														 $("#bg").fadeOut("normal",function(){
																					$("#bg").remove();
																					});
														 });
						   
						   });