$(document).ready(function(){
  if($('#cover, .time').length){
  /*
    $('#top_thumbnail, img').on('click', function(){
      var id = $(this).attr('class').replace('s_', '');
      $('#main_image img').attr('src', 'images/time/view_'+id+'.jpg');
    });
  */

    $('#val_island, #val_time').val(0);
    $('li', '#area_list').on('click', function(){
      $('li', '#area_list').css("background-color", ""); 
      $(this).css("background-color", "rgb(0,110,84)"); 
      var id = $(this).attr('class').replace('island_', '');

      $('#val_island').val(id);
      getImageData();
    });
    $('li', '#daytime_list').on('click', function(){
      $('li', '#daytime_list').css("background-color", ""); 
      $(this).css("background-color", "rgb(0,110,84)"); 
      var id = $(this).attr('class').replace('time_', '');

      $('#val_time').val(id);
      getImageData();
    });

    $(".island_0").trigger("click");
    $(".time_0").css("background-color", "rgb(0,110,84)"); 
  }
  if ($('.gallery_item').length){
    $('#thumb_image, img').on('click', function(){
      var id = $(this).attr('class').replace('s_', '');
      $('#main_image img').attr('src', 'images/time/view_'+id+'.jpg');
  });
  }


  /* 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){
  	//AJAX
		$(":checkbox").bind("click",function() {
		     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 + ":";
		  });
		  $("#articles").load("/index.php?action=Base&target=FacilityUser/List&mode=filter&maincat="+maincatSelect+"&subcat="+subcatSelect,
		 		function(){
		 		});
		 });  
  
//	 $("#filter").bind("click", function(){
//			$('#subcat').css('display', 'none');
//	 }	 
//	 )
  
	//SubCategory
	    var input = 'input[type="checkbox"]';
	    $('label', '#cat').hover(
	    	function(){
	    		$(this).children('div').show();
	    		},
	    	function(){
	    		$(this).children('div').hide();
	    		}
	    
	    );    
	    $(input, '#cat').on('change', function(){
	      if($(input+':checked', '#cat .csub').length) {
	        $('#subcat', '#filter').stop(true, true).slideDown(function(){
		      $('label', '#subcat').css('display', 'none');
	          $(input+':checked', '#cat .csub').each(function(){
	            $('label.'+$(this).attr('name'), '#subcat').css('display', 'inline');
	          });
	        });
	      } else {
	        $('#subcat', '#filter').stop(true , true).slideUp(function(){
	          $('label', '#subcat').css('display', 'none');
	        });
	      }
	    });
 }
*/

  function getImageData() {

      $.get("/?module=Gallery&action=User/AjexGetThum",{island:$('#val_island').val(),time:$('#val_time').val()},function(data){
        $('#top_thumbnail').remove();
        $('#main_image').remove();
        $('#imageView').append(data);
        reset_viewer();
      });
  }

  function reset_viewer() {
    $('#top_thumbnail img').on('click', function(){
      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_', '');

        $('#main_image').remove();
        $('#imageView').append($("<div id='main_image'><img id='viewImg' src='/image/Gallery/gallery_large/"+fileName+".jpg' /></div>"));

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

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

    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'); 
  }
});