var methods = [ 'User-Experience-Test', 'Mobile Usability-Test', 'Eye Tracking',  'Expert-Review', 'OnSite-Survey', 'Fokusgruppen'];
var current = 0;
function showMethodOverlay(name) {
    scrollTo('#menu');
    $('#gray-out-box').css({        "display": "block", opacity: 0.7, "width":$(document).width(),"height":$(document).height()});

    $('#methods_overlay').show();
    showMethod(name);
    return false;
}

function showMethod(name) {
    current = jQuery.inArray(name, methods)
    $('#methods_url_list').html(urlList());
    $.get('parts/methods/' + fileName(name) + '.html', function(data) {
      $('#method_overlay_content').html(data);
    });
    var prev = current-1;
    if (prev < 0) prev = methods.length-1;
    $('#mln_prev').html(methods[prev]);
    $('#mln_next').html(methods[(current+1) % methods.length]);
    return false;
}

function fileName(name) {
    return name.split(' ').join('').split('-').join('');
}
function urlList() {
    var buf = "";
    for (var i=0;i<methods.length;i++) {
        buf += '<a href="#" onclick="return showMethod($(this).html());"';
        if (i !== current) {
            buf +=" style='color:#003E7E;' ";
        }
        buf += ('>' + methods[i] + '</a>');
    }
    return buf;
}