﻿
window.addEvent('domready', function() {
if($('kiss-gallery-container'))
{
	galleryObj = 	{
					'thisPointer' : 0,
					'prevPointer' : 0,
					'nextPointer' : 0,
					'container' : 'kiss-gallery-container',
					'pageClass' : 'gallery-page',
					'pageWidth' : 208,
					'startPage' : 0,
					'galleryPages' : '',
					'init' : function()
							{
								var galleryPages = $(this.container).getElements('.'+this.pageClass);
								this.galleryPages = galleryPages;
								this.thisPointer = this.startPage;
								for(var i=0; i<galleryPages.length; i++)
								{
									if(this.nextPointer == 0)
									{
										this.nextPointer = i;
									}									
									if(i != this.startPage)
									{
										//galleryPages[i].setStyle('position', 'absolute');
										galleryPages[i].setStyle('width', '0px');
										//galleryPages[i].setStyle('display', 'none');
										
									}
									
									this.galleryPages[i].indexVal = i;
									j = i+1;
									if(j<galleryPages.length)
									{
										this.galleryPages[i].nextPointer = galleryPages[j];
									}
									if(i>0)
									{
										this.galleryPages[i].prevPointer = galleryPages[i-1];
									}
								}
								if(i>0)
								{
									this.prevPointer = i-1;
									this.galleryPages[0].prevPointer = galleryPages[i-1];
									this.galleryPages[i-1].nextPointer = galleryPages[0];
								}
							},
					'slide' : function(thisElem, nextElem)
							{
								//thisElem.setStyle('position', 'absolute');
								var pageWidth = this.pageWidth;
								var fx = new Fx.Styles(thisElem, {duration:600,
																	onComplete: function()
																	{
																		thisElem.setStyle('margin-left', 0);
																	}
																});
									fx.start({
												'margin-left': -pageWidth,
												'width': 0												
											});
								nextElem.setStyle('margin-left', pageWidth);
								var fx2 = new Fx.Styles(nextElem, {duration:600,
																	onComplete: function()
																	{
																		//nextElem.setStyle('left', 'auto');
																	}
																});
									fx2.start({
												'width': pageWidth,
												'margin-left':0
											});

							},
					'next' : function()
							{
								var thisPage = this.galleryPages[this.thisPointer];
								var nextPage = thisPage.nextPointer;								
								this.slide(thisPage, nextPage);
								
								this.prevPointer = thisPage.indexVal;
								this.thisPointer = nextPage.indexVal;
								this.nextPointer = nextPage.nextPointer.indexVal;
							},
					'prev' : function()
							{
								var thisPage = this.galleryPages[this.thisPointer];
								var nextPage = thisPage.prevPointer;								
								this.slide(thisPage, nextPage);
								
								this.nextPointer = this.thisPointer;
								this.prevPointer = nextPage.prevPointer.indexVal;
								this.thisPointer = nextPage.indexVal;
								
							}
				}

	galleryObj.init();
}
				
})
