var myWin;
function go(tools){
  if(! myWin || myWin.closed){
     myWin = window.open(tools,"01","menubar=no,toolbar=no,scrollbars=no,location=no,directories=no,resizable=yes,width=300,height=400");
  } else {
     myWin.focus();
  }
}
function newWindow1(url)
{
	newwin = window.open(url,"product_detail","directories=0,location=0,menubar=1,scrollbars=0,resizable=0,status=0,toolbar=0,width=220,height=200");
}
function newWindow2(url)
{
	newwin = window.open(url,"product_detail","directories=0,location=0,menubar=1,scrollbars=0,resizable=0,status=0,toolbar=0,width=420,height=400");
}
var myWin;
function go2(tools){
  if(! myWin || myWin.closed){
     myWin = window.open(tools,"01","menubar=no,toolbar=yes,scrollbars=yes,location=no,directories=no,resizable=yes,width=700,height=500");
  } else {
     myWin.focus();
  }
}
var myWin;
function go3(tools){
  if(! myWin || myWin.closed){
     myWin = window.open(tools,"01","menubar=no,toolbar=no,scrollbars=no,location=no,directories=no,resizable=yes,width=300,height=400");
  } else {
     myWin.focus();
  }
}

function GetLayer(layername){
  var layer;
  if(document.getElementById){
    layer = document.getElementById(layername);
  }
  else if(document.all && ! document.getElementById){
    layer = document.all[layername];
  }
  else if(document.layers){
    layer = document.layers[layername];
  }
  return layer;
}

function helpView(viewid) {
  var help_view = GetLayer(viewid)
  help_view.style.display = 'inline';

  var ci = new clientInfo();
  if(ci.isSafari()){
    help_view.style.margin = "20px 0 0 0";
  }
  switchAllSelect('hidden');
}

function helpClose(closeid) {
  var help_view = GetLayer(closeid);
  help_view.style.display = 'none';
  switchAllSelect('visible');
}


function openCssPreView() {
  var selected = document.for_js.template__css_id.selectedIndex;
  var viewid = document.for_js.template__css_id.options[selected].value;
  myWin = window.open(viewid,"win1","toolbar=no,location=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=800,height=200");
  myWin.focus();
}

function cssPreView() {
  var selected = document.for_js.template__css_id.selectedIndex;
  var viewid = document.for_js.template__css_id.options[selected].value;
  var help_view = GetLayer("css_"+viewid)
  help_view.style.display = 'inline';
  switchAllSelect('hidden');
}

function cssPreViewClose() {
  var selected = document.for_js.template__css_id.selectedIndex;
  var closeid  = document.for_js.template__css_id.options[selected].value;
  var help_view = GetLayer("css_"+closeid);
  help_view.style.display = 'none';
  switchAllSelect('visible');
}

function imagePreView(viewid) {
  var view = GetLayer(viewid);
  view.style.display = 'inline';
  switchAllSelect('hidden');
}

function imagePreViewClose(closeid) {
  var view = GetLayer(closeid);
  view.style.display = 'none';
  switchAllSelect('visible');
}

function switchAllSelect(visibility) {
  for(i=0;i<document.forms.length;i++){
    var form = document.forms[i];
    for(e=0;e<form.elements.length;e++){
      var ele = form.elements[e];
      if(ele.type.indexOf('select') != -1){
	ele.style.visibility = visibility;
      }
    }
  }
}

function checkAll(form_name, name){
  var flag = document.forms[form_name].checkall_flag.checked ? false : true;

  var obj = document.forms[form_name].elements[name];
  for(i=0;i<obj.length;i++){
    obj[i].checked = flag;
  }
}

function formShowHide(id, button,add_val,rm_val) {
    var disp = document.getElementById(id).style.display;
    if(disp == "block") {
        document.getElementById(id).style.display = "none";
        document.getElementById(button).src = add_val;
        document.getElementById(button).value = add_val;
    }
    else {
        document.getElementById(id).style.display = "block";
        document.getElementById(button).src = rm_val;
        document.getElementById(button).value = rm_val;
    }
    return false;
}

function formShowHideFrame(id, button,add_val,rm_val,frame,url) {
    var disp = document.getElementById(id).style.display;
    if(disp == "block") {
        document.getElementById(id).style.display = "none";
        document.getElementById(button).src = add_val;
        document.getElementById(button).value = add_val;
	document.getElementById(frame).src = "";
    }
    else {
        document.getElementById(id).style.display = "block";
        document.getElementById(button).src = rm_val;
        document.getElementById(button).value = rm_val;
	myTime = new Date();
	document.getElementById(frame).src = url + myTime.getTime();

    }
    return false;
}

/*
 * client_info: クライアント環境判定
 */
function clientInfo () {
	this.ua_kind =
		window.opera                               ? 1 : // 1: Opera
		document.all                               ? 2 : // 2: Internet Explorer
		window.controllers                         ? 3 : // 3: Gecko(Mozilla)
		window.layers                              ? 4 : // 4: Netscape Navigater4
		navigator.userAgent.indexOf('Safari') >= 0 ? 5 : // 5: Safari
		null;
	return this;
}


clientInfo.prototype.isOpera = function () {
	return this.ua_kind == 1 ? true : false;
}


clientInfo.prototype.isIE = function () {
	return this.ua_kind == 2 ? true : false;
}


clientInfo.prototype.isGecko = function () {
	return this.ua_kind == 3 ? true : false;
}


clientInfo.prototype.isNN4 = function () {
	return this.ua_kind == 4 ? true : false;
}


clientInfo.prototype.isSafari = function () {
	return this.ua_kind == 5 ? true : false;
}