var initMultiBox = false;

function start(){
    actMenu();
    if($('tabList')) actTabs();
    if($('brandBanerBot')) actBrandMain();
    if($('sliderOverfl')) actScrol();
    if($('accordion')) actSlider();
    if($('slideOtdRight')) actSliderTrio();
    if($$('.brandsBoxDesc')) actBrandSlider();
    if($('imageFullS')) actImgBigOpen();
    
    initMultiBox = new multiBox({
            mbClass: '.mb',//class you need to add links that you want to trigger multiBox with (remember and update CSS files)
            container: $(document.body),//where to inject multiBox
            descClassName: false,//the class name of the description divs
            path: './Files/',//path to mp3 and flv players
            useOverlay: true,//use a semi-transparent background. default: false;
           // maxSize: {w:800, h:600},
            maxSize: null,
            addDownload: null,//do you want the files to be downloadable?
            pathToDownloadScript: './Scripts/ForceDownload.asp',//if above is true, specify path to download script (classicASP and ASP.NET versions included)
            addRollover: false,//add rollover fade to each multibox link
            showControls: true,
            addOverlayIcon: false,//adds overlay icons to images within multibox links
            addChain: false,//cycle through all images fading them out then in
            recalcTop: false,//subtract the height of controls panel from top position
            //fixedTop: true,
            addTips: false//adds MooTools built in 'Tips' class to each element (see: http://mootools.net/docs/Plugins/Tips)
        });
        
    otdelkaSlider();
    
}

function actImgBigOpen(){
    $('imageFullS').addEvents({
         'click': function(){
             var ar = this.src.split('/');
             var name = ar[ar.length-1];
             var pic = this.src.replace(name, 'full/'+name);
             
             if($('Overlay')){
                 
             }else{
                initMultiBox.overlay = new Overlay({
                        container:$(document.body),
                        onClick:this.close.bind(this)
                    });  
             }
             
             var scr = $(window).getScroll();
             $('Overlay').setStyles({'background': '#000 url('+pic+') 50% '+scr.y+'px no-repeat'});
             initMultiBox.overlay.showAll();
         }
     });    
}

var startTrioN = 0;
var lLength = 204;
var iCount = 3;
// allImgCount
function actSliderTrio(){
    var is_scrb2 = new Fx.Scroll('otdGal', {
        wait: false,
        duration: 1200,
        transition: Fx.Transitions.Quad.easeInOut
    });
  
     if(iCount==5){
         var elmts = $('otdGalOV').getElements('img');
         if(elmts.length<6) $('slideOtdRight').setStyle('display', 'none');
     }
     $('slideOtdLeft').addEvents({
         'click': function(){
             startTrioN--;
             var scr = lLength*startTrioN;
             is_scrb2.start(scr, 0);
             
             if(startTrioN<1) $('slideOtdLeft').setStyle('display', 'none');
             $('slideOtdRight').setStyle('display', 'block'); 
         }
     });
     
     $('slideOtdRight').addEvents({
         'click': function(){
             startTrioN++;
             var scr = lLength*startTrioN;
             is_scrb2.start(scr, 0);
           //  is_scrb2.toRight();
             
             if((startTrioN+1)*iCount>=allImgCount) $('slideOtdRight').setStyle('display', 'none');
             $('slideOtdLeft').setStyle('display', 'block');
         }
     });
}

var sl_otdelka=false;
var sl_colors=false;
function otdelkaSlider(){
    if($('sl_otdelka')){
        sl_otdelka = new Fx.Slide($('sl_otdelka'), {
                //mode: 'horizontal',
                  duration: 800
        });   
        $('sl_otdelka_t').addEvent('click', function(){ sl_otdelka.toggle(); }); 
        sl_otdelka.hide();
    }
    
    if($('sl_colors')){
        sl_colors = new Fx.Slide($('sl_colors'), {
                //mode: 'horizontal',
                  duration: 800
        });   
        $('sl_colors_t').addEvent('click', function(){ sl_colors.toggle(); }); 
        sl_colors.hide();
    }
}


var brandsArr = [];
var brandsSlideArr = [];
var brandsCurrentShow = 0;

function actBrandMain(){
    var maxHeight = 0;
    $each($$('.brandBanerSlide'), function(element, i){
        var h = element.getSize().y;
        if(h>maxHeight) maxHeight=h;
        
        element.setStyle('z-index',(i+1));
        brandsArr[brandsArr.length] = element;
        brandsSlideArr[brandsSlideArr.length] = new Fx.Slide(element.getElement('div'), {
                                                                    mode: 'horizontal',
                                                                    duration: brandsDuration
                                                                    });
    });
    
    $$('.brandBanerSlide').setStyle('height',maxHeight);
    $$('.brandBanerSlide div').setStyle('height',maxHeight);
    $('brandBanerBot').setStyle('height',maxHeight);
    
    if(brandsArr.length>1) {
        brandsCurrentShow = brandsArr.length-1;
        beginBrandSlid.delay(brandsDelay);
    }
}

function beginBrandSlid(){
    brandsArr[brandsCurrentShow].setStyle('z-index',3);
    var nextS = (brandsCurrentShow==0 ? brandsArr.length-1 : brandsCurrentShow-1);
    brandsArr[nextS].setStyle('z-index',2);
    brandsSlideArr[nextS].show();
    
    brandsSlideArr[brandsCurrentShow].slideOut().chain(function(){
        brandsArr[brandsCurrentShow].setStyle('z-index',1);
    });
 
    brandsCurrentShow--;   
 
    if(brandsCurrentShow<0){
        brandsCurrentShow = brandsArr.length-1;
    }
    beginBrandSlid.delay(brandsDelay);
    
}


