var tiny_thumbs = new Array();
var rolling_interval = false;
var thumbURL;
var i = 1;

jQuery(document).ready(function()  {
    jQuery('div.small_thumbnail img').each(function()  {
        var thumbnail_src = jQuery(this).attr('src');
        var bigpic_src = thumbnail_src.replace(/_th/, '');
        var bigpic_cache = new Image();
        bigpic_cache.src = bigpic_src;    
        if ( tiny_thumbs.length == 0 )  {
            jQuery('div#big_picture').css('background', 'url(' + bigpic_src + ') no-repeat');
        }
        tiny_thumbs[tiny_thumbs.length] = jQuery(this);
	   
    });
    thumbURL = jQuery(tiny_thumbs[0]).parent().attr('href');
    jQuery('div#big_picture_fade a').attr('href', thumbURL);
    rolling_interval = setInterval(rotate_automagically, 5000);
    
    jQuery('div.small_thumbnail img').hover(function()  { // over
												 
	   thumbURL = jQuery(this).parent().attr('href');											   
        var thumbnail_src = jQuery(this).attr('src');
        var bigpic_src = thumbnail_src.replace(/_th/, '');
        
        if ( rolling_interval)  {
            clearInterval(rolling_interval);
            rolling_interval = false;
        }
        
        jQuery('div#big_picture_fade').stop().css({opacity: 0.0}).css('background', 'url(' + bigpic_src + ') no-repeat').animate({opacity: 1.0}, function()  {
            jQuery('div#big_picture').css('background', 'url(' + bigpic_src + ') no-repeat');  
		  
        });
	  jQuery('div#big_picture_fade a').attr('href', thumbURL);
	  
    }, function()  { // out
        if ( !rolling_interval )  {
            rolling_interval = setInterval(rotate_automagically, 5000);
        }
    });
});


function rotate_automagically()  {
    thumbURL = tiny_thumbs[i].parent().attr('href');
    var thumbnail_src = tiny_thumbs[i++].attr('src');
    var bigpic_src = thumbnail_src.replace(/_th/, '');	
    jQuery('div#big_picture_fade').stop().css({opacity: 0.0}).css('background', 'url(' + bigpic_src + ') no-repeat').animate({opacity: 1.0}, 100, function()  {
        jQuery('div#big_picture').css('background', 'url(' + bigpic_src + ') no-repeat');
	  
    });
    jQuery('div#big_picture_fade a').attr('href', thumbURL); 
    if ( i >= tiny_thumbs.length )  {
        i = 0;
    }
}