//id of current feature image, used on home page only
var current_image_id;

jQuery(function()
{
//jQuery(document).ready(function($) {
	//alert('loading effects.js');
//    enable_logging();

//    enable_keyimages();
    enable_lightbox();

});// end document ready


function enable_lightbox(){
    //$("a[rel*=jquery-lightbox]").lightbox();
	$("a.jlightbox").lightbox();
    log('lightbox enabled');
}


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();
	});
}

function enable_facebox(){
	jQuery("a[rel*=facebox]").facebox();

	/*
		//enable facebox links
		var bindFacebox = function() {
			jQuery('a[rel*=facebox]').facebox();
		}
		bindFacebox();
	*/
	log("facebox enabled");
}


//extend jquery with a preload image function
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]);
    }
}

jQuery.log = function()
{
    log(arguments[0]);
}


$(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();
//        showImage(imageSource);

        $("#key-image img").addClass('hidden');
        $("#key-image-" + image_id).removeClass('hidden');

        return false;
    });
});

/*
function showImage(src)
{
    $("#key-image img").fadeOut("slow").remove();
    var largeImage = new Image();

    $(largeImage).attr({ src: src, width: 300 }).load(function()
    {
        //$(largeImage).hide();
//        $("#key-image").append(largeImage);
        //$("#key-image").removeClass("key-image-loading").append(largeImage);
        $(largeImage).fadeIn("slow");

        $("#key-image-loading").hide();
    });
}
*/

function changeCaption(caption_id)
{
    log('change caption: '+caption_id);
    $("#key-captions p").addClass('hidden');
    $("p#" + caption_id).removeClass('hidden');
}



/*
function enable_keyimages(){

	jQuery("#key-thumbs a").click(function() {
        var image_id = this.id.substring(6, this.id.length);
		//log('clicked ' + image_id);
        if (current_image_id != image_id)
        {
            log('thumb clicked ' + image_id);


            jQuery.ajax({
                type: "POST",
                url: "/home/image/" + image_id, // +"/",
                dataType : "html",
                success: function(xml){
                    //log('server response: ' + xml);
					log('server responsed');
					jQuery("#key_image").remove();
                    jQuery("#key_image_frame").append(xml);
                    current_image_id = image_id;
					update_caption();
                }
            });

		}
        return false;
	});
	log('keyimages enabled');
}

function update_caption(){
	var caption = jQuery("#key_image").attr('alt');
	jQuery("p.image-caption").html(caption);
}
*/