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 = /(.*?)\.gif/;
            this.src = this.src.replace(reg, "$1_.gif");
        });
        element.addEvent('mouseleave', function(){        
            var reg = /(.*?)\_.gif/;
            this.src = this.src.replace(reg, "$1.gif");
        });
    });
}

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');
        });
    })    
}


function showBox(url){
    var ob = $('over');
    var fla = $(url);
    ob.setStyles({
        'display': 'block', 
        'opacity': .5,
        height: window.getScrollSize().y
    });
    fla.setStyle('display', 'block');
    
//    var w = $(window).getWidth();
    //w = w-400;
//    w=705;
//    fla.setStyles({'width': w+'px'});
    
    var top = (($(window).getHeight() - fla.getHeight()) / 2) + window.getScroll().y;
    var left = ($(window).getWidth() - fla.getWidth()) / 2;
    
    fla.setStyles({
        top: top,
        left: left
    });
    
    ob.addEvent('click', function(){
        ob.setStyles({'display': 'none', 'opacity': 0});
        fla.setStyle('display', 'none');
    });
}
function closeBox(url){
    var ob = $('over');
    var fla = $(url);
    
    ob.setStyles({'display': 'none', 'opacity': 0});
    fla.setStyle('display', 'none');
}