$(function() {
    $('.target').hide();
    $('.trigger:first').addClass('active');
    $('.trigger:first').next().show();
    $('.trigger').click(function() {
        if ($(this).next().is(':hidden')) {
            $('.trigger').removeClass('active');
            $('.trigger').next().slideUp();
            $(this).toggleClass('active');
            $(this).next().slideDown();
        }
    });
    return false;
});

$(function() {
    $("#submenu li").click(function() {
        var num = $("#submenu li").index(this);
        $(".content").addClass('off').removeClass('on');
        $(".content").eq(num).removeClass('off').addClass('on');
        $("#submenu li").removeClass('select');
        $(this).addClass('select')

        var w = (num + 1) * 310 * -1;
        var position = new String(w) + 'px 0px';
        $("#facility .map").css('background-position', position);
    });
    
    var num = $(".content").index($(".content.on"));
    var w = (num + 1) * 310 * -1;
    var position = new String(w) + 'px 0px';
    $("#facility .map").css('background-position', position);

    $("map#kannai area").click(function() {
        var num = $("map#kannai area").index(this);
        if (num > 11) return;
        
        $(".content").addClass('off').removeClass('on');
        $(".content").eq(num).removeClass('off').addClass('on');
        $("#submenu li").removeClass('select');
        $("#submenu li").eq(num).addClass('select')

        var w = (num + 1) * 310 * -1;
        var position = new String(w) + 'px 0px';
        $("#facility .map").css('background-position', position);
        return false;
    });

});



function zerofill(length, width) {
  var str = "";
  for (i = length; i < width; i++) {
    str += '0';
  }
  return str;
}