var Ticker = new Class({
    setOptions: function(options) {
            this.options = Object.extend({
                    speed: 1500,
                    delay: 5000,
                    direction: 'vertical',
                    onComplete: Class.empty,
                    onStart: Class.empty
            }, options || {});
    },
    initialize: function(el,options){
            this.setOptions(options);
            this.el = $(el);
            this.items = this.el.getElements('li');
            var w = 0;
            var h = 0;
            if(this.options.direction.toLowerCase()=='horizontal') {
                    h = this.el.getSize().size.y;
                    this.items.each(function(li,index) {
                            w += li.getSize().size.x;
                    });
            } else {
                    w = this.el.getSize().size.x;
                    this.items.each(function(li,index) {
                            h += li.getSize().size.y;
                    });
            }
            this.el.setStyles({
                    position: 'absolute',
                    top: 0,
                    left: 0,
                    width: w,
                    height: h
            });
            this.fx = new Fx.Styles(this.el,{duration:this.options.speed,onComplete:function() {
                    var i = (this.current==0)?this.items.length:this.current;
                    this.items[i-1].injectInside(this.el);
                    this.el.setStyles({
                            left:0,
                            top:0
                    });
            }.bind(this)});
            this.current = 0;
            this.next();
    },
    next: function() {
            this.current++;
            if (this.current >= this.items.length) this.current = 0;
            var pos = this.items[this.current];
            this.fx.start({
                    top: -pos.offsetTop,
                    left: -pos.offsetLeft
            });
            this.next.bind(this).delay(this.options.delay+this.options.speed);
    }
});

var Site = {
    start: function(){	
        
        Site.toolTipLinks();
        Site.uploadPics();
        //Site.accordeon();
        Site.accordeon2();
        Site.coupon();
        
        if ($('NewsVertical')) {
            Site.newsScroll();
        }
        
        if ($('bannerHome')) {
            Site.bannerHome();	
        }
    },
    
    toolTipLinks: function(){
        /* Tips 2 */
        var monTip = new Tips($$('.tips'), {
            initialize:function(){
                this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
            },
            onShow: function(toolTip) {
                this.fx.start(1);
            },
            onHide: function(toolTip) {
                this.fx.start(0);
            },
            fixed: true
        });
    },
    
    accordeon: function(){
        var accordion = new Accordion('h3.atStart', 'div.atStart', {
            opacity: false,
            transition: Fx.Transitions.Quart.easeInOut,
            duration: 500,
            onActive: function(toggler, element){
                //toggler.setStyle('color', '#ff3300');
            },
         
            onBackground: function(toggler, element){
                //toggler.setStyle('color', '#222');
            }
        }, $('accordion'));
    },
    
    accordeon2: function(){
        var accordion = new Accordion('div.atStart2', 'div.atStart3', {
            opacity: false,
            transition: Fx.Transitions.Quart.easeInOut,
            duration: 500,
            onActive: function(toggler, element){
                //toggler.setStyle('color', '#ff3300');
            },
         
            onBackground: function(toggler, element){
                //toggler.setStyle('color', '#222');
            }
        }, $('accordion2'));
    },
    
    uploadPics: function(){
        if ($('formulaire')) {
            if ($( 'formulaire' ).images)
            new MultiUpload( $( 'formulaire' ).images, 5, '[{id}]', true, true );
            if ($( 'formulaire' ).word)
            new MultiUpload( $( 'formulaire' ).word, 1, '[{id}]', true, true );
        }
    },
    
    coupon: function(){
        
        if ($('formCoupon')) {
            $('formCoupon').addEvent('submit', function(e) {
                /**
                 * Prevent the submit event
                 */
                new Event(e).stop();
             
                /**
                 * This empties the log and shows the spinning indicator
                 */
                var log = $('coupon_response').removeClass('coupon_error').empty().addClass('ajax-loading');
             
                /**
                 * send takes care of encoding and returns the Ajax instance.
                 * onComplete removes the spinner from the log.
                 */
                this.send({
                    update: log,
                    evalScripts: true,
                    onComplete: function() {
                        log.removeClass('ajax-loading');
                    }
                });
            });
        }
    },
    
    newsScroll: function() {
        var vert = new Ticker('TickerVertical',{speed:1000,delay:2000,direction:'vertical'});
    },
			
    bannerHome: function() {
        $('boxHomeLeft').addEvent('mouseenter', function(e) {
            //$('boxHomeLeft').setStyle('background-image', 'url(gfx/boxleft-hover.png)');
            $('bannerHome').setStyle('background-image', 'url(gfx/onglet1.jpg)');
        });
        
        $('boxHomeCenter').addEvent('mouseenter', function(e) {
            //$('boxHomeCenter').setStyle('background-image', 'url(gfx/boxleft-hover.png)');
            $('bannerHome').setStyle('background-image', 'url(gfx/onglet2.jpg)');
        });
        
        $('boxHomeRight').addEvent('mouseenter', function(e) {
            //$('boxHomeRight').setStyle('background-image', 'url(gfx/boxright-hover.png)');
            $('bannerHome').setStyle('background-image', 'url(gfx/onglet3.jpg)');
        });
        
        $('boxHomeLeft').addEvent('mouseleave', function(e) {
            //$('boxHomeLeft').setStyle('background-image', 'url(gfx/boxleft.png)');        
        });
        
        $('boxHomeCenter').addEvent('mouseleave', function(e) {
            //$('boxHomeCenter').setStyle('background-image', 'url(gfx/boxleft.png)');        
        });
        
        $('boxHomeRight').addEvent('mouseleave', function(e) {
            //$('boxHomeRight').setStyle('background-image', 'url(gfx/boxright.png)');        
        });
    }
};
		
window.addEvent('load', Site.start);