/*------------------------------------------------------------------------
Creates carousel gallery
-------------------------------------------------------------------------*/
function createGallery() {
	vCarousel = new UI.Carousel("vertical_carousel", {direction: "vertical"});
}


/*------------------------------------------------------------------------
Ajax function that gets data and updates the div with id 'photo'
--------------------------------------------------------------------------
params
event - The element that was clicked 
-------------------------------------------------------------------------*/
function triggerfunc(event){
	Event.stop(event);	
	var image = Event.element(event);	
	var temp = (image.name).split('-');
	var galleryImage = temp[0]; 
	var skipCount = temp[1];
	var foundcount = temp[2];
	var gallery = 'gallery=' + galleryImage;
	var skip = '&skip=' + skipCount;
	var foundcount = '&foundcount=' + foundcount;
	var imageId = '&id=' + image.id;
	var ajaxOn = '&ajax=true';
	var params = gallery+skip+foundcount+imageId+ajaxOn;
	imageUpdate(params);
	var iparams = 'skip='+skipCount+'&gallery='+galleryImage;
	//getCaption(params);
}


/*------------------------------------------------------------------------
Attaches onclick event handler for all elements of the class
--------------------------------------------------------------------------
params
searchClass - class of the elmenent the event is binded to
-------------------------------------------------------------------------*/


function getPhotos() {
	var photos = $$("a.galleryPhoto");
	for (i=0; i < photos.length; i++){
		Event.observe(photos[i], 'click',function(event){ triggerfunc(event)});
	}

}


/*------------------------------------------------------------------------
Ajax function that gets next or previous image
--------------------------------------------------------------------------
params
event - The left or right side of image that was clicked
-------------------------------------------------------------------------*/
function getImageNext(event){
	Event.stop(event);
	var link = Event.element(event);
	var trimmer = link.name.replace('m','');
	var temp = (trimmer).split('-');
	var photo  = temp[0]; 
	var galleryImage = temp[1]; 
	var skipCount = temp[2];
	var foundcount = temp[3];
	var capimg = temp[4];
	var photo = "photo=" + photo;
	var gallery = '&gallery=' + galleryImage;
	var skip = '&skip=' + skipCount;
	var ajaxOn = '&ajax=true';
	var whichLink = '&linkClicked=' + link.id;
	var foundcount = '&foundcount=' + foundcount;
	var lparams = photo+gallery+skip+ajaxOn+whichLink+foundcount;
	imageUpdate(lparams);
	var iparams = "skip="+skipCount+"&gallery="+galleryImage+"&linkClicked="+link.id;
	var capParam = "id="+capimg;
	
	//alert(lparams);
}
 
 
 
// Update the Image

function imageUpdate(params){
	Effect.Fade('photo',{
			afterFinish: function() {
			new Ajax.Updater('photo', 
				'collections.php', 
				{ 	method: 'get', 
					parameters:params, 
					evalScripts:true,
					onComplete: function() {
					Effect.Appear('photo');
					getCaption('');
					}
					});
			}
		});
}


function getCaption(params){
	//alert(params);
	
	var thisphoto = $('currentphoto').getAttribute('name');
	var params = "id="+thisphoto;
	//alert(params);
	Effect.Fade('photoCaption',{
			afterFinish: function() {
			new Ajax.Updater('photoCaption', 
				'getCaption.php', 
				{ 	method: 'get', 
					parameters:params, 
					evalScripts:true,
					onComplete: function() {
					Effect.Appear('photoCaption');
					}
					});
			}
		});
}



	
/*------------------------------------------------------------------------
Attaches onclick event to main image (current galery photo)
--------------------------------------------------------------------------
params
none
-------------------------------------------------------------------------*/

function createGalleryNav() {
	var galleryLinks = $$("a.galleryNav");
	for (i=0; i < galleryLinks.length; i++){
		Event.observe(galleryLinks[i], 'click',function(event){ getImageNext(event)});
	}

}


	
/*------------------------------------------------------------------------
Attaches onclick event to main image (current galery photo)
--------------------------------------------------------------------------
params
none
-------------------------------------------------------------------------*/

function createMainGalleryNav() {
	var galleryLinks = $$("a.mainGalleryNav");
	for (i=0; i < galleryLinks.length; i++){
		Event.observe(galleryLinks[i], 'click',function(event){ getGalleryNext(event)});
	}

}


function getGalleryNext(event){
	Event.stop(event);
	var link = Event.element(event);
	var trimmer = link.name.replace('m','');
	var temp = (trimmer).split('-');
	var skipCount = temp[0];
	var foundcount = temp[1];
	var skip = 'skip=' + skipCount;
	var foundcount = '&foundcount=' + foundcount;
	var whichLink = '&linkClicked=' + link.id;
	var ajaxOn = '&ajax=true';
	var lparams = skip+foundcount+whichLink+ajaxOn;
	//var gpparams = skip+foundcount+whichLink;
	//galleryUpdateLinks(gpparams);
	galleryImageUpdate(lparams);
}



function galleryImageUpdate(params){
	Effect.Fade('galleryphoto',{
			afterFinish: function() {
			new Ajax.Updater('galleryphoto', 
				'index.php', 
				{ 	method: 'get', 
					parameters:params, 
					evalScripts:true,
					onComplete: function() {
					Effect.Appear('galleryphoto');
					}
					});
			}
		});
}

/*
function galleryUpdateLinks(params){
	alert(params);
	//galleryLeftLinkUpdate(params);
	galleryRightLinkUpdate(params);
}
*/

/*
function galleryLeftLinkUpdate(params){
alert("LeftUpdate");
	
	Effect.Fade('leftLink',{
			afterFinish: function() {
			new Ajax.Updater('leftLink', 
				'updateLeftLink.php', 
				{ 	method: 'get', 
					parameters:params, 
					evalScripts:false,
					onComplete: function() {
					Effect.Appear('leftLink');
					alert("LeftUpdated");
					}
					});
			}
		});
		
}


function galleryRightLinkUpdate(params){
alert("RightUpdate");
	
	Effect.Fade('rightLink',{
			afterFinish: function() {
			new Ajax.Updater('rightLink', 
				'updateRightLink.php', 
				{ 	method: 'get', 
					parameters:params, 
					evalScripts:false,
					onComplete: function() {
					Effect.Appear('rightLink');
					alert(params);
					galleryLeftLinkUpdate(params);
					}
					});
			}
		});
		
}
*/