var j = jQuery.noConflict();
j(function() {
	var clicked = false;
	changeImage(); 
    j('#menu > ul').tabs({ fx: { opacity: 'toggle', duration: 'slow', cache: false } });
    j('#viewfull').css("cursor", "pointer");
	j('#viewfull').click(function(){
		var fullsizeimg = j('#viewfull').attr('rel');
		var cap = j('#caption').html();
		if (j('#fullview').length > 0){
			j('#fullsizeimg').attr('src', fullsizeimg);
			j('#fullsizecaption').html(cap);
		} else {
			j('#container').before('<div id="fullview"><img id="fullsizeimg" src="'+fullsizeimg+'"></div>').addClass("animated").css({"position": "relative"});
			j('#fullview').addClass("animated").append('<p id="fullsizecaption">'+cap+'</p>').click(function(){
				j('#fullview').animate({"top": "-650px"}, "slow");				
				j('#container').animate({"top": "0px"}, "slow");
			});
			
		}
		window.scrollTo(0, 0);
		j('html,body').animate({scrollTop: 0}, "fast");
		j('#fullview').animate({"top": "0px"}, "slow") 				
		j('#container').animate({"top": "650px"}, "slow")
	});
});

function changeImage(img) {
	if (img == null) {
		img = j('#thumbnails a:last').attr('rel');
	}
	j('#viewfull').attr('rel', 'phpthumb/phpThumb.php?src=/' + img + '&w=800');
	
	j('#gallery').fadeTo("slow",0, function(){
		j('#gallery').attr('src','phpthumb/phpThumb.php?src=/' + img + '&w=300&h=225&fltr[]=ric|15|15').animate({opacity: 0}, 700, function(){
			j('#gallery').fadeTo("slow",1);
		});
	});
	
	var captiontxt = img + '.txt';	
	j.ajax({
	  url: captiontxt,
	  cache: false,
	  success: function(txt){
	    j('#caption').hide("fast", function(){
	    	j('#caption').html(txt).show("fast");
	    });
	  }
	});
	var fullsizeimg = j('#viewfull').attr('rel');
	j('#fullsizeimg').attr('src', fullsizeimg);
}