/**
 * Javascript for dynamic user interaction on homepage
 */

var previewCategoryId = null;
var stopCategoryId = null;
var makingPreviewRequest = false;

$(document).ready(function()
{
    $('div.category_column_content div.category_column_cell').hover(changePreviewImage, stopChangePreviewImage);

    if(jQuery().anplumbingTooltip)
    {	/* make sure plugin is loaded before using */
        $('div.category_column_content div').anplumbingTooltip();
    }

});


/**
 *
 */
function changePreviewImage()
{    
    var category_id = $(this).attr('id');
    category_id = category_id.substr(category_id.lastIndexOf('_')+1);
    previewCategoryId = category_id;
    var image_html_id = $(this).parent().parent().children('div.category_column_image').children('img').attr('id');
    setTimeout( "loadPreviewImageUrl("+category_id+", '"+image_html_id+"')", 300 ); //setInterval
}

/**
 *
 */
function loadPreviewImageUrl(category_id, image_html_id)
{
    if (previewCategoryId == category_id) {   
        makingPreviewRequest = true;
        $.ajax({
            url: "/site/categoryImage/"+category_id,
            dataType: 'json',
            success: function(data)
            {
                if (previewCategoryId == category_id && 0 < data.length){
                    $('#'+image_html_id).attr('src', data);
                    setTimeout( "reloadPreviewImageUrl("+category_id+", '"+image_html_id+"')", 3000 ); //setInterval
                }
                makingPreviewRequest = false;
            }
        });
    }
}

function reloadPreviewImageUrl(category_id, image_html_id)
{
    if (false == makingPreviewRequest && previewCategoryId == category_id && stopCategoryId != category_id) {
        loadPreviewImageUrl(category_id, image_html_id)
    }
}

function stopChangePreviewImage()
{
    var category_id = $(this).attr('id');
    category_id = category_id.substr(category_id.lastIndexOf('_')+1);
    stopCategoryId = category_id;
}