$(document).ready(function(){lightbox();});

function lightbox(){
	var links=$('a[rel^=lightbox]');
	var overlay=$(jQuery('<div id="overlay" style="display: none"></div>'));
	var container=$(jQuery('<div id="lightbox" style="display: none"></div>'));
	var close=$(jQuery('<a href="#close" id="closeLB" class="close"><img src="/images/buttons/btn_email_close.png" /></a>'));
	var target=$(jQuery('<div id="lbContent" class="target"></div>'));
	var prev=$(jQuery('<a href="#prev" class="prev">&laquo; Previous</a>'));
	var next=$(jQuery('<a href="#next" class="next">Next &raquo;</a>'));

	$('body').append(overlay).append(container);
	container.append(close);
	container.append(target);
	container.show().css({
		'top':Math.round((($(window).height()>window.innerHeight?window.innerHeight:$(window).height())-container.outerHeight())/2)+'px','left':Math.round(($(window).width()-container.outerWidth())/2)+'px','margin-top':0,'margin-left':0}).hide();
	
	close.click(function(c){
		c.preventDefault();
		if($.cookie("lenoxEmail")){
			//do nothing
		}else{
			$.cookie("lenoxEmail","1",{path:'/',expires:2});	
		}
		overlay.add(container).fadeOut(3200);
		}
	);
	links.each(function(index){
		var link=$(this);
		link.click(function(c){
			c.preventDefault();
			open(link.attr('href'));
		});
	});

	var open=function(url){
	if(container.is(':visible')){
		target.children().fadeOut('normal',function(){target.children().remove();
		loadRemoteContent(url);});
	}else{
		target.children().remove();
		overlay.add(container).fadeIn('normal',function(){loadRemoteContent(url);});
	}
	}

	var loadRemoteContent=function(url){
	//if(container.is('.loading')){return;}
		$("#overlay").animate({  
		     opacity: .8  
		     }, 50, function() {  
		});
		$("#lbContent").load(url); // The key to this working for IE is making the file being ref in url as HTML
	}
}