var index;
var index_div = $$('.index span');
var index_img = [];
function start(){
    if ($$('.nav')) startSlide();
    if ($$('.togg')) startInSlide();
    if ($('gal')) startGal();
    if ($('banner')) startBanner();
    if ($('index')) startIndex();
    
    index_img = $$('.index img')
}

function startSlide(){
    myAccordion = new Accordion($$('.toggle'), $$('.slide'), {
            onActive: function(toggler, slider){
                //slider.setStyle('padding-bottom', '20px');
            },
            onBackground: function(toggler, slider){
                //slider.setStyle('padding-bottom', '0');
            },
            onComplete: function(){
                
            },

            opacity: 0,
            display: index,
            alwaysHide: false
    });
}

function startInSlide(){
    $each($$('.togg'), function(element, i){
        var myFx = new Fx.Slide('sld'+i, {
            duration: 1000,
            transition: Fx.Transitions.Pow.easeOut
        }).hide();
        element.addEvent('click', function(){
            myFx.toggle();
        });
    });
}

function startGal(){
    $each($$('#gal img'), function(element, i){
        element.setStyle('opacity', .5);
        element.addEvent('mouseenter', function(){
            this.setStyle('opacity', 1);
        });
        element.addEvent('mouseleave', function(){
            this.setStyle('opacity', .5);
        });
    })
}

function startBanner(){
    $each($$('.banner img'), function(element, i){
        element.addEvent('mouseenter', function(){        
            var reg = /(.*?)\.jpg/;
            this.src = this.src.replace(reg, "$1_.jpg");
        });
        element.addEvent('mouseleave', function(){        
            var reg = /(.*?)\_.jpg/;
            this.src = this.src.replace(reg, "$1.jpg");
        });
    });
}

function startIndex(){
    $each($$('.index img'), function(element, i){
        element.addEvent('mouseenter', function(){
            $$('.index span').setStyle('background', '#000');
            index_img.setStyles({'opacity': .4});
            this.setStyles({'opacity': 1});
            $('index_item'+i).setStyle('display', 'block');
        });
        element.addEvent('mouseleave', function(){
            $$('.index span').setStyle('background', 'url(img/ifolio_bg.gif) left top no-repeat');
            $$('.index img').setStyles({'opacity': 1});
            $('index_item'+i).setStyle('display', 'none');
        });
    })    
}