anim_flag=0;
function anim(a,direction) {
    if($(a).hasClass('gray')) return false;
    if(direction=='left') {
        $('a.gray').removeClass('gray');
        if(parseInt(outer2.css('left'))==-innerwidth) $(a).addClass('gray');
        if(anim_flag==0) {
            anim_flag=1;
            outer2.animate({left:('+='+innerwidth)},null,function(){anim_flag=0;});
        }
    }
    if(direction=='right') {
        $('a.gray').removeClass('gray');
        if(outerwidth-parseInt(outer2.css('left'))+innerwidth+50>outer2width) $(a).addClass('gray');
        if(anim_flag==0) {
            anim_flag=1;
            outer2.animate({left:('-='+innerwidth)},null,function(){anim_flag=0;});
        }
    }
    return false;
}
function wheel(e) {
    var wheelDelta = 0;
    if (e.wheelDelta) {wheelDelta = e.wheelDelta/120;} 
    else if (e.detail) {wheelDelta = -e.detail/3;}
    if(wheelDelta>0) {anim($('#left_link')[0],'left');}
    else if(wheelDelta<0) {anim($('#right_link')[0],'right');}
    if (e.preventDefault) {e.preventDefault();}
}
$(function(){
    inner = $('.inner');
    innerwidth = inner.outerWidth(true);
    outer = $('.outer');
    outerwidth = outer.width();
    outer2 = $('.outer2');
    outer2width = inner.length*innerwidth;
    outer2.css('width',outer2width);
    if(outer2width<=outerwidth+50) {
        $('#left_link').parent().hide();
        return false;
    }
    $('#left_link').live('click',function(){return anim(this,'left')});
    $('#right_link').live('click',function(){return anim(this,'right')});
    $(window).bind('keydown',function(e){
        if(e.ctrlKey==true && e.keyCode==37) {return anim($('#left_link')[0],'left');}
        else if(e.ctrlKey==true && e.keyCode==39) {return anim($('#right_link')[0],'right');}
    })
    if ($('.outer2')[0].addEventListener) {
	   $('.outer2')[0].addEventListener('DOMMouseScroll', wheel, false);
    }
    $('.outer2')[0].onmousewheel = wheel;
})