/**
 * @author Ideatronic
 */
var scrollGallery = new Class({
    options:{
	galleryId:'scrollGallery',
	pagesId:'.scrollPages',
	galleryContId:'scrollGalleryContainer',
	scrollLeft:'scrollGalleryLf',
	scrollRight:'scrollGalleryRg',
	eventType:'click',
	periodical:5000,
	paginationClass:'',
	autoscroll:true
    },
    initialize:function(options){
	this.setOptions(options);
	var $this = this;
	this.gallery = $(this.options.galleryId);
	this.pages = $$(this.options.pagesId);
	this.galleryCont = $(this.options.galleryContId);
	this.scrollLeftCont = $(this.options.scrollLeft);
	this.scrollRightCont = $(this.options.scrollRight);
	this.pagination = false;
		
	this.scrollDirection = 0;								//0=right, 1=left
	this.currentPage = 0;
	this.periodical = this.options.periodical;
	this.autoscroll = this.options.autoscroll;
	this.currentWidth = 0;
		
		
	this.fullWidth = this.pages.length*(this.pages[0].getScrollSize().x);
	this.scrollWidth = this.pages[0].getScrollSize().x;
	this.galleryCont.setStyle('width',this.fullWidth);
		
	this.sg = new Fx.Scroll(this.options.galleryId,{
	    link:'cancel',
	    duration:1000
	});
		
	if(this.scrollLeftCont && this.scrollRightCont)
	{
	    this.scrollLeftCont.addEvents({
		'click':function(){
		    $this.scrollLeft()
		},
		'mouseenter':function(e){
		    var ev = new Event(e);
		    ev.stopPropagation();
		    $this.stopAutoScroll();
		}
	    });
	    this.scrollRightCont.addEvents({
		'click':function(){
		    $this.scrollRight()
		},
		'mouseenter':function(e){
		    var ev = new Event(e);
		    ev.stopPropagation();
		    $this.stopAutoScroll();
		}
	    });
	}
		
	if(this.options.paginationClass!='')
	{
	    this.pagination = true;
	    this.paginationClass = this.options.paginationClass;
	    this.paginate();
	}
			
		
	if(this.autoscroll)
	{
	    this.startAutoScroll();
	    $(this.options.galleryId).addEvents({
		'mouseenter':function(e){
		    var ev = new Event(e);
		    ev.stopPropagation();
		    $this.stopAutoScroll();
		},
		'mouseleave':function(e){
		    var ev = new Event(e);
		    ev.stopPropagation();
		    $this.startAutoScroll();
		}
	    });
	}
	this.scrollGallery(0);
    },
    scrollGallery:function(value){
	this.sg.start(value, 0);
    },
    scrollLeft:function(){
	if((this.currentWidth-this.scrollWidth)>=0 && (this.currentPage-1)>=0)
	{
	    this.scrollGallery((this.currentWidth-this.scrollWidth));
	    this.currentWidth-=this.scrollWidth;
	    this.currentPage--;
	    if(this.pagination)
		this.markPage(this.currentPage);
	    return ;
	}
    },
    scrollRight: function(){
	if ((this.currentWidth+this.scrollWidth)<this.fullWidth && (this.currentPage+1)<this.pages.length) {
	    this.scrollGallery((this.currentWidth+this.scrollWidth));
	    this.currentWidth+=this.scrollWidth;
	    this.currentPage++;
	    if(this.pagination)
		this.markPage(this.currentPage);
	    return;
	}
    },
    autoScroll:function(){
	if((((this.currentWidth+this.scrollWidth) >= this.fullWidth) || (this.currentPage == this.pages.length-1)) && this.scrollDirection == 0)
	{
	    return this.scrollDirection = 1;
	}
	if((this.currentWidth == 0||this.currentPage ==0) && this.scrollDirection == 1)
	{
	    return this.scrollDirection = 0;
	}
	if(this.scrollDirection == 1)
	    this.scrollLeft();
	if (this.scrollDirection == 0)
	    this.scrollRight();
    },
    startAutoScroll:function(){
	var $this = this;
	$clear(this.timer);
	this.timer = (function(){
	    $this.autoScroll();
	}).periodical(this.periodical);
	this.scrollInProgress = true;
    },
    stopAutoScroll:function(){
	$clear(this.timer);
	this.scrollInProgress = false;
    },
    openPage:function(pageNo)
    {
	var scrollWidth = pageNo*this.scrollWidth;
	this.scrollGallery(scrollWidth);
	this.currentPage = pageNo;
	
	this.markPage(this.currentPage);
    },
    markPage:function(pageNo)
    {
	for(var i=0; i<this.paginationTab.length; i++)
	{
	    this.paginationTab[i].removeClass('active');
	}
	this.paginationTab[pageNo].addClass('active');
    },
    paginate:function()
    {
	var paginer = $$(this.paginationClass)[0];
	var paginationParent = paginer.getParent();
	var cloneTab = new Array();
	for(var i=0; i<this.pages.length; i++)
	{
	    var $this = this;
	    cloneTab[i] = paginer.clone();
	    cloneTab[i].inject(paginationParent);
	    var tabs = cloneTab;
	    cloneTab[i].iter = i;
	    cloneTab[i].addEvent('click',function(){
		$this.openPage(this.iter);
		$this.stopAutoScroll();
	    })
	}
	paginer.dispose();
	this.paginationTab = cloneTab;
    }
});
scrollGallery.implement(new Options);