/*------------------------------------------------------------------------
Creates carousel gallery
-------------------------------------------------------------------------*/
function createGallery() {
	hCarousel = new UI.Carousel("horizontal_carousel");
}


/*------------------------------------------------------------------------
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 cat = temp[0]; 
	var gallery = temp[1]; 
	var skip = temp[2];
	var foundcount = temp[3];
	var cat = 'cat=' + cat;
	var gallery = '&gallery=' + gallery;
	var skip = '&skip=' + skip;
	var foundcount = '&foundcount=' + foundcount;
	var imageId = '&id=' + image.id;
	var ajaxOn = '&ajax=true';
	var params = cat+gallery+skip+foundcount+imageId+ajaxOn;
	
	imageUpdate(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','m');
	var temp = (trimmer).split('-');
	var cat = temp[0];
	var gallery = temp[1]; 
	var skip = temp[2];
	var foundcount = temp[3];
	var cat = 'cat=' + cat;
	var gallery = '&gallery=' + gallery;
	var skip = '&skip=' + skip;
	var ajaxOn = '&ajax=true';
	var whichLink = '&linkClicked=' + link.id;
	var foundcount = '&foundcount=' + foundcount;
	var lparams = cat+gallery+skip+ajaxOn+whichLink+foundcount;
	imageUpdate(lparams)
	
}
 
 
// Update te Image

function imageUpdate(params){
	Effect.Fade('photo',{
			afterFinish: function() {
			new Ajax.Updater('photo', 
				'gallery.php', 
				{ 	method: 'get', 
					parameters:params, 
					evalScripts:true,
					onComplete: function() {
					//if (Ajax.activeRequestCount === 0) {
					//alert("end");
					//alert(Ajax.activeRequestCount);
					Effect.Appear('photo');
					//}	
					}
					});
			}
		});
}

	
/*------------------------------------------------------------------------
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)});
	}

}