// -----------------------------------------------------------------------------
// peekaboo.js : html element change to visible or invisible
//
// ! preload "jquery.js" and "jquery.cookie.jp" (if use cookie to save status.)
// -----------------------------------------------------------------------------

/**
 * visible list
 */
var show = new Array();
/**
 * invisible list
 */
var hide = new Array();
/**
 * cookie name
 *
 * if want to save satus.
 */
//var cookieName = '';

/**
 * set visible list
 *
 * @param string label : label
 * @param array list : visible elements
 */
function setShow(label, list){
  show[label] = list;
}

/**
 * set invisible list
 *
 * @param string label : label
 * @param array list : invisible elements
 */
function setHide(label, list){
  hide[label] = list;
}

/**
 * @param string label : execute first label
 * @param string cookie : cookie name
 */
function peekaboo_init(label, cookie){
  cookieName = cookie;
  var kie = '';
  if(cookieName){
    kie = $.cookie(cookieName);
  }
  if(kie){
    peekaboo(kie);
  }else{
    peekaboo(label);
  }
}

/**
 * visible or invisible at label name
 * at first invisible. next visible
 *
 * @param string label : label
 */
function peekaboo(label) {
	_peekaboo_hide(label);
	_peekaboo_show(label);
}

function _peekaboo_show(label) {
  for(var i=0; i<show[label].length; i++){
    $(show[''+label][i]).show();
  }

//  if(cookieName){
//    $.cookie(cookieName, label);
//  }
}
function _peekaboo_hide(label) {
  for(var i=0; i<hide[label].length; i++){
    $(hide[''+label][i]).hide();
  }

//  if(cookieName){
//    $.cookie(cookieName, label);
//  }
}

// -----------------------------------------------------------------------------
$( function(){
  setShow('tab0', ['#tab00Wrap']);
  setHide('tab0', ['#tab01Wrap', '#tab02Wrap', '#tab03Wrap', '#tab04Wrap', '#tab05Wrap', '#tab06Wrap', '#tab07Wrap', '#tab08Wrap', '#tab09Wrap', '#tab10Wrap']);
  setShow('tab1', ['#tab01Wrap']);
  setHide('tab1', ['#tab00Wrap', '#tab02Wrap', '#tab03Wrap', '#tab04Wrap', '#tab05Wrap', '#tab06Wrap', '#tab07Wrap', '#tab08Wrap', '#tab09Wrap', '#tab10Wrap']);
  setShow('tab2', ['#tab02Wrap']);
  setHide('tab2', ['#tab00Wrap', '#tab01Wrap', '#tab03Wrap', '#tab04Wrap', '#tab05Wrap', '#tab06Wrap', '#tab07Wrap', '#tab08Wrap', '#tab09Wrap', '#tab10Wrap']);
  setShow('tab3', ['#tab03Wrap']);
  setHide('tab3', ['#tab00Wrap', '#tab01Wrap', '#tab02Wrap', '#tab04Wrap', '#tab05Wrap', '#tab06Wrap', '#tab07Wrap', '#tab08Wrap', '#tab09Wrap', '#tab10Wrap']);
  setShow('tab4', ['#tab04Wrap']);
  setHide('tab4', ['#tab00Wrap', '#tab01Wrap', '#tab02Wrap', '#tab03Wrap', '#tab05Wrap', '#tab06Wrap', '#tab07Wrap', '#tab08Wrap', '#tab09Wrap', '#tab10Wrap']);
  setShow('tab5', ['#tab05Wrap']);
  setHide('tab5', ['#tab00Wrap', '#tab01Wrap', '#tab02Wrap', '#tab03Wrap', '#tab04Wrap', '#tab06Wrap', '#tab07Wrap', '#tab08Wrap', '#tab09Wrap', '#tab10Wrap']);
  setShow('tab6', ['#tab06Wrap']);
  setHide('tab6', ['#tab00Wrap', '#tab01Wrap', '#tab02Wrap', '#tab03Wrap', '#tab04Wrap', '#tab05Wrap', '#tab07Wrap', '#tab08Wrap', '#tab09Wrap', '#tab10Wrap']);
  setShow('tab7', ['#tab07Wrap']);
  setHide('tab7', ['#tab00Wrap', '#tab01Wrap', '#tab02Wrap', '#tab03Wrap', '#tab04Wrap', '#tab05Wrap', '#tab06Wrap', '#tab08Wrap', '#tab09Wrap', '#tab10Wrap']);
  setShow('tab8', ['#tab08Wrap']);
  setHide('tab8', ['#tab00Wrap', '#tab01Wrap', '#tab02Wrap', '#tab03Wrap', '#tab04Wrap', '#tab05Wrap', '#tab06Wrap', '#tab07Wrap', '#tab09Wrap', '#tab10Wrap']);
// 1224 追加----
  setShow('tab9', ['#tab09Wrap']);
  setHide('tab9', ['#tab00Wrap', '#tab01Wrap', '#tab02Wrap', '#tab03Wrap', '#tab04Wrap', '#tab05Wrap', '#tab06Wrap', '#tab07Wrap', '#tab08Wrap', '#tab10Wrap']);
  setShow('tab10', ['#tab10Wrap']);
  setHide('tab10', ['#tab00Wrap', '#tab01Wrap', '#tab02Wrap', '#tab03Wrap', '#tab04Wrap', '#tab05Wrap', '#tab06Wrap', '#tab07Wrap', '#tab08Wrap', '#tab09Wrap']);

  url = document.URL;
  if(url.indexOf("?") > 0){
    peekaboo(url.substr(url.indexOf("?")+1));
  }else{
    peekaboo('tab0');
  }
} );