// JavaScript Document

function chckPaddTop(obj){
    return parseInt(obj.style.paddingTop);
}
function chckPaddBot(obj){
    return parseInt(obj.style.paddingBottom);
}

function accordion(){

    var blue = $('cat1');
    var gray = $('cat2');
    
    blue.setStyles({'paddingTop':'37px','paddingBottom':'37px'});
    gray.setStyles({'paddingTop':'36px','paddingBottom':'26px'});
    
    var blue_ef = new Fx.Styles(blue,{duration:500, wait:false});
    var gray_ef = new Fx.Styles(gray,{duration:500, wait:false});
    
    var blue_l = new Fx.Styles($('cat1_links'),{duration:399, wait:false});
    var gray_l = new Fx.Styles($('cat2_links'),{duration:399, wait:false});
	
    blue.addEvent('mouseenter', function(e){
       e.stopPropagation();
       gray_ef.start({
          'padding-top': [chckPaddTop(gray),15],
          'padding-bottom': [chckPaddBot(gray),15]
          });
       blue_ef.start({
          'padding-top': [chckPaddTop(blue),15],
          'padding-bottom': [chckPaddBot(blue),135]
          });
       blue_l.start({
          'top': [130,95]
       });
    });
    blue.addEvent('mouseleave', function(e){
    e.stopPropagation();
       
       gray_ef.start({
          'padding-top': [chckPaddTop(gray),36],
          'padding-bottom': [chckPaddBot(gray),26]
          });
       blue_ef.start({
          'padding-top': [chckPaddTop(blue),37],
          'padding-bottom': [chckPaddBot(blue),37],
          'overflow': 'hidden'
          });
       blue_l.start({
          'top': [95,130]
       });
    });
    
    //3
    
    gray.addEvent('mouseenter', function(e){
       e.stopPropagation();
       blue_ef.start({
          'padding-top': [chckPaddTop(blue),15],
          'padding-bottom': [chckPaddBot(blue),15]
          });
       gray_ef.start({
          'padding-top': [chckPaddTop(gray),15],
          'padding-bottom': [chckPaddBot(gray),135]
          });
       gray_l.start({
          'top': [130,95]
       });
    });
    gray.addEvent('mouseleave', function(e){
    e.stopPropagation();
       blue_ef.start({
          'padding-top': [chckPaddTop(blue),37],
          'padding-bottom': [chckPaddBot(blue),37]
          });
       gray_ef.start({
          'padding-top': [chckPaddTop(gray),36],
          'padding-bottom': [chckPaddBot(gray),26],
          'overflow': 'hidden'
          });
        gray_l.start({
          'top': [95,130]
       });
    });
}


function addSlide(element, list_el){

}