/*
 ** Simple Slide Div
 ** Version 1.0
 ** Created date:November, 13 2009
 ** Author : Andrew Naylor
 ** Email  : contact@moocreative.co.uk
 ** License: Moo License
 */

slide_speed=700;//in ms
slide_ready=1;
show_content_queue=null;

function clear_queue() {
    show_content_queue=null;
}
function set_queue(node) {
    show_content_queue=node;
}
function show_content(content_node) {
  
    $(content_node).slideDown(slide_speed,function(){
        $(this).addClass('active');
        $($(this).data('item')).addClass('active');
        if (show_content_queue!==null) {                
            hide_content();
        }
        else {
            slide_ready=1;
        }
    })

}
function hide_content() {

    content_node=$('div.content_group').children('div.active');   
    $(content_node).slideUp(slide_speed,function() {
        $(this).removeClass('active');
        $($(this).data('item')).removeClass('active');
        if (show_content_queue!==null) {
            show_content_item=show_content_queue;           
            show_content_queue=null;
            show_content(show_content_item);
        }
        else {
          
            slide_ready=1;
        }
    })
}

$(function() {

    $items=$('ul.item_group').children('li');
    $('div.content_group').children('div.content').each(function(key, content) {
        var item=$items.get(key);
        $(content).data('item',item);
        $(item).data('content',content);
       
    })
    slide_ready=1;

    $('ul.item_group li.item').hover(function(){
        $(this).addClass('hover');
    }, function(){
        $(this).removeClass('hover');
    });

    $('ul.item_group li.item').click(function(){

        if (slide_ready==0) {
           
           set_queue($(this).data('content'));
           
        }
        else {
            slide_ready=0;
            if ($('ul.item_group li.active').length==0){                
                clear_queue();
                show_content($(this).data('content'))
            } else {
              
                if ($(this).hasClass('active'))
                    clear_queue();
                else
                    set_queue($(this).data('content'));
              
                hide_content();
            }
           
        }

    });
})