// No conflict, so we can use mootools
var $j = jQuery.noConflict();

$j(document).ready(function(){
	
	buildLinks(photos, 'Photos', '#links-photo');
	
	if(panos!==undefined){ 
		buildLinks(panos, 'Panos', '#links-pano') 
	}
	
	$j("#links-photo a").click(function(){
		
		// Hide Pano Container
		$j("#pano:visible").css("display","none");
	
		// Show Photo Container
		$j("#photo:hidden").css("display","block");

		
		$newimg = $j(this).attr("href");
		if($newimg && ($newimg != $j("#photo img").attr("src"))){
			$j("#photo").css('background-image','url(' + $newimg + ')');
			$j("#photo img").SlideOutRight("normal", function(){
				  $j("#photo img").attr("src",$newimg);
			});
		}
		return false;
	});	
	
	$j("#links-pano a").click(function(){
		
		// Hide Photo Container
		$j("#photo:visible").css("display","none");
		
		// Show Pano Container
		$j("#pano:hidden").css("display","block");	
		
		
		$newpano = $j(this).attr("href");
		if($newpano){
			$j("iframe").attr('src','loadmovie.php?file=' + $newpano);
		}
		return false;
	});
});


function buildLinks(arr, name, container){
	if(arr){
		var $html = name + ': ';
		for(x=0;x<arr.length;x++){
			$html += '<a href="' + arr[x] + '">' + (x + 1) + '</a>&nbsp;&nbsp;&nbsp;';
		}
		$j(container).html($html);
	}			
}