ajaxTabs = Remote.Link({
	onLoading : function() {
		if ($('canvas_image')){
			if($('canvas_image').getHeight()!=0 && $('canvas_image').getWidth()!=0){
				$('loader').style.height = $('canvas_image').getHeight()+'px';
				$('loader').style.width = $('canvas_image').getWidth()+'px';
				$('canvasContainer').style.height = $('canvas_image').getHeight()+'px';
				$('canvasContainer').style.width = $('canvas_image').getWidth()+'px';
			}
		}
		$('loader').style.display="block";
		$('canvas').style.display="none";
		
		
	},
	onSuccess: function(response){
		var response_data = (response.responseText.evalJSON(true)); 
		if ($('canvas_image'))
			$('canvas').removeChild($('canvas_image'));
		$('canvas').innerHTML = "";
		if (response_data.type!="application/x-shockwave-flash"){
			image = new Image();
			image.onload = (function(){
            	resizeImageContainer(image.height);
        	})
			image.src = response_data.url;
			image.alt = response_data.title;
			if(response_data.link==""){
				image.id = "canvas_image";
				$('canvas').appendChild(image);
			}
			else{
				$('canvas').innerHTML="<a href=\""+response_data.link+"\" id=\"canvas_image\"></a>";
				$('canvas_image').appendChild(image);
			}

			
		}
		else{
			$('canvas').innerHTML = '<div id="canvas_flash">' + response_data.description + '</div>';
			swfobject.embedSWF(response_data.url, "canvas_flash", response_data.width, response_data.height, "9.0.0", "",{locale: response_data.locale});
			resizeImageContainer(response_data.height);
		}
		prev = $$('#canvasNavigation a.prev');
		next = $$('#canvasNavigation a.next');
		if(prev.length>0)
			prev[0].href = response_data.prev_page;
		if(next.length>0)	
			next[0].href = response_data.next_page;
    }
}
	
);

Event.addBehavior.reassignAfterAjax = true;
Event.addBehavior({
  '#canvasNavigation a' : ajaxTabs
})

function toggleCanvas(){
	$('loader').fade();
	$('canvas').appear();
}


function resizeImageContainer(height){
	$('loader').morph('height: '+ height +'px',{ duration: 0.8 });
	$('canvasContainer').morph('height: '+ height +'px',{ duration: 0.8 });
	window.setTimeout('toggleCanvas()', 1200);
}