function actMenu(){
    $each($$('#menu li'), function(element, i){
            var img = img0 = new Image;

            img.src = 'img/menu_0'+(i+1)+'_a.jpg';
            img.src0 = 'img/menu_0'+(i+1)+'.jpg';
            
            if(element.hasClass('actMenu')){
                element.getElement('img').src = img.src;
            }else{
                element.addEvents({
                     'mouseover': function(){
                        this.getElement('img').src = img.src;
                     },
                     'mouseout': function(){
                        this.getElement('img').src = img.src0; 
                     }
                 });
            }
    });    
}


function actBrandSlider(){
    $each($$('.brandsBoxDesc'), function(element, i){
        var slider = element.getElement('div.brandsSlider');
        var toogler = element.getElement('a.brandsToggl');
        
        if(slider && toogler){
            var myVerticalSlide = new Fx.Slide(slider);
            slider.setStyle('display', 'block');
            myVerticalSlide.hide();
            toogler.addEvent('click', function(e){
                e.stop();
                myVerticalSlide.toggle();
                toogler.innerHTML = (toogler.innerHTML=='Подробнее' ? 'Свернуть' : 'Подробнее');
            });


        }
    });
}

function actSlider(){
    var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.accEl', {
        opacity: false,
        display: -1,
        onActive: function(toggler, element){
            toggler.addClass('togglerAct');
        },
        onBackground: function(toggler, element){
            toggler.removeClass('togglerAct');
        }
    });

    

}

function actTabs(){
     $each($$('#tabList li'), function(element, i){
        element.addEvent('click', function(){
            $each($$('#tabList li'), function(el, ind){ 
                if(i==ind) el.addClass('actTab');
                else el.removeClass('actTab');
            });  
            
            $each($$('.tabsDiv'), function(el, ind){ 
                if(i==ind) el.setStyle('display', 'block');
                else el.setStyle('display', 'none');
            });  
        });
    });
}

function setOtdImg(img, titl, h){
    $('imageFullS').src = img;
    $('descOtdId').innerHTML = titl;
    if(h) $('cornRight2').setStyle('height', h-169);
    
}

var i_scrol = false;
function actScrol(){
   
    is_scrb = new Fx.Scroll('sliderOverfl', {
        wait: false,
        duration: 5000,
        transition: Fx.Transitions.Quad.easeInOut
    });
  

  i_scrol = new Slider($('sliderArea'), $('sliderKnob'), {
        steps: 100,
        onChange: function(step){
            $('sliderKnob').setOpacity(1);
            var ofs = $('sliderImages').getCoordinates();
            var sof = (ofs.width - $('sliderOverfl').getWidth()) / 100 * step;
            is_scrb.start(sof, 0);
           
        }
    }).set(0);

     
     function setKnob(){
            var scrollX = $('sliderOverfl').getScroll().x;
            var scrollSizeX = $('sliderOverfl').getSize().x;
            var scrollSizeFull = $('sliderImages').getSize().x;
          
            var oneStep = (scrollSizeFull - scrollSizeX) / i_scrol.options.steps;
            var step = Math.round(scrollX / oneStep);
            
            i_scrol.set(step);
     }
     
     
     $('sliderLeft').addEvents({
         'mouseover': function(){
             is_scrb.toLeft().chain(function(){
                 i_scrol.set(0);
             });
         },
         'mouseout': function(){
             is_scrb.cancel();
             setKnob();
         }
     });
     
     $('sliderRight').addEvents({
         'mouseover': function(){
             is_scrb.toRight().chain(function(){
                 i_scrol.set(i_scrol.options.steps);
             });
         },
         'mouseout': function(){
             is_scrb.cancel();
             setKnob();
         }
     });
}  



function submF(form, cl){
    if(checkForm(cl)){
        $(form).submit();
    }
}

function checkForm(cl){
   var clean = true;
   var mail = false;
   var msg = 'Заполните необходимые поля!';
   
   $each($$("."+cl), function(element, i){      
        //element.addClass('succ');
        element.removeClass('a_inp');
        
        
        if(element.nodeName == 'INPUT' || element.nodeName == 'input'){        
                if(!element.value && element.type=='file'){
                    element.addClass('a_inp');   
                    clean = false;
                    msg = 'Вы должны загрузить файл!'; 
                    
                }else{
                
                if(!element.value || element.value == 'Введите код'){
                   // element.removeClass('succ');
                        element.addClass('a_inp');    
                        clean = false;
                }else{
                    if(element.name == 'mail' || element.name == 'email'){
                         var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
                         var address = element.value; 
                         if(reg.test(address) == false) {
                            //   element.removeClass('succ');
                               element.addClass('a_inp');    
                               clean = false;
                               msg = 'Вы ввели неверный E-mail!';
                         } 
                    }
                    
                    if(element.name == 'pass' || element.name== 'pass2'){
                            var pass1 = $('pass').value;
                            var pass2 = $('pass2').value;
                            if(pass1 != pass2){
                                  //  element.removeClass('succ');
                                    element.addClass('a_inp');    
                                    clean = false;
                                    msg = 'Пароль и повтор пароля не совпадают!';
                            }
                      }
                }
                }
          }else if(element.nodeName == 'SELECT' || element.nodeName == 'select'){
                if(!element.selectedIndex){
                      //  element.removeClass('succ');
                        element.addClass('a_inp');    
                        clean = false;
                }
          }else if(element.nodeName == 'TEXTAREA' || element.nodeName == 'textarea'){
                if(!element.value){
                      //  element.removeClass('succ');
                        element.addClass('a_inp');    
                        clean = false;
                }
          }
   });
 
   if(!clean) {
       alert(msg); 
       //if(mail) alert('Вы ввели неверный E-mail !'); else alert('Заполните необходимые поля!');  
        }
   return clean;
}