$(document).ready(function() 
{
    $('#left_menu ul li.slide:first').addClass('active');

    $('#left_menu ul li.slide').bind('mouseover', SlideManualSelect)
    $('#left_menu ul li.slide').bind('mouseout', SlideStart)


    SlideStart()
})

var Slider_Timeout = null
var Slider_Speed = 3000;

function SlideStart()
{
    var active = $('#left_menu ul li.slide.active')
    active.parent().addClass('active')

    Slider_Timeout = setTimeout("SlideNext();", Slider_Speed)
}

function SlideManualSelect()
{
    // zastavim pohyb
    clearTimeout(Slider_Timeout)
    Slider_Timeout = null

    var elems = $('#left_menu ul li.slide.active')
    SlideUnselect(elems)

    var current = $(this)
    SlideSelect(current)

}

function SlideSelectNext(elems)
{
    elem_next = elems.next()

    if (1 == elems.hasClass('last')) {
        // pokud najdu dalsi prvek, ktery se nema rolovat,
        // musim vybrat ze seznamu ten prvni
        elem_next = $('#left_menu ul li:first')
    }

    SlideSelect(elem_next)
 }

function SlideSelect(elems)
{ 
    elems.addClass('active')
    elems.find('a').addClass('active')

    var id = elems.attr('id')
    id = id.split('-')[1]
    $('#banner-'+id).removeClass('display_none')
}

function SlideUnselect(elems)
{
    elems.removeClass('active')
    elems.find('a').removeClass('active')

    var id = elems.attr('id')
    id = id.split('-')[1]
    $('#banner-'+id).addClass('display_none')

}

function SlideNext()
{
    var elems = $('#left_menu ul li.slide.active')

    SlideUnselect(elems)
    SlideSelectNext(elems)
    
    Slider_Timeout = setTimeout("SlideNext();", Slider_Speed)
}