var d = document;

function roundedStyle(elm){
 var elm = elm ? elm : document;
 var rs = d.getElementsByClassName("rounded", elm);
 for(i=0; i < rs.length; i++){
  var q = rs[i];
  with (q.style){
   position = "relative";
   padding = "20px 20px 6px 20px";
   margin = "20px 10px 0 10px";
   backgroundColor = "#eee";
   lineHeight = 1.7;
   height = q.offsetHeight + "px";
  }
  var qtl = d.createElement("SPAN");
  with (qtl.style){
   position = "absolute";
   background = "url(Images/rtl.png) no-repeat 0 0";
   top = left = 0;
   width = height = "12px";
  }
  var qtr = qtl.cloneNode(true);
  var qbl = qtl.cloneNode(true);
  var qbr = qtl.cloneNode(true);
  with (qtr.style){
   background = "url(Images/qtr.png) no-repeat 0 0";
   top = 0;
   left = q.offsetWidth - 12 + "px";
  }
  with (qbl.style){
   background = "url(Images/qbl.png) no-repeat 0 0";
   top = q.offsetHeight - 12 + "px";
   left = 0;
  }
  with (qbr.style){
   background = "url(Images/rbr.png) no-repeat 0 0";
   top = q.offsetHeight - 12 + "px";
   left = q.offsetWidth - 12 + "px";
  }
  q.insertBefore(qtr, q.firstChild); q.insertBefore(qtl, q.firstChild);
  q.insertBefore(qbl, q.firstChild); q.insertBefore(qbr, q.firstChild);
  with (qtl.style){
   position = "absolute";
   background = "url(Images/rtl.png) no-repeat 0 0";
   top = left = 0;
   width = height = "12px";
  }
 }
}

imagePop = function (e, path, w, h){
 if(typeof imgPop == "undefined") imgPop = null;
 if(imgPop==null){
  imgPop = d.createElement("IMG");
  imgPop.src = path;
  with (imgPop.style){
   position = "absolute";
   left = Math.round((getClientWidth()-w) / 2) + "px";
   top = Math.round((getClientHeight()-h) / 2 + getScrollY()) + "px";
   margin = "0";
   zIndex = 1000;
   border = "4px groove Teal";
   display = "none";
  }
  d.body.appendChild(imgPop);
  if(imgPop.complete){
   imgPop.style.display = "block";
  } else window.status = "画像読み込み中…";
  addEvent(imgPop, "load", function(){imgPop.style.display="block"; window.status="";});
  addEvent(imgPop, "click", function(){d.body.removeChild(imgPop);imgPop=null;});
  imgPop.title = "マウスクリックで閉じます";
 }
}

function getClientWidth(){
 if(self.innerWidth){
  return self.innerWidth;
 } else if(d.documentElement && d.documentElement.clientWidth){
  return d.documentElement.clientWidth;
 } else if(d.body){
  return d.body.clientWidth;
 }
}

function getClientHeight(){
 if(self.innerHeight){
  return self.innerHeight;
 } else if(d.documentElement && d.documentElement.clientHeight){
  return d.documentElement.clientHeight;
 } else if(d.body){
  return d.body.clientHeight;
 }
}

function getDocHeight(){
 var h;
 if(d.documentElement && d.body){
  h = Math.max(
   d.documentElement.scrollHeight,d.documentElement.offsetHeight,d.body.scrollHeight
  );
 } else h = d.body.scrollHeight;
 return (arguments.length==1) ? h + 'px' : h;
}

function getEventPageX(ev){
 if(ev.pageX){
  return ev.pageX;
 } else if(ev.clientX){
  if(d.documentElement && typeof d.documentElement.scrollLeft != "undefined"){
   return d.documentElement.scrollLeft + ev.clientX;
  } else if(d.body && typeof d.body.scrollLeft != "undefined"){
   return d.body.scrollLeft + ev.clientX;
  }
 }
 return 0;
}

function getEventPageY(ev){
 if(ev.pageY){
  return ev.pageY;
 } else if(ev.clientY){
  if(d.documentElement && typeof d.documentElement.scrollTop != "undefined"){
   return d.documentElement.scrollTop + ev.clientY;
  } else if(d.body && typeof d.body.scrollTop != "undefined"){
   return d.body.scrollTop + ev.clientY;
  }
 }
 return 0;
}

function getScrollY(){
 if(d.documentElement && typeof d.documentElement.scrollTop != "undefined"){
  return d.documentElement.scrollTop;
 } else if(d.body && typeof d.body.scrollTop != "undefined"){
  return d.body.scrollTop;
 } else if(typeof window.pageYOffset != "undefined"){
  return window.pageYOffset;
 }
 return 0;
}

d.getElementsByClassName = function(className, pElement){
 var cls, gets = [];
 var obs = pElement.getElementsByTagName("*");
 for (var i=0; i<obs.length; i++){
  var cls = obs[i].className.split(/\s+/);
  for (var j=0; j<cls.length; j++){
   if(cls[j]==className){
    gets.push(obs[i]); break;
   }
  }
 }
 return gets;
}

function addEvent(obj, evType, fn){
 if (obj.addEventListener){
  obj.addEventListener(evType, fn, false);
  return true;
 } else if (obj.attachEvent){
  if(obj.currentStyle && !obj.currentStyle.hasLayout){
   obj.style.height = 0;
  }
  obj[evType + fn] = fn;
  return obj.attachEvent('on'+evType, function(){obj[evType + fn]()});
 }
 return false;
};

function removeEvent(obj, evType, fn){
 if(obj.removeEventListener){
  obj.removeEventListener(evType, fn, false);
  return true;
 } else if(obj.detachEvent) {
  obj[evType + fn] = null;
  return true;
 }
 return false;
};

window.onload = function(){roundedStyle();}