/* document.onload */
jQuery(function()
{
    //enable_logging();
    enable_lightbox();

});// end document ready


function enable_lightbox(){
    //$("a[rel*=jquery-lightbox]").lightbox();
	$("a.jlightbox").lightbox();
    log('lightbox enabled');
}


/**
 * debug-logger
 */
function enable_logging(){
	jQuery(document.body).append("<div id='log'></div>");

	jQuery(document.body).append(
		"<style type=\"text/css\">"+
			"#log {color:#888;position:absolute;top:10px;left:10px;width:220px;}"+
			"#log p {text-align:left;background:#222;padding:3px 8px;font-size:8pt;font-family:trebuchet ms,sans-serif;margin-bottom:1px;}"+
			"#log p:hover {cursor:pointer;}"+
		"</style>"
	);

    log('logging enabled');
}

function log(msg){
	//write the log message
	jQuery("#log").append('<p>'+ msg +'</p>');

	//enable on-click remove log message
	jQuery("#log p").click(function(){
		jQuery(this).remove();
	});
}

jQuery.log = function()
{
    log(arguments[0]);
}
// end. debug-logger


/**
 * bind-facebox
 */
function enable_facebox(){
	jQuery("a[rel*=facebox]").facebox();

	/*
		//enable facebox links
		var bindFacebox = function() {
			jQuery('a[rel*=facebox]').facebox();
		}
		bindFacebox();
	*/
	log("facebox enabled");
}
//end.bind-facebox


/**
 * jquery-preload-images
 */
jQuery.preloadImages = function()
{
    log('preload '+ arguments.length +' imges');

    for(var i = 0; i<arguments.length; i++)
    {
	    log((i+1) + ': ' + arguments[i]);

        jQuery("<img />").attr("src", arguments[i]);
    }
}
//end. jquery-preload-images



/**
 * key-images
 */
jQuery(function()
{
    $("#key-image-loading").hide();
    $("#key-thumbs a").click(function()
    {
        var image_id = this.id.substring(6, this.id.length);
        log('clicked thumb-' + image_id);
        var imageSource = '/images/'+ $(this).children("img").attr("rel");
        changeCaption('caption-'+image_id);
        $("#key-image-loading").show();
        $("#key-image img").addClass('hidden');
        $("#key-image-" + image_id).removeClass('hidden');
        return false;
    });
});

function changeCaption(caption_id)
{
    log('change caption: '+caption_id);
    $("#key-captions p").addClass('hidden');
    $("p#" + caption_id).removeClass('hidden');
}
// end. key-images
