function close_nav_cat_extendend(){

    if($('#nav_cat_extended').css('display')=='block') {

        $('.nav_cat').removeClass('nav_cat_active');
        $('#nav_cat_extended').slideToggle(0);
    }
}

function open_nav_cat_extendend(id){

    if($('#nav_cat_extended').css('display')=='block') {

        $('.nav_cat').removeClass('nav_cat_active');

    } else {

        $('#nav_cat_'+id).addClass('nav_cat_active');
    }

    $('#nav_cat_extended').slideToggle(0);
}

function toggle_nav_cat_extended(x){

    $("#nav_cat_extended").stop(true,true);

    var current_display = $('#nav_cat_extended').css('display');
    var data = $('#nav_ext_hidden_menu_'+x).html();

    if(current_display == 'block'){

        $('.nav_cat').removeClass('nav_cat_active');

        if($("#nav_cat_extended").attr('class') == 'open_'+x){

            close_nav_cat_extendend();

        } else {

            toggle_nav_cat_extended_helper(x, data);
        }

    } else {

        var data = $('#nav_ext_hidden_menu_'+x).html();
        toggle_nav_cat_extended_helper(x, data);
        $("#nav_cat_extended").css('display','block');
    }
}

function toggle_nav_cat_extended_helper(x, data){

    $("#nav_cat_extended").html(data);

    var offset = $('#nav_cat_'+x).offset();
    var tmp = $('#nav_ext_hidden_menu_'+x).attr('class');
    tmp = tmp.split('navext');
    tmp = tmp[1].split('_');

    $('#nav_cat_extended').css('width', tmp[0]+'px');
    $('#nav_cat_extended').css('left', (offset.left - tmp[1])+'px');

    $('#nav_cat_' + x).addClass('nav_cat_active');
    $("#nav_cat_extended").attr('class','open_' + x);
}

function click_active_nav_ext_link(){

    var el_id = $("#nav_cat_extended").attr('class');
    var splitted = el_id.split('open_');
    var id = splitted[1];
    toggle_nav_cat_extended(id);
}

function set_filter_links(){

    $('#wrap a[name^="q_"]').each(function(){

        var q_name = $(this).attr('name');
        var q_split = q_name.split('q_');
        $(this).attr('href','/'+q_split[1]);
    });
}

function set_photos_links(){

    $('#wrap a[name^="x_"]').each(function(){

        var q_name = $(this).attr('name');
        var q_split = q_name.split('x_');
        $(this).attr('href','http://www.rietveldlicht.nl/fotos/groot/'+q_split[1]+'.jpg');
    });
}

function set_info_links(){

    $('#wrap a[name^="y_"]').each(function(){

        var q_name = $(this).attr('name');
        var q_split = q_name.split('y_');
        $(this).click(function(){get_article_info_box(q_split[1]);return false;});
    });
}

function get_article_info_box(art){

    if($('#article_wrap_'+art+' .article_maximal').text() == ''){

        $('#article_wrap_'+art+' .article_minimal .button_info').addClass('loading');

        var jx_url = 'http://www.rietveldlicht.nl/jx_article_info_box.php?action=open&art='+art;
        $.get(jx_url, function(data) {

            $('#article_wrap_'+art+' .article_maximal').html(data);

            open_article_maximal(art);

            $('#article_wrap_'+art+' .article_minimal .button_info').removeClass('loading');
        });

    } else {

        open_article_maximal(art);
    }
}

function extra_photo_click(art, extra_id){

    var file_name = art;
    if(extra_id > 0) file_name = art+'_'+extra_id;

    $('a.cbox[name="x_'+file_name+'"]').click();
}

function open_article_maximal(art){

    $('#article_wrap_'+art+' .article_minimal').css('display','none');
    $('#article_wrap_'+art+' .article_maximal').css('display','block');
}

function close_article_maximal(art){

    $('#article_wrap_'+art+' .article_maximal').css('display','none');
    $('#article_wrap_'+art+' .article_minimal').css('display','block');

    var jx_url = 'http://www.rietveldlicht.nl/jx_article_info_box.php?action=close&art='+art;
    $.get(jx_url, function(data) {});
}

function set_message_column(){

    if($("#homepage_flag").length > 0) {

        var h = $(".article").last().height();
        var last_offset = $(".article").last().offset();
        var filter_offset = $("#filter").offset();
        var nh = h + last_offset.top - filter_offset.top;

        $("#filter").css('height', nh+'px');
        $("#message").css('height', nh+'px');

    } else {

        var margin = 72;
        var h = $("#message").height();
        var nh = (h - margin) / 300;
        nh = Math.ceil(nh);
        nh = nh*300 + margin;

        $("#message").css('height', nh+'px');
    }
}

$(document).ready(function(){

    $('.nav_cat').each(function(i,e){

        var el_id = $(this).attr('id');
        var splitted = el_id.split('_');
        var id = splitted[2];

        $('#'+el_id).mouseout(function(event){

            var offset = $(this).offset();

            if(event.pageY <= offset.top){

                if($('#nav_cat_extended').css('display') == 'block') {

                    click_active_nav_ext_link();
                }
            }
        });

        if($(this).hasClass('toggle')){

            $('#'+el_id).click(function(){

                toggle_nav_cat_extended(id);
                return false;
            });

            $('#'+el_id).mouseover(function(){

                /* IF HOVER WORKS NO NEED FOR CLICK EVENT */
                $('#'+el_id).unbind('click');
                $('#'+el_id).click(function(){return false;});

                if($('#nav_cat_extended').hasClass('open_'+id) == false || $('#nav_cat_extended').css('display') != 'block') {

                    toggle_nav_cat_extended(id);
                }
            });

        } else {

            $('#'+el_id).mouseover(function(){

                if($('#nav_cat_extended').css('display') == 'block') {

                    click_active_nav_ext_link();
                }
            });
        }
    });

    $("#nav_cat_extended").hover(

        function () {},
        function () {

            click_active_nav_ext_link();
    });

    $('html').click(function(){close_nav_cat_extendend();});

    $('#nav_cat_extended').click(function(event){event.stopPropagation();});

    $('.country_option').each(function(i,e){

        $(this).click(function(){

            $("#select_country").slideToggle('fast',function(){});
        });
    });

    $("a.cbox_compare").colorbox({transition:"elastic",iframe:true, width:"300px", height:"300px"});

    set_filter_links();
    set_photos_links();
    set_info_links();
});

$(window).load(function(){

    set_message_column();
});