var m_slide;
var m_fade;
var i_scrol;
var i_scrb;
var cur_over;

function mOver(n){

      for(i=0; i<3; i++){
            if(i==1){ for(z=1; z<4; z++){
                        var obj = $('me_'+i+'_'+z); 
                        if(i != 'f' && n==i){obj.removeClass('hidden');} else obj.addClass('hidden');  
                        }}
            if(i==2){ for(z=1; z<3; z++){
                        var obj = $('me_'+i+'_'+z);  
                        if(i != 'f' && n==i){obj.removeClass('hidden'); }else {
                            if(obj) obj.addClass('hidden');}  
                         }}
            if(i==0){
                var obj = $('me_'+i);
                if(i != 'f' && n==i) obj.removeClass('hidden'); else obj.addClass('hidden'); 
                }
        }       
        
    /*    
    for(i=0; i<3; i++){
        if(i==1){
            for(z=1; z<4; z++){
                var obj = $('me_'+i+'_'+z);
              //  var fx = new Fx.Styles(obj, {duration:200, wait:false}); 
                if(i != 'f' && n==i){
               //     $('me_'+i+'_'+z).setStyle('display', 'inline');      
                    //fx.start({'opacity': 1});    
                    obj.removeClass('hidden'); 
                    } else {
                    //fx.start({'opacity': 0});
                    obj.addClass('hidden'); 
                 //   $('me_'+i+'_'+z).setStyle('display', 'none');
                    }
            }
        }else{
            if(i==2){
                for(z=1; z<3; z++){
                var obj = $('me_'+i+'_'+z);  
                 //   var fx = new Fx.Styles($('me_'+i+'_'+z), {duration:200, wait:false}); 
                    if(i != 'f' && n==i){ 
                 //      fx.start({'opacity': 1});
                        obj.removeClass('hidden'); 
                        if(!window.ie6) obj.setStyle('display', 'block'); 
                    } else {
                       // fx.start({'opacity': 0});
                        obj.addClass('hidden');
                  //      if(!window.ie6) $('me_'+i+'_'+z).setStyle('display', 'none');
                    }
                }
            }else{
            var obj = $('me_'+i);
          //  var fx = new Fx.Styles($('me_'+i), {duration:200, wait:false}); 
            if(i != 'f' && n==i) {
                 //   $('me_'+i).setStyle('display', 'inline');            
                  //  fx.start({'opacity': 1});
                  obj.removeClass('hidden');  
                } else {
                     obj.addClass('hidden');
                    //fx.start({'opacity': 0});
                  //  $('me_'+i).setStyle('display', 'none');          
                    }
            }
        }
        }
        */
}

function preHide(){
    $('navic').setStyle('visibility','visible');    
}

function hidefl(id){
    var list = $$('#mbox img'); 
            list.each(function(element) {
                 if(element.className != 'on'){
                    element.setStyle('opacity', .4);
                 }else element.setStyle('opacity', 1); 
            });
    if(id) id.setStyle('opacity', 1);
}

function startL(){
          var list = $$('#mbox img'); 
            list.each(function(element) {
                
                var fx = new Fx.Styles(element, {duration:200, wait:false});
                
                if(element.className != 'on') element.setStyle('opacity', .4); 
                element.addEvent('mouseenter', function(){
                    if(cur_over) $(cur_over).setStyle('opacity', .4);   
                    cur_over = this.id;
                    var id = this.id;
                   
                   hidefl(this); 
                   // fx.start({'opacity': 1});
                    if(id) {
                        m_fade.start({'opacity': 1}); 
                        m_slide.slideIn();
                        hideSubTitl(0);
                        }
                    var n = id ? this.id.substr(4) : 'f';
                    mOver(n);
                });
                
                element.addEvent('mouseleave', function(){
                    if(this.className != 'on'){ 
                      //  if(!this.id) fx.start({'opacity': .4}); 
                    }
                });
            });
            

}

function startS(name){
          var list = $$(name); 
            list.each(function(element) {
                
                var fx = new Fx.Styles(element, {duration:200, wait:false});
                
                element.setOpacity(0.4);  
                element.addEvent('mouseenter', function(){
                    
                    fx.start({
                        'opacity': 1,
                        'margin-left': 6
                        });
                    m_fade.start({'opacity': 1}); 
                    m_slide.slideIn();
                    hideSubTitl(0);
                });
                
                element.addEvent('mouseleave', function(){
                    if(this.className != 'on'){ 
                    fx.start({
                        'opacity': .4,
                        'margin-left': 0
                        }); 
                    }
                });
            });
}   

