var clientWidth;
var clientHeight;
var scrollWidth;
var scrollHeight;

var mainWidth;
var mainHeight;

var objId = "objId";
var objXPos;
var objYPos;
var LastobjXPos;
var LastobjYPos;
var objWidth;
var objHeight;
var resteImgsSr = "images/one-px.gif";

var ScrollTop; 

function callRkLightBox(imgPath, imgSize) {
	var widthHeight = new Array();
	widthHeight = imgSize.split('_');
	$("#objId").attr("src", imgPath);
	$("#objId").attr("width", widthHeight[0]);
	$("#objId").attr("height", widthHeight[1]);
	setBlanket();
	setblanketHolder(widthHeight[0], widthHeight[1]);
	$("div.blanket").css("display", "block");
	$("div.blanketHolder").css("display", "block");
}

function createLightBoxEle() {	
	
	$('body').append('<div class="blanket"></div>');
	$('body').append('<div class="blanketHolder"><img src="images/close-btn.jpg" class="lose_btn" /><img src="images/one-px.gif" id="objId" /></div>');
	
	$('img.lose_btn').click(function() { 
		$("div.blanket").css("display", "none");
		$("div.blanketHolder").css("display", "none");
		$("#objId").attr("src", resteImgsSr);
	});
	
	$('div.blanket').click(function() { 
		$("div.blanket").css("display", "none");
		$("div.blanketHolder").css("display", "none");
		$("#objId").attr("src", resteImgsSr);
	});
}

function setBlanket() {	
	clientWidth =  document.documentElement.clientWidth;
	clientHeight =  document.documentElement.clientHeight;
	
	scrollWidth =  document.documentElement.scrollWidth;
	scrollHeight =  document.documentElement.scrollHeight;
	
	if(scrollWidth >= clientWidth)
	{
		mainWidth = scrollWidth;
	}
	else
	{
		mainWidth = clientWidth;
	}
	
	if(scrollHeight >= clientHeight)
	{
		mainHeight = scrollHeight;
	}
	else
	{
		mainHeight = clientHeight;
	}
	
	$('div.blanket').css('width', mainWidth + 'px');
	$('div.blanket').css('height', mainHeight + 'px');
}

function setblanketHolder(objWidth, objHeight) {
	
	clientXPos = (mainWidth/2) - (objWidth/2);
	
	ScrollTop = document.body.scrollTop; 
	if (ScrollTop == 0)
	{
    	if (window.pageYOffset)
        ScrollTop = window.pageYOffset;
	    else
        ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
	}
	
	ScrollTop = ScrollTop + 50;
	
	$('img.lose_btn').css('left', (objWidth-50) + 'px');
	$('img.lose_btn').css('top', "0px");
	
	$('div.blanketHolder').css('left', clientXPos + 'px');
	$('div.blanketHolder').css('top', ScrollTop + 'px');
}