$j = jQuery.noConflict();

//Vars
//Create elements
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:right; margin-right:-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"></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(){
		var faderposition = $j("#xi-fader").position();
		$j("#xi-lightbox").css('top',faderposition.top);
    	$j("#xi-lightbox").fadeIn(500);
 	});
}
function CloseLightbox()
{
	$j("#xi-lightbox").fadeOut(500, function(){
		$j("#xi-fader").fadeOut(500);									
	});
}