function sScrol(){
   
    is_scrb = new Fx.Scroll('img_cont', {
        wait: false,
        duration: 600,
        transition: Fx.Transitions.Quad.easeInOut
    });
  
  var cunit = window.getWidth() / 10 * 4; 
    i_scrb = new Scroller('img_cont', {area: Math.round(cunit), velocity: .5});
     
     i_scrol = new Slider($('area'), $('knob'), {
        steps: 100,
        onChange: function(step){
            $('knob').setOpacity(1);
            var ofs = $('img_overf').getCoordinates();
            var sof = (ofs.width - window.getWidth()) / 100 * step;
            is_scrb.scrollTo(sof, 0);
        },
        onComplete: function(){
            $('knob').setOpacity(0.5);
        }
    }).set(0);
    
    $('knob').setOpacity(0.5);
     
    $('img_cont').addEvent('mouseover', i_scrb.start.bind(i_scrb));
    $('img_cont').addEvent('mouseout', i_scrb.stop.bind(i_scrb));
    
    i_scrb.addEvent('onChange', function(){
        var c = $('img_cont').getSize();
        of = $('img_overf').getCoordinates();
        ofs = c.scroll.x / (of.width - window.getWidth()) * 100;
        
        pof = (window.getWidth() - $('knob').getStyle('width').toInt()) / i_scrol.options.steps;  
        sc = pof * ofs;
       
        d = Math.round(sc);
        $('knob').setStyle('left', d);
    });
    
}  

function actStock(){
     var list = $$('#stockbox img'); 
            
            list.each(function(element) {
                element.setOpacity(0.5);
                var fx = new Fx.Styles(element, {duration:200, wait:false}); 
                
                element.addEvent('mouseenter', function(){
                    fx.start({'opacity': 1});
                });
                
                element.addEvent('mouseleave', function(){
                    fx.start({'opacity': .5});
                });
            });
}

function startNav(){
        m_slide = new Fx.Slide('subbox', {duration: 300, wait: false});
        m_slide.hide();      
        m_fade = new Fx.Styles($('m_fade'), {duration:200, wait:false}); 
        startL();
        for(i=0; i<3; i++) if(i == 1){
            for(z=1; z<4; z++) startS('#me_'+i+'_'+z+' li');  
            }else if(i==2){
            for(z=1; z<2; z++) startS('#me_'+i+'_'+z+' li');  
            } else startS('#me_'+i+' li');
        $('navic').addEvent('mouseleave', function(){
            m_slide.slideOut();
            hidefl(false);
            if(cur_over) $(cur_over).setStyle('opacity', .4);       
            if(!window.ie) m_fade.start({'opacity': '.3'});
            hideSubTitl(1);  
        });
        if($('prel_cont')) prel();
        if($('img_cont')) sScrol();
        if($('stockbox')) actStock();
        
        activMenu(); 
} 

function activMenu(){
        var dem = $('subbox').getCoordinates();
        var maxh = dem.height - 100;
        
        for(i=0; i<3; i++){
            if(i==1) for(z=1; z<4; z++) $('me_'+i+'_'+z).addClass('hidden');    
            if(i==2) for(z=1; z<3; z++) if($('me_'+i+'_'+z)) $('me_'+i+'_'+z).addClass('hidden');
            if(i==0) $('me_'+i).addClass('hidden');
        }       
        
        $('subbox').setStyle('height', maxh); 
        if($('me_2_1')) $('me_2_1').setStyle('height', maxh); 
}

function prel(){
    var ob = $('prel_cont');
    var prel = new Fx.Styles(ob, {duration: 350, wait: false});     
    ob.addEvent('click', function(){
            prel.start({'opacity': 0});  
        });
} 

function actFont(){
    if(typeof sIFR == "function"){
        sIFR.replaceElement("h3.flrepl","/work/hanz/common/css/font.swf","#909090", "#909090", "#909090", 0, 0, 0, 0, 0, null);
       // $('flrepl').style.display = 'none';
    };
}

function hideSubTitl(f){
    if($('s_titl_b')){
        if(f){
            $('flrepl').setStyle('display', 'block');
            $('insep').setStyle('display', 'block');
            $('s_titl_b').setStyle('border-left', '#aaaaaa 1px solid');
        }else{
            $('flrepl').setStyle('display', 'none');
            $('insep').setStyle('display', 'none');
            $('s_titl_b').setStyle('border-left', 'none');
        }
    }
}

function delIm(id){
    ip = $('im_price').innerHTML.toInt();
    mp = $('ipri'+id+'').value.toInt();
    $('im_price').innerHTML = ip-mp;
    
    
     patn = $('iid'+id).value;
     $("checko").value = $("checko").value.replace(patn, "");
                         
    $('tr'+id).style.display = 'none';
    ic = $('im_count').innerHTML.toInt();
    $('im_count').innerHTML = ic-1; 
    Lightbox.close();
}

function checkOut(){
    $('check').submit();
}