// タブの画像についてる名称
var tabs = new Array("01", "02", "03","04");
var tabNow = 0;

var tabs2 = new Array("01", "02", "03");
var tabNow2 = 0;

var tabs3 = new Array("01", "02", "03");
var tabNow3 = 0;

window.onload = function() {
  $$("img.swpImgA").each(function(obj){
    Event.observe(obj, "click", swapTab, false);
    Event.observe(obj, "mouseover", overTab, false);
    Event.observe(obj, "mouseout", outTab, false);
    i = obj.id.replace("swpImgA","");
    if(i == 0){
      $("jsPageA"+i).style.display = "";
    } else {
      $("jsPageA"+i).style.display = "none";
    }
  });
  $$("img.swpImgB").each(function(obj){
    Event.observe(obj, "click", swapTab2, false);
    Event.observe(obj, "mouseover", overTab2, false);
    Event.observe(obj, "mouseout", outTab2, false);
    i = obj.id.replace("swpImgB","");
    if(i == 0){
      $("jsPageB"+i).style.display = "";
    } else {
      $("jsPageB"+i).style.display = "none";
    }
  });
  $$("img.swpImgC").each(function(obj){
    Event.observe(obj, "click", swapTab3, false);
    Event.observe(obj, "mouseover", overTab3, false);
    Event.observe(obj, "mouseout", outTab3, false);
    i = obj.id.replace("swpImgC","");
    if(i == 0){
      $("jsPageC"+i).style.display = "";
    } else {
      $("jsPageC"+i).style.display = "none";
    }
  });

	//	display presentArea --------------------
	//	by Max-Labo 2010.2.9
	noCache = new Date().getTime();

	xhr = createXHR();
//var sended = false;
	xhr.onreadystatechange = function() {
		if ((xhr.readyState == 4) && (xhr.status == 200)) {
			document.getElementById("presentArea").innerHTML = xhr.responseText;
		}
/*        if (sended) {
            alert('loaded');
        } else {
            alert('cached');
        }*/
	}
	xhr.open ("GET", "/share/php/ajax_present.php?time=" + noCache, true);
	xhr.send (null);
//	xhr.setRequestHeader("If-Modified-Since", "Thu, 01 Jun 1970 00:00:00 GMT");
//sended = true;
	//	End of display presentArea --------------------

}

function swapTab(event){
  var number = Event.element(event).id.replace("swpImgA","");
  
  $$("img.swpImgA").each(function(obj){
    var i = obj.id.replace("swpImgA","");
    if(i == number){
      $("jsPageA"+i).style.visibility = "visible";
      $("jsPageA"+i).style.display = "";
      $("swpImgA"+i).src = "share/images/tab01/tabu_"+tabs[i]+"_ac.gif";
    } else {
      $("jsPageA"+i).style.visibility = "hidden";
      $("jsPageA"+i).style.display = "none";
      $("swpImgA"+i).src = "share/images/tab01/tabu_"+tabs[i]+"_df.gif";
    }
  });
  
  tabNow = number;
}

function overTab(event){
  var number = Event.element(event).id.replace("swpImgA","");
  $("swpImgA"+number).src = "share/images/tab01/tabu_"+tabs[number]+"_ac.gif";
}

function outTab(event){
  var number = Event.element(event).id.replace("swpImgA","");
  if(number != tabNow){
    $("swpImgA"+number).src = "share/images/tab01/tabu_"+tabs[number]+"_df.gif";
  }
}



function swapTab2(event){
  var number = Event.element(event).id.replace("swpImgB","");
  
  $$("img.swpImgB").each(function(obj){
    var i = obj.id.replace("swpImgB","");
    if(i == number){
      $("jsPageB"+i).style.visibility = "visible";
      $("jsPageB"+i).style.display = "";
      $("swpImgB"+i).src = "share/images/tab02/tabu_"+tabs2[i]+"_ac.gif";
    } else {
      $("jsPageB"+i).style.visibility = "hidden";
      $("jsPageB"+i).style.display = "none";
      $("swpImgB"+i).src = "share/images/tab02/tabu_"+tabs2[i]+"_df.gif";
    }
  });
  
  tabNow2 = number;
}
function overTab2(event){
  var number = Event.element(event).id.replace("swpImgB","");
  $("swpImgB"+number).src = "share/images/tab02/tabu_"+tabs2[number]+"_ac.gif";
}
function outTab2(event){
  var number = Event.element(event).id.replace("swpImgB","");
  if(number != tabNow2){
    $("swpImgB"+number).src = "share/images/tab02/tabu_"+tabs2[number]+"_df.gif";
  }
}



function swapTab3(event){
  var number = Event.element(event).id.replace("swpImgC","");
  
  $$("img.swpImgC").each(function(obj){
    var i = obj.id.replace("swpImgC","");
    if(i == number){
      $("jsPageC"+i).style.visibility = "visible";
      $("jsPageC"+i).style.display = "";
      $("swpImgC"+i).src = "share/images/tab03/tabu_"+tabs3[i]+"_ac.gif";
    } else {
      $("jsPageC"+i).style.visibility = "hidden";
      $("jsPageC"+i).style.display = "none";
      $("swpImgC"+i).src = "share/images/tab03/tabu_"+tabs3[i]+"_df.gif";
    }
  });
  
  tabNow3 = number;
}
function overTab3(event){
  var number = Event.element(event).id.replace("swpImgC","");
  $("swpImgC"+number).src = "share/images/tab03/tabu_"+tabs3[number]+"_ac.gif";
}
function outTab3(event){
  var number = Event.element(event).id.replace("swpImgC","");
  if(number != tabNow3){
    $("swpImgC"+number).src = "share/images/tab03/tabu_"+tabs3[number]+"_df.gif";
  }
}

/*-------------------------------------------------------
	create XMLHttpRequest
	by Max-Labo 2010.2.9
-------------------------------------------------------*/

function createXHR() {
	try {
		xhr = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			xhr = false;
		}
	}

	if (!(xhr) && (typeof XMLHttpRequest != 'undefined')) {
		xhr = new XMLHttpRequest();
	}

	return xhr;
}