function toggle_display(id){

    oD=document.getElementById(id);
    if(oD.style.display=='block'){
        oD.style.display='none'
    } else {
        oD.style.display='block'
    }
}
var act = 0;
var inter = null;
var inSlide = false;
var slide = function(to, t) {
    var c = $('#slider_container .el').get().length;

    if(act >= (c-1)) {
        act = 0;
    } else {
        act++;
    }
    if(t != null) {
    
        act = t;
    }
  
    $('#slider_container .act').removeClass('act');
    $('#slider_container [num=' + act + ']').addClass('act');
    $('#slider_container .in').stop().animate({
        left: act*(-521) + 'px'
    });
    clearTimeout(inter);
    inter = setTimeout("slide()", 3000);
};
if($) {
    $(function() {
        var w = 0;
        $('#slider_container .el').each(function() {
            w += 521;
        })
  
        $('#slider_container').wrapInner('<div class="in" style="width: ' + w + 'px"></div>');
        if($('#slider_container .el').get().length > 1) {
            inter = setTimeout("slide()", 3000);
        }
        $('#slider_container').append('<div class="nav"></div>');
        $('#slider_container .el').each(function(i) {
            $('#slider_container .nav').append('<span num="' + i + '" class="' + (i==0 ? 'act': '') + '"></span>');
        })
        $('#slider_container').hover(function() {
            clearTimeout(inter);
        }, function() {
            inter = setTimeout("slide()", 3000);
        });
        $('#slider_container .nav span').click(function() {
            slide(null, parseInt($(this).attr('num')));
        });
        
    });
}