// JavaScript Document

  $(document).ready(function(){
  var wrap = $('#wrapper');
  
  $("div#wrapper > a").click(function (){
  
     replace('tmp');
           
  });
      
  wrap.find('a').click(function(){

                  var a = $(this);
    if (wrap.find('div[class^=accor-pic]').is(':animated') || a.attr('class')=='active' ) return false;
    
    var opened = wrap.find('div[class^=accor-pic]:visible');
    
    a.next().animate({
      width : 791
    }, 800).show();
    
    opened.animate({
      width : 0
    }, 800, function() {
        $(this).hide();
    });
    
    
    wrap.find('a').removeClass('active');
    a.addClass('active');
    
    return false;
  }).eq(4).click();
  
  //sec-scroll
  
  var wr = $('#box');
    var le = $('a.l-arr');
    var ri = $('a.r-arr');
    
    le.click(function(){

      if (wr.scrollLeft() >= (wr.find('div.slider-box').length - 1) * 277 || wr.is(':animated')) return false;
      wr.animate({
        scrollLeft : '+=' +  277     
      }, 500);
       return false;
    });
    
    ri.click(function(){

      if (wr.scrollLeft() <= 0 || wr.is(':animated')) return false;
      wr.animate({
        scrollLeft : '-=' +  277     
      }, 500);

    });
    
    var cur = 0;
    var d = 1;
    function animate() {              
      cur += d;
      if (cur > 4) {
        cur = 3;
        d = -d;
      }
      if (cur < 0) {
        cur = 1;
        d = -d;
      }
      if (d < 0) {
        le.trigger('click');  
      } else {
        ri.trigger('click');
      }
    }
    
    window.setInterval(animate, 3000);
  
  });