/****************************************
	Barebones Lightbox Template
	by Kyle Schaeffer
	kyleschaeffer.com
	* requires jQuery
****************************************/


// display the lightbox
function lightbox(insertContent, ContentUrl,width){
        if(width == null){
          width=370;
	}

	// add lightbox/shadow <div/>'s if not previously added
	if($('#lightbox').size() == 0){
		var theLightbox = $('<div id="lightbox"/>');
		var theShadow = $('<div id="lightbox-shadow"/>');

		$(theShadow).click(function(e){
			closeLightbox();
		});
		$('#outer_container').append(theShadow);
		$('#outer_container').append(theLightbox);
	}

	// remove any previously added content
	$('#lightbox').empty();

	// insert HTML content
	if(insertContent != null){

		$('#lightbox').append('<div id="close-lightbox"><a href="javascript:closeLightbox()"></a></div>');	
		$('#lightbox').append('<div style="width:100%; overflow:auto;"><img id="lightboxImg" style="margin-top:50px;" src="' + insertContent + '"></div>');
        $('#lightbox').css('width', '');

	}
   
	if(ContentUrl != null){
        var iframe = '<iframe width=350 height=590 frameborder=0 src=' + ContentUrl + ' scrolling=no><p class="loading">Loading...</p></iframe>';
        $('#lightbox').css('width', width);
		$('#lightbox').append('<div id="close-lightbox"><a href="javascript:closeLightbox()"></a></div>');	
        $('#lightbox').append(iframe);

	}


	// move the lightbox to the current window top + 100px, and attempt to centre;
	$('#lightbox').css('top', $(window).scrollTop() + 40 + 'px');
    $('#lightbox').css('left', Math.max(($(window).width() - width)/2,$(window).width() * 0.04) + "px");

	// display the lightbox
	$('#lightbox-shadow').fadeIn(1000, function(){ $('#lightbox').fadeIn(1000); });

}

// close the lightbox
function closeLightbox(){

	// hide lightbox and shadow <div/>'s
	$('#lightbox').fadeOut(400, function(){ 
				$('#close-lightbox').hide(); 
				$('#lightbox').empty(); 
			} );
	$('#lightbox-shadow').fadeOut(400,function(){$('#lightbox').fadeOut(400); } );	


}