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

	$('#thumbs a').click(function(){
		
		$('#thumbs .on').removeClass('on');
		$(this).addClass('on');
		
		var img = new Image();
		
		$('#banner img').remove();
		
		$(img)
			.load(function(){
				$(this).hide();
				$('#banner img').remove();
				$('#banner').append(this);
				$(this).fadeIn(1000);
			})
			.attr('src', '_images/' + $('#thumbs a.on').attr('href'))
			.attr('alt', $('#thumbs a.on img').attr('alt'));
		
		return false;	
	});
	
	$('#banner').append('<div id="tip">Expand</div>');
	
	$('#banner #tip').click(function(){
        if ($(this).text() == 'Expand'){
            $('#banner').height($('#banner').find('img').height() + 'px');
            $(this).text('Collapse');
        }
        else{
            $('#banner').height('');
            $(this).text('Expand');
        }
    });
	
	var rnd = Math.floor(Math.random() * ($('#thumbs a').length + 1));
	
	$('#thumbs a:nth-child(' + rnd + ')').trigger('click');
	
});