var photoindex;
var numphotos;
function switchPhotoGallery(galleryid) {
	var url = "/actions/switch_gallery.php";
	var params = "id=" + galleryid;
	var aj = new Ajax.Request(
					url,
					{
						method: 'post',
						parameters: params,
						onSuccess: updateGallery
					} );	
	return false;			
}
function updateGallery(response) {
	var fields = response.responseText.split("}|{");
	$('thumbs').innerHTML = fields[5];
	switchPhoto(fields[1], fields[2], fields[3], fields[4]);
	photoindex = 0;
	numphotos = fields[0];
}
function switchPhoto(filename, description, filename2, description2) {
	$('photo').innerHTML = '<img src="/images/photos/m_' + filename + '" border="0" alt="' + description + '" /><br />Before';
	$('photo2').innerHTML = '<img src="/images/photos/m_' + filename2 + '" border="0" alt="' + description2 + '" /><br />After';
	// $('media_description').innerHTML = '<strong>description: </strong>' + description;
}
Effect.Transitions.exponential = function(pos) {
  return 1-Math.pow(1-pos,2);
}
function MoveLeft()
{
	if(photoindex != 0 && numphotos > 7) {
	    new Effect.MoveBy('photo_slides', 0, 72 , 
							{
							  duration: 0.4,  
							  transition: Effect.Transitions.exponential,
							  queue: 'end'
							});
		photoindex--;
	}
}

function MoveRight()
{
	if((numphotos - photoindex - 7) > 0) {
	    new Effect.MoveBy('photo_slides', 0, -72 , 
							{
							  duration: 0.4,  
							  transition: Effect.Transitions.exponential,
							  queue: 'end'
							});
		photoindex++;
	}
}
pic = new Image(100,25); 
pic.src="/images/bg_media_item_on.jpg";
function mover(itemid) {
	$(itemid).style.backgroundImage = "url(/images/bg_media_item_on.jpg);"
}
function mout(itemid) {
	$(itemid).style.backgroundImage = "url(/images/bg_media_item.jpg);"
}