var current_image_id;

jQuery(document).ready(function($) {

    //logMessage('loading: thumbnails.js');

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

    //add hover effect to thumbnails
    jQuery(".vertthumbs a", this).click(function() 
    {
        var image_alias = this.id;

        if (current_image_id != image_alias) 
        {
			//logMessage('thumb clicked ' + image_alias);

            jQuery.ajax({
                type: "POST",
                url: "/image/index/" + image_alias,
                dataType : "html",
                success: function(xml){
                    jQuery(".featured-img").remove();
                    jQuery("#featured-img-container").prepend(xml);

					//logMessage('server response: ' + xml);
                    current_image_id = image_alias;

					//bind event actions on new image
					bindFacebox();
				}
            });
        }

        return false;
    });


});// document ready


/**
 * append a message to the messages div in website_template
 */
function logMessage(msg) {
    jQuery("#messages").append('<span>'+ msg +'</span>');
}