$(document).ready(function() {

    $('a.hasMenu').mouseover(function(){
       $(this).next().toggle('fade');
       return false;
    }, function(){
        $(this).next().toggle('fade');
       return false;
    });

    $('.hasSubMenu .sub').mouseleave(function(){
        $(this).toggle('fade');
    });

    // spremi pocetne dimenzije dropdowna za proizvode
    var containerinitialWidth = $('.sub.proizvContainer').width();

    $('.sub.proizvContainer h2 a').click(function(){

        // stavi skriveni izbornik i container u varijable
        var submenu = $(this).parent().next();
        var menuContainer = $(this).parent().parent();

        // ako nema podizbornika slijedi link
        if( ! submenu.is('div')) { return true; }

        // prvo zatvori sve ostale otvorene podizbornike
        menuContainer.children('.subHidden').hide();

        // saznaj broj kolona i njihovu sirinu
        var columnCount = submenu.children('ul').length;
        var columnWidth = submenu.children('ul:first').width();

        // izracunaj novu sirinu
        var dropdownWidth = columnCount * columnWidth + 80;

        // saznaj sirinu okvira dropdovna za usporedbu
        //var containerCurrWidth = menuContainer.width();
        if(submenu.is(':hidden')) {
            // prosiri
            menuContainer.animate({width:dropdownWidth}, { queue:false, duration:500});
            submenu.animate({width:dropdownWidth, height:'toggle'}, { queue:false, duration:500});

            // saznaj visinu najveceg
            var columnHeight = 0;
            submenu.children('ul').each(function(index, element){
                if ($(element).height() > columnHeight) columnHeight = $(element).height();
            });

            // postavi visinu svih ul-ova (kolona) na visinu najveceg
            submenu.children('ul').each(function(index, element){
                $(this).height(columnHeight);
            });

            // i onda prosiri parent
            submenu.animate( {height:columnHeight}, { queue:false, duration:500});
        }
        else {
            submenu.animate({width:dropdownWidth, height:'toggle'}, { queue:false, duration:500});
            menuContainer.animate({width:'200'}, { queue:false, duration:500});
        }

        return false;

    });

});