//------------------------------------------------------------------------------

var collageClass = {
    container: 'collage_canvas',
    b_left: 'collage_left',
    b_right: 'collage_right',
    iterator: 0,
    delay: 7,
    timer: null,

    images: [
        '/banners/teaser1.jpg', 
        '/banners/teaser2.jpg',
        '/banners/teaser7.jpg', 
        '/banners/teaser3.jpg', 
        '/banners/teaser4.jpg', 
        '/banners/teaser5.jpg', 
        '/banners/teaser6.jpg'
    ],

    click: function(e){
        var offset = e.element().id == collageClass.b_left ? -1 : 1;
        collageClass.change(offset);
        if(collageClass.timer != null) clearInterval(collageClass.timer);
        collageClass.timer = setInterval(collageClass.change, collageClass.delay);
    },

    change: function(offset){
        var offset = offset || 1;
        collageClass.iterator += offset;
        if(collageClass.iterator < 0) collageClass.iterator = collageClass.images.length - 1;
        if(collageClass.iterator > collageClass.images.length - 1) collageClass.iterator = 0;

        new Effect.Opacity(collageClass.container, {
            from: 1.0,
            to: 0.0,
            duration: 0.5,
            afterFinish: function(){
                $(collageClass.container).setStyle({backgroundImage: 'url(' + collageClass.images[collageClass.iterator] + ')'});
                new Effect.Opacity(collageClass.container, {
                    from: 0.0,
                    to: 1.0,
                    duration: 0.5
                });
            }       
        });
    },

    init: function(){
        if($(collageClass.container)){
            $A(collageClass.images).each(function(i){
                new Element('img', {src:  i});
            });
            $(collageClass.container).setStyle({backgroundImage: 'url(' + collageClass.images[collageClass.iterator] + ')'});
            //$(collageClass.b_left).observe('click', collageClass.click);
            //$(collageClass.b_right).observe('click', collageClass.click);
            collageClass.timer = setInterval(collageClass.change, collageClass.delay * 1000);
        }
    }
};

//---------------------------MENU SCRIPTS

document.observe('dom:loaded',  function() {
	$$('#menu li ul').each(function(element){
		var parent = element.up('li');
		parent.addClassName('sub').observe('mouseover' , function(parent){
			element.addClassName('hover').setStyle({ display : 'block'});
			//Effect.BlindDown($(element), {duration: .5});
		});
		parent.addClassName('sub').observe('mouseout' , function(parent){
			element.removeClassName('hover').setStyle({ display : 'none'});
		    //Effect.BlindUp($(element), {duration: .5});
		})
	});
});