
function showCollectionsMenu() {
    $('#headerMenuCollections').slideDown(200);
    $('#overlay').fadeIn(200);
    sliderActive = false;
}

function hideCollectionsMenu() {
    if($('#headerMenuCollections').is(':animated')) {
        $('#headerMenuCollections').stop(false,true).hide();
        $('#overlay').stop(false,true).hide();
    } else {
        $('#headerMenuCollections').slideUp();
        $('#overlay').fadeOut();
    }
    sliderActive = true;
}

function showStylesMenu() {
    $('#footerMenuStyles').stop().css({'height':0,'top':0}).animate({
        'height':'120px',
        'top':'-120px'
    },200,function(){
        if(!carouselSet) {
            carouselSet = true; 
            $('#footerMenuStylesListWrapper').carousel('#footerMenuStylesPrev', '#footerMenuStylesNext');
        }
    });
    $('#overlay').fadeIn(200);
    sliderActive = false;
}

function hideStylesMenu() {
    if($('#footerMenuStyles').is(':animated')) {
        $('#footerMenuStyles').stop(false,true).hide();
        $('#overlay').stop(false,true).hide();
    } else {
        $('#footerMenuStyles').animate({
            'height':'0px',
            'top':'0px'
        },200);
        $('#overlay').fadeOut();
    }
    sliderActive = true;
}

$(document).ready(function(){
    
    /* Header collections dropdown */
    
    $('#headerMenuCollectionsLink').mouseenter(showCollectionsMenu);
    $('#headerMenuCollectionsLink').mouseleave(hideCollectionsMenu);

    /* Latest styles dropup */
    
    $('#footerBar').mouseleave(hideStylesMenu);
    $('#footerMenuStylesLink a').mouseenter(showStylesMenu);  
    
    /* Read styles from XML and build Styles popup in footer */
    $.get('media/5631/styles.xml',function(data){
        var i = 0;
        $(data).find('style').each(function(){
            var src = $(this).attr('src');
            var link = $(this).attr('link');
            $('#footerMenuStylesList').append('<li><a target="_blank" href="'+link+'"><img src="'+src+'" width="90" height="110" alt="Style'+i+'"></a></li>');
            i++;    
        });
    });
});
