// ********** Clicker
jQuery(function($) {
		$(document).ready(function(){
  				$("body").append('<div id="chris_picture_viewer_image_window"><div id="chris_picture_viever_image_vindow_header">Close</div><img id="chris_picture_viever_image" src=""/></div>');
				$("body").append('<div id="chris_open_popup_icon"></div>');
				$("body").append('<div id="chris_picture_viewer_overlay"></div>');
				var imgPreloader = new Image();
				imgPreloader.onload = function(){
						var imageWidth = imgPreloader.width;
						var imageHeight = imgPreloader.height+25;
						var pic = imgPreloader.src;
						var top = $(document).height()/2-imageHeight/2;
						var left = $(document).width()/2-imageWidth/2;
						$("#chris_picture_viever_image").attr("src",pic);
						$("#chris_picture_viewer_image_window").css({"width":imageWidth,"height":imageHeight,"top":top,"left":left});
						$("#chris_picture_viewer_image_window").animate({"opacity":"show"},300);
					
				}
				$("img[title*=image]").click(function(){
						showOverlay();
						imgPreloader.src = $(this).attr("title");		  
				});
				$("img[title*=image]").css({"cursor":"pointer"});
				$("img[title*=image]").hover(function(){
						//Image roll ower							  
						var top = $(this).offset().top;
						var left = $(this).offset().left;
						$("#chris_open_popup_icon").css({"left":left,"top":top});
						$("#chris_open_popup_icon").animate({"opacity":"show"},100);
						
				},function(){
						//Image roll out
						$("#chris_open_popup_icon").animate({"opacity":"hide"},100);
						
				});

				$("#chris_picture_viewer_image_window").click(function(){
						$("#chris_picture_viewer_image_window").animate({"opacity":"hide"},300);	
						$("#chris_picture_viewer_overlay").hide();
				});
				$("#chris_picture_viewer_overlay").css({"opacity":"0.5"});	
				
				function showOverlay(){
					var doc_w = $(window).width();
					var doc_h = $(window).height();
					$("#chris_picture_viewer_overlay").css({"width":doc_w,"height":doc_h});
					$("#chris_picture_viewer_overlay").show();	
				}
		});
});