$(document).ready(function(){

  /* lang */
  if($('#lang').length){
    $('h3', '#lang').on('click', function(){
      $('ul', '#lang').toggle();
    })
    $('#lang').hover(null, function(){
      $('ul', '#lang').css('display', 'none');
    });
  }

  /* islands */
  $.get('/inc_islands.html', function(data){
    $('<div />', {
      id: 'islands',
      html: data
    }).appendTo('#container');
    /* islands - open */
    $('#islands').css('top', -$('.island').height());
    $('h2', '#islands').on('click', function(){
      var speed = 500;
      if($('#islands').hasClass('open')) {
        $('#islands').animate({
          top: -$('.island').height()
        }, speed, 'swing');
        $('#islands').removeClass('open');
      } else {
        $('#islands').animate({
          top: 0
        }, speed, 'swing');
        $('#islands').addClass('open');
      }
    });
    /* islands - slides */
    $('#area').slides({
      container: 'area_content',
      effect: 'fade',
      generateNextPrev: false,
      generatePagination: false,
      paginationClass: 'area_nav'
    });
    $('div.islands', '#area').each(function(){
      if($('div.island', $(this)).length > 1){
        $(this).slides({
          container: 'islands_content',
          generateNextPrev: true,
          generatePagination: false,
          paginationClass: 'islands_nav'
        });
      }
    });
    $('a','#area_nav li:first-child').on('click', function(){
      if($(this).parent().hasClass('current')){
        $('a','#islands_nav li:first-child').click();
      }
    });
  }, 'html');

  /* time - slider */
  if($('#slide_island, #slide_time').length){
    $('#val_island, #val_time').val(0);
    $('<div class="slider" />').appendTo('#slide_island').slider({
      orientation: 'vertical',
      step: 1,
      min: 0,
      max: 8,
      change: function(e, ui){
        $('li','#slide_island').removeClass('selected').eq(ui.value).addClass('selected');
        $('#val_island').val(ui.value);

        $.get("/?module=Gallery&action=User/AjexGetThum",{island:$('#val_island').val(),time:$('#val_time').val()},function(data){
          $('#hero #view').remove();
          $('#hero #roll').remove();
          $('#hero #slide_island').before(data);
          reset_viewer();
        });
      }
    });
    $('li','#slide_island').eq(0).addClass('selected');
    $('<div class="slider" />').appendTo('#slide_time').slider({
      step: 1,
      min: 0,
      max: 4,
      change: function(e, ui){
        $('li','#slide_time').removeClass('selected').eq(ui.value).addClass('selected');
        $('#val_time').val(ui.value);

        $.get("/?module=Gallery&action=User/AjexGetThum",{island:$('#val_island').val(),time:$('#val_time').val()},function(data){
          $('#hero #view').remove();
          $('#hero #roll').remove();
          $('#hero #slide_island').before(data);
          reset_viewer();
        });
      }
    });
    $('li','#slide_time').eq(0).addClass('selected');
    $('li', '#slide_island').on('click', function(){
      $('.slider', '#slide_island').slider('value', $(this).index());
      $.get("/?module=Gallery&action=User/AjexGetThum",{island:$('#val_island').val(),time:$('#val_time').val()},function(data){
        $('#hero #view').remove();
        $('#hero #roll').remove();
        $('#hero #slide_island').before(data);
        reset_viewer();
      });
    });
    $('li', '#slide_time').on('click', function(){
      $('.slider', '#slide_time').slider('value', $(this).index());
      $.get("/?module=Gallery&action=User/AjexGetThum",{island:$('#val_island').val(),time:$('#val_time').val()},function(data){
        $('#hero #view').remove();
        $('#hero #roll').remove();
        $('#hero #slide_island').before(data);
        reset_viewer();
      });
    });

    /* viewer */
    $('#roll li img').on('click', function(){
      //var id = $(this).attr('class').replace('s_', '');

      if ( $(this).hasClass("g_image") ) {
        var fileName = $(this).attr('src').match(".+/(.+?)\.[a-z]+$")[1];
        var str = $(this).attr('class').match("g_id_.* ");
        str = str = jQuery.trim(str);
        var id = str.replace('g_id_', '');

        $('#viewImg').remove();
        $('#view').append($("<img id='viewImg' src='/image/Gallery/keyvisual_large/"+fileName+".jpg' />"));

        $('#viewImg').bind('click', function() {
            linkGallary(id);
        });

      } else {
        var str = $(this).attr('class').match("s_.* ");
        str = str = jQuery.trim(str);
        var id = str.replace('s_', '');
        $('#viewImg').remove();
        $('#view').append($("<iframe v='1.0' id='viewImg' width='960' height='540' src='https://www.youtube.com/embed/"+id+"?rel=0&wmode=transparent' frameborder='0' wmode='Opaque' allowfullscreen></iframe>"));
      }
    });
    $('#roll li img').hover(function(){
      $('<div />', {
        'class': 'popup',
        html: '<img src="'+$(this).attr('src')+'" alt="" />'
      }).appendTo($(this).parent()).fadeIn('fast');
    }, function(){
      $('div.popup').fadeOut().remove();
    });
  }

  function reset_viewer() {
    $('#roll li img').on('click', function(){
      //var id = $(this).attr('class').replace('s_', '');

      if ( $(this).hasClass("g_image") ) {
        var fileName = $(this).attr('src').match(".+/(.+?)\.[a-z]+$")[1];
        var str = $(this).attr('class').match("g_id_.* ");
        str = str = jQuery.trim(str);
        var id = str.replace('g_id_', '');

        $('#viewImg').remove();
        $('#view').append($("<img id='viewImg' src='/image/Gallery/keyvisual_large/"+fileName+".jpg' />"));

        $('#viewImg').bind('click', function() {
            linkGallary(id);
        });

      } else {
        var str = $(this).attr('class').match("s_.* ");
        str = str = jQuery.trim(str);
        var id = str.replace('s_', '');
        $('#viewImg').remove();
        $('#view').append($("<iframe v='1.0' id='viewImg' width='960' height='540' src='https://www.youtube.com/embed/"+id+"?rel=0&wmode=transparent' frameborder='0' wmode='Opaque' allowfullscreen></iframe>"));
      }

    });
    $('#roll li img').hover(function(){
      $('<div />', {
        'class': 'popup',
        html: '<img src="'+$(this).attr('src')+'" alt="" />'
      }).appendTo($(this).parent()).fadeIn('fast');
    }, function(){
      $('div.popup').fadeOut().remove();
    });

    if ( $('#viewImg').hasClass("g_image") ) {
        var str = $('#viewImg').attr('class').match("g_id_.* ");
        str = str = jQuery.trim(str);
        var id = str.replace('g_id_', '');

        $('#viewImg').bind('click', function() {
            linkGallary(id);
        });
    }
  }

  function linkGallary(id) {
    $(location).attr('href', '/Gallary/Detail.html?id=' + id + '&sp=true');
  }

  /* shimanotane box */
  if($('a', '#shimanotane').length){
    $('a', '#shimanotane').on('click', function(){
      var dataurl = $(this).attr('id')+'.json';
      var photo = $(this).attr('href');
      var thumb = $('img', $(this)).attr('src');
      var btncloss = 'x';

      $.get(dataurl, function(d){
        $('<div class="layer" />').on('click', function(){
          layer_hide();
        }).appendTo('body').fadeIn();
        var tags = [];
        $.each(d.tag, function(key, val) {
          tags.push('<a href="'+val+'">'+key+'</a>');
        });
        $('<div id="post" />').append(
          $('<span />', {html: 'x'}),
          $('<img />', {src: photo}),
          $('<p />', {html: d.body}),
          $('<img />', {id: 'post_thumb', src: thumb}),
          $('<span />', {id: 'post_meta', html: d.date+'<br />'+d.user}),
          $('<span />', {id: 'post_tag', html: tags.join(', ')})
        ).on('click', function(e){
          e.stopPropagation();
        }).appendTo('div.layer').fadeIn();
        $('#post span:first').addClass('btn cross');
        $('span.cross').on('click', function(){
          layer_hide();
        });
      }, 'json');
      return false;
    });
  }

  /* gallery scroll */
  if($('#gallery_thumbs').length) {
    $('#gallery_thumbs').perfectScrollbar();
    $('a','#gallery_thumbs').eq(0).addClass('selected');
    $('a', '#gallery_thumbs').on('click', function(){
     /*
      var a = this;
      if(!$(a).hasClass('selected')){
        var dataurl = $(a).attr('id')+'.json';
        var photo = $(a).attr('href');
        $.get(dataurl, function(d){
          $('img', '#gallery_media').eq(0).fadeOut(null, function(){
            $(this).remove();
            $('<img />', {src:photo}).css('display', 'none').appendTo('#gallery_media').fadeIn(function(){
              $('p', '#gallery_caption').eq(0).fadeOut(null, function(){
                $(this).remove();
                $('<p />', {html:d.caption}).css('display', 'none').appendTo('#gallery_caption').fadeIn();
              });
            });
          });
          $('a','#gallery_thumbs').removeClass('selected');
          $(a).addClass('selected');
        }, 'json');
      }
      return false;
     */
    });
  }

  /* map margin-icons */
  if($('#map').length){
    $('ul', '#map').each(function(){
      var align;
      var px = 15;
      if($(this).css('text-align') == 'right') {
        align = 'margin-right';
        if((Math.floor(Math.random()*10)+1)%2) {
          $('li:nth-of-type(5) img', this).css(align, px);
        } else {
          $('li:nth-of-type(10) img', this).css(align, px);
        }
      } else {
        align = 'margin-left';
        if((Math.floor(Math.random()*10)+1)%2) {
          $('li:nth-of-type(1) img', this).css(align, px);
        } else {
          $('li:nth-of-type(6) img', this).css(align, px);
        }
      }
    });
  }

  /* about - article */
  function about_article() {
          if($('#articles').length){
            $('#main').before('<div id="post" />');
            /*
            $('a.more', '#articles').on('click', function(){
              var a = this;
              var parent = $(this).parent().parent('div.article');
              var post = $('#post');
              if($(post).data('pid') != $(parent).attr('id')){
                if($(post).hasClass('open')){
                  $('#'+$(post).data('pid')).css('opacity', 1);
                  reset();
                  html(a);
                } else {
                  html(a);
                }
              } else {
                scroll(165);
              }
              return false;
              function html(a){
                $.get($(a).attr('href'), function(d){
                  $(post).data('pid', $(parent).attr('id')).css('display', 'none').append(d);
                  selectImg();
                  $(post).addClass($(parent).attr('class')+' open').slideDown();
        //
                  //if($(parent).hasClass('special')) $(post).addClass('special');
                  //$(post).addClass('open').slideDown();
        //
                  $(parent).css('opacity', 0.5);
                  $('span.cross').on('click', function(){
                    $(post).slideUp(function(){
                      reset();
                      if($('body').scrollTop() > $(parent).offset().top){
                        $('html, body').animate({scrollTop: $(parent).offset().top}, 1000, 'swing', function(){
                          $(parent).animate({'opacity': 1});
                        });
                      } else {
                        $(parent).animate({'opacity': 1});
                      }
                    });
                  });
                  scroll(165);
                }, 'html');
              }
              function reset(){
                $(post).css('display', 'none').removeClass().data('pid', '');
                $('*', post).remove();
              }
              function scroll(n){
                $('html, body').animate({scrollTop: n}, 1000, 'swing');
              }
              function selectImg(){
                if($('.selectImg').length) {
                  $('.selectImg').each(function(){
                    var obj = $(this)
                    $('li a', obj).eq(0).addClass('selected');
                    $('li a', obj).on('click', function(){
                      var a = this;
                      if(!$(a).hasClass('selected')) {
                        var img = $('img.view', obj).eq(0);
                        $(img).fadeOut(null, function(){
                          $(img).attr('src', $(a).attr('href')).fadeIn();
                        });
                        $('li a', obj).removeClass('selected');
                        $(a).addClass('selected');
                      }
                      return false;
                    });
                  });
                }
              }

            });
            */
          }
  }

  about_article();
  /* category filter */
  if($('#filter').length){

    // filter go button
        $("#go_btn").bind("click", function(){
            var divisionSelect = "";
            var maincatSelect = "";
            var subcatSelect = "";
            $(".scat:checked").each(function() {
              var classname = $(this).attr("name");
              subcatSelect = subcatSelect + classname + ":";
            });
            $(".maincat:checked").each(function() {
              var classname = $(this).attr("name");
              maincatSelect = maincatSelect + classname + ":";
           });
              $(".ds:checked").each(function() {
                  var classname = $(this).attr("name");
                  //var searchstr = '/'+classname+'+/';
                  var matches   = divisionSelect.match('/'+classname+'+/');
                  if (matches != "") {
                      divisionSelect = divisionSelect + classname + ":";
                  }
              });
           window.location = "/?module=Facility&action=User/List&mode=filter&division="+divisionSelect+"&maincat="+maincatSelect+"&subcat="+subcatSelect;
         //  window.location = "/03about.html?mode=filter&division="+divisionSelect+"&maincat="+maincatSelect+"&subcat="+subcatSelect;
        });

    // initial check
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
            hash = hashes[i].split('=');
            if (hash[0] == 'maincat') {
                hashmain = hash[1].split(':');
                for(var j=0; j< hashmain.length; j++) {
                    $('input[name="'+hashmain[j]+'"]').attr('checked',true);
                }
            }
            if (hash[0] == 'subcat') {
            	$('label', '#subcat').css('display', 'none');
                hashsub = hash[1].split(':');
                for(var j=0; j< hashsub.length; j++) {
                    $('input[name="'+hashsub[j]+'"]').attr('checked',true);
                    $('#subcat').css('display', 'none');
                    $('label[class="'+hashsub[j]+'"]').css('display', 'inline');
                }

            }
            if (hash[0] == 'division') {
                hashds = hash[1].split(':');
                for(var j=0; j< hashds.length; j++) {
                    $('input[name="'+hashds[j]+'"]').attr('checked',true);
                }
            }
        }
/*
          if($(input+':checked', '#cat .csub').length) {
             $('label', '#subcat').css('display', 'none');
             $(input+':checked', '#cat .csub').each(function(){
                $('label.'+$(this).attr('name'), '#subcat').css('display', 'inline');
             });
             $('#subcat', '#filter').slideDown('slow');
          }
*/


        //SubCategory
  }

  /* category filter */
  /*
  if($('#filter').length){
    var input = 'input[type="checkbox"]';
    $('label', '#subcat').css('display', 'none');
    $(input, '#subcat').attr('disabled', true);
    $(input, '#cat').on('change', function(){
      if($(input+':checked', '#cat').length) {
        $('#subcat', '#filter').stop(true, true).slideDown(function(){
          $('label', '#subcat').css('display', 'none');
          $(input+':checked', '#cat').each(function(){
            $('label.'+$(this).attr('name'), '#subcat').css('display', 'inline');
          });
          $(input, '#subcat').attr('disabled', false);
        });
      } else {
        $('#subcat', '#filter').stop(true , true).slideUp(function(){
          $(input, '#subcat').attr({
            'checked': false,
            'disabled': true
          });
          $('label', '#subcat').css('display', 'none');
        });
      }
    });
  }
  */


  $('li','#slide_island').eq(0).trigger("click");
});

$(document).keydown(layer_esc);
function layer_esc(e) {
  if (e.keyCode == 27) {
    layer_hide();
  }
}
function layer_hide() {
  $('div.layer').fadeOut(function(){
    $('div.layer').remove();
  });
}


function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}