jQuery(document).ready(function(){
	jQuery("body").append('<div style="display: none;" id="overlay"></div>'+"\n"+
	'		<div style="display: none;" id="lightbox">'+"\n"+
	'			<div id="outerImageContainer">'+"\n"+
	'				<div id="imageContainer">'+"\n"+
	'					<img id="lightboxImage">'+"\n"+
	'					<div id="hoverNav">'+"\n"+
	'						<a href="#" id="prevLink"></a>'+"\n"+
	'						<a href="#" id="nextLink"></a>'+"\n"+
	'					</div>'+"\n"+
	'					<div id="loading">'+"\n"+
	'						<a href="#" id="loadingLink">'+"\n"+
	'							<img src="images/design/loading.gif">'+"\n"+
	'						</a>'+"\n"+
	'					</div>'+"\n"+
	'				</div>'+"\n"+
	'			</div>'+"\n"+
	'			<div class="clearfix" id="imageDataContainer" style="display: none;">'+"\n"+
	'				<div id="imageData">'+"\n"+
	'					<div id="imageDetails">'+"\n"+
	'						<span id="caption"></span>'+"\n"+
	'						<span id="numberDisplay"></span>'+"\n"+
	'					</div>'+"\n"+
	'					<div id="bottomNav">'+"\n"+
	'						<a href="#" id="bottomNavClose"><img src="images/design/closelabel.gif"></a>'+"\n"+
	'					</div>'+"\n"+
	'				</div>'+"\n"+
	'			</div>'+"\n"+
	'		</div>');
	jQuery("a[rel=lightbox[products]]").click(function(event){
		event.preventDefault();
		jQuery("#overlay").height(jQuery(document).height());
		jQuery("#overlay").fadeTo('fast',0.8);
		var url = jQuery(this).attr("href");
		jQuery("#lightboxImage").load(function(){
			if (jQuery.browser.msie){
				setTimeout("loading()",500);
			}
			else {
				loading();
			}
		});
		jQuery("#lightboxImage").attr('src',url);
		jQuery("#bottomNavClose").click(function(event){
			event.preventDefault();
			jQuery("#overlay").fadeOut();
			jQuery("#lightbox").fadeOut();
			jQuery("#imageDataContainer").fadeOut();
			jQuery("#loading").fadeIn();
		});
	});
	jQuery("#nextLink").click(function(event){
		event.preventDefault();
		document.found=false;
		document.first="";
		document.toDisplay="";
		jQuery("a[rel=lightbox[products]]").each(function(){
			if (document.found){
				if (document.toDisplay==""&&jQuery(this).attr('href')!=jQuery("#lightboxImage").attr('src')){
					document.toDisplay=jQuery(this).attr('href');
				}
			}
			else{
				
				if (jQuery(this).attr('href')==jQuery("#lightboxImage").attr('src')){
					document.found=true;
				}
				else{
					if (document.first==""){
						document.first=jQuery(this).attr('href');
					}
				}
			}
		});

		if (document.found){
			if (document.toDisplay==""&&document.first!=""){
				display(document.first);
			}
			else{
				display(document.toDisplay);
			}
		}
	});
	

	jQuery("#prevLink").click(function(event){
		event.preventDefault();
		document.last="";
		document.toDisplay="";
		jQuery("a[rel=lightbox[products]]").each(function(){
			if (jQuery(this).attr('href')==jQuery("#lightboxImage").attr('src')){
				if (document.last!=""){
					document.toDisplay=document.last;
				}
			}
			else{
				document.last=jQuery(this).attr('href');
			}
		});
		if (document.toDisplay!=""){
				display(document.toDisplay);
		}
		else if (document.last!="") {
			display(document.last);
		}
	});
});


function display(imgsrc){
	var img = new Image();
	jQuery(img).load(function(){
		jQuery("#lightboxImage").fadeOut('fast',function(){
			jQuery("#lightboxImage").attr('src',imgsrc);
			jQuery("#lightboxImage").fadeIn('fast');
		});
	});
	img.src=imgsrc;
}


function loading(){
	jQuery("#lightbox").fadeIn();
	jQuery("#lightboxImage").height(Math.min(jQuery("#lightboxImage").height(),jQuery(window).height()-100));
	jQuery("#outerImageContainer").width(jQuery("#lightboxImage").width()+22);
	jQuery("#outerImageContainer").height(jQuery("#lightboxImage").height()+22);
	jQuery("#imageDataContainer").width(jQuery("#lightboxImage").width()+22);
	jQuery("#loading").fadeOut();
	jQuery("#imageDataContainer").fadeIn();
}