var first_time_img_load = true;
var top_image_loaded = false;

function first_time_init() { 

    if(!first_time_img_load) return;

    top_image_loaded = true;


    first_time_img_load = false;
}

function img_load_init() {
    
    top_image_loaded = true;
    
    $('#top_image').fadeIn(10);
}

$('#top_image').ready(function() { top_image_loaded = true; });
$('#top_image').load(function() { top_image_loaded = true; });

$(document).ready(function() { 

    $('img.tbn').bind('contextmenu', function () { return false; });
    $('img.mtbn').bind('contextmenu', function () { return false; });
    $('#top_image').bind('contextmenu', function () { return false; });
    
    if(top_image_loaded || $('#top_image').attr('complete') || ($('#top_image').attr('readyState') == 'complete'))
        first_time_init();

    if($.browser.msie)
        $('#top_image').bind('readystatechange', function() { 
            if($(this).attr('readyState') == 'complete') {
                if(first_time_img_load)
                    first_time_init();
                else
                    img_load_init();
            }
        });
    else
        $('#top_image').load(function() { 
            if(first_time_img_load)
                first_time_init();
            else
                img_load_init();
        });

    /* Images viewing */
    $("a.preview_tbn").mousedown(function() {
        
        load_image($(this).attr('rel'), $(this).attr('href'), $(this).attr('title'));

        return false;
    });

    function load_image(pic_id, url, comments) {
        $('#top_image').attr('rel', pic_id);
		$('#top_image_a').attr('href', url);
    
        if(url == $('#top_image').attr('src')) 
            return;

        top_image_loaded = false;

        var tmp = new Image();
        if(comments == null) comments = ' ';

        if($.browser.msie)
            $(tmp).bind('readystatechange', function() {
                if($(tmp).attr('readyState') == 'complete')
                    $('#top_image').fadeOut(10, function() { 
                        $('#top_image').attr('src', tmp.src); 
                    });
            });
        else
            $(tmp).load(function() {
                $('#top_image').fadeOut(10, function() { 
                    $('#top_image').attr('src', tmp.src);
                    if($.browser.opera) 
                        $('#top_image').trigger('load'); 
                });
            });

        tmp.src = url;
	}
});