﻿$(function(){
		   
		   

$("body").append('<div id="uniworld-images-wrap" style="display:none;"></div><div id="uniworld-images" style="display:none;"></div>');

$("a.uniworld_images_view").bind("click",function(){
$(this).css("cursor","pointer");
var html="";
html+="<div><div class=\"original_picture_close\" style=\"display:none;\"><a href=\"javascript:uniworld_hide_image()\">X</a></div>";
html+="<img src=\""+$(this).attr("href")+"\" class=\"original_picture\" style=\"cursor:pointer;\"/>";
html+="</div>";
uniworld_show_image(html);

$("img.original_picture").load(function(){
$("div.original_picture_close").uniworld_alpha(50);
$("div.original_picture_close").css("z-index","101");
$("div.original_picture_close").css("position","absolute");
$("div.original_picture_close").css("color","#f00");
$("div.original_picture_close").css("top",$("img.original_picture").position().top);
$("div.original_picture_close").css("left",$("img.original_picture").position().left);
$("div.original_picture_close").css("padding","10px");
$("div.original_picture_close").css("background-color","#000");
$("div.original_picture_close").show();
												});

return false;
});

});




function uniworld_show_image(html)
{
	var Height_e=$(document).height();
	var width=$(document).width();
	
	$("#uniworld-images-wrap").css("position","absolute");
	$("#uniworld-images-wrap").css("left","0px");
	$("#uniworld-images-wrap").css("width",width+"px");
	$("#uniworld-images-wrap").css("height",Height_e+"px");
	$("#uniworld-images-wrap").css("top","0px");
	$("#uniworld-images-wrap").css("background-color","#000");
	

	$("#uniworld-images-wrap").uniworld_alpha(50);
	
	$("#uniworld-images").css("z-index","100");
	$("#uniworld-images").css("position","absolute");
	$("#uniworld-images").css("top",($(document).scrollTop()+20)+"px");
	$("#uniworld-images").css("left","0px");
	$("#uniworld-images").css("width",width+"px");

//	$("#uniworld-images").css("display","");
//	$("#uniworld-images-wrap").css("display","");
	$("#uniworld-images").fadeIn();
	$("#uniworld-images-wrap").fadeIn();	
	
	$("#uniworld-images").html('<div style="width:960px; margin:0 auto; "><div style="margin:0 auto; width:900px; text-align:center;">'+html+'</div></div>');
	
	$("img.original_picture").click(uniworld_hide_image);
}


function uniworld_hide_image()
{
	$("#uniworld-images").fadeOut();
	$("#uniworld-images-wrap").fadeOut();
}


