$j = jQuery.noConflict();

//Vars
var LightboxWidth = 550;



//Lets do some coding now
var ScreenHeight=document.documentElement.clientHeight;
if(ScreenHeight==0)
{
	/*ScreenHeight=document.body.clientHeight;*/
}
var LightboxHeight = ScreenHeight-100;

document.write('<div id="xi-fader"></div>');
document.write('<div id="xi-lightbox"><table border="0" cellspacing="0" cellpadding="0" align="center" id="xi-lightbox-window"><tr><td>');
document.write('<a href="javascript:CloseLightbox();" style="position:relative; float:left; margin-left:-5px; margin-top:-5px; margin-bottom: -40px; z-index:99;"><img src="js/images/closecircle.png" width="30" height="30" border="0"></a></td></tr><tr><td>');
document.write('<div id="xi-lightbox-frame" style="width:'+LightboxWidth+'px; height:550px; overflow: auto;"></div>');
document.write('</td></tr></table></div>');

$j(document).ready(function()
{
	
	//Lightbox
	$j(".lightbox").click(function () {
		ShowLightbox();
		$j("#xi-lightbox-frame").load(this.href);
		return false;
	});
	

	//Lightbox
	$j(".lightboxpopup").click(function () {
		ShowLightbox();
		var params=this.title;
		$j("#xi-lightbox-frame").load(this.alt+'?'+params);
		return false;
	});
	
	
});


function ShowLightbox()
{
	$j("#xi-fader").fadeIn(300, function(){				
		$j("#xi-lightbox").fadeIn(500);
	});
}

function CloseLightbox()
{
	$j("#xi-lightbox").fadeOut(500, function(){
		$j("#xi-fader").fadeOut(500);									
	});
}