NewsBox = new Array();
NewsBox[0] = new Image(); 
NewsBox[0].src = "images/news.png";
NewsBox[1] = new Image(); 
NewsBox[1].src = "images/news-a.png";


//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: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"></div>');
document.write('</td></tr></table></div>');

var loading_html = "<table width='300' height='300' border='0' cellpadding='10' cellspacing='0' bgcolor='#FFFFFF'><tr><td align='center'><img src='js/images/loading1.gif' width='32' height='32' border='0'><br><span style='color:#c3c3c3; font-size: 11px;'>loading...</span></td></tr></table>";

$(document).ready(function()
{
	
	$(".newsbox").bind("mouseover",function(){
		$(this).attr("src", NewsBox[1].src);
     });
	$(".newsbox").bind("mouseout",function(){
		$(this).attr("src", NewsBox[0].src);
     });
	
	//Lightbox
  $(".lightbox").click(function () {
	$("#xi-lightbox-frame").html(loading_html);
    ShowLightbox();
    $("#xi-lightbox-frame").load(this.href);
	return false;
  });
	
	
	
});
function ShowLightbox(){
  $("#xi-fader").fadeIn(300, function(){
	var faderposition = $("#xi-fader").position();
	$("#xi-lightbox").css('top',faderposition.top);
    $("#xi-lightbox").fadeIn(500);
  });

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