var active = null;
var isAct = false;

$(document).ready(function(){
    $('#slide-menu').hover(
        function(){
            isAct = true;
        },
        function(){
            isAct = false;
            start();
        });
    $.ajax({
        type : 'GET',
        url : '../src/home.slide.menu.items.xml',
        success : function(data) {
            var i = 0;
            $(data).find('item').each(function(){
                var item = $(this);
                var btn = $('<li></li>');
                btn
                    .data('id', i)
                    .html(item.attr('label'))
                    .hover(
                        function(){ if($(this).data('id') != active) $(this).addClass('active'); },
                        function(){ if($(this).data('id') != active) $(this).removeClass('active'); }
                    )
                    .click(function() {
                        $('#slide-menu .slide:eq('+active+')').fadeOut(400);
                        $('#slide-menu li:eq('+active+')').removeClass('active');
                        active = $(this).data('id');
                        $(this).siblings().removeClass('active');
                        $('#slide-menu .slide:eq('+active+')').fadeIn(400);
                        $('#slide-menu li:eq('+active+')').addClass('active');
                    })
                    .appendTo($('#slide-menu ul:eq(0)'));
                var slide = $('<div class="slide"></div>');
                slide
                    .append($('<img src="'+item.attr('img')+'" />'))
                    .appendTo($('#slide-menu .slide-menu-slider'))
                    .hide();
                i++;
            });
            start();
        }
    });
});

var interval = null;

function start() {
    if(!isAct) {    

    if(interval != null) clearTimeout(interval);
    if(active != null) {
        $('#slide-menu .slide:eq('+active+')').fadeOut(400);
        $('#slide-menu .active').removeClass('active');
        if(active < 3) {
            active = active + 1;
        }
        else {
            active = 0;
        }
    }
    else {
        active = 0;
        activeSlide = $('#slide-menu .slide:eq(0)');
        activeMenu = $('#slide-menu li:eq(0)');
    }
    $('#slide-menu .slide:eq('+active+')').fadeIn(400);
    $('#slide-menu li:eq('+active+')')
        .addClass('active');
    
        interval = setTimeout('start()', 3000);
    }
}