var dom = new Object();
/*event------------------*/
dom.event = {
  	addEvent: function(elm, type, func, useCapture){
  	if(! elm){return false;}
  	if(! useCapture){
  		useCapture = false;
  	}
  	if(elm.addEventListener){
  		elm.addEventListener(type, func, useCapture);
  	}else if(elm.attachEvent){
  		elm.attachEvent('on'+type, func);
  	}else{
  		return false;
  	}
  	return true;
  },

  removeEvent: function(elm, type, func, useCapture){
  	if(! elm){return false;}
  	if(! useCapture){
  		useCapture = false;
  	}
  	if(elm.removeEventListener){
  		elm.removeEventListener(type, func, useCapture);
  	}else if(elm.detachEvent){
  		elm.detachEvent('on'+type, func);
  	}else{
  		return false;
  	}
  	return true;
  },

  target: function(evt){
  	if(evt && evt.target){
  		if(evt.target.nodeType == 3){
  			return evt.target.parentNode;
  		}else{
  			return evt.target;
  		}
  	}else if(window.event && window.event.srcElement){
  		return window.event.srcElement;
  	}else{
  		return null;
  	}
  },

  //stop default event
  preventDefault: function(evt){
  	if(evt && evt.preventDefault){
  		evt.preventDefault();
  		evt.currentTarget['on' + evt.type] = function() {return false;};
  	}else if(window.event){
  		window.event.returnValue = false;
  	}
  },

  stopPropagation: function(evt){
  	if(evt && evt.stopPropagation){
  		evt.stopPropagation();
  	}else if(window.event){
  		window.event.cancelBubble = true;
  	}
  }
}

/*position------------------*/
dom.pos = {
  //mousePoint + scroll
  pointerX: function(event){return event.clientX + dom.pos.scrollLeft()},
  pointerY: function(event){return event.clientY + dom.pos.scrollTop()},

  //absoluteElm
  getElemPos: function (elem){
  	var obj = new Object();
  	obj.x = elem.offsetLeft;
  	obj.y = elem.offsetTop;
  	while(elem.offsetParent){
  		elem = elem.offsetParent;
  		obj.x += elem.offsetLeft;
  		obj.y += elem.offsetTop;
  	}
  	return obj;
  },
  
  mouseFrom: function (evt){
    if(evt.currentTarget){
      return evt.relatedTarget;
    }else{
      return event.fromElement;
    }
  },

  mouseTo: function (evt){
    if(evt.currentTarget){
      return evt.relatedTarget;
    }else{
      return event.toElement;
    }
  },
  //browser scale
  winHeight:function(){return window.innerHeight ? innerHeight : document.documentElement.clientHeight},
  winWidth: function(){
    var winWidth;
    if(window.innerWidth){
      winWidth = window.innerWidth;
      if(document.documentElement) winWidth = document.documentElement.clientWidth;
    } else {
      winWidth = document.documentElement.clientWidth;
    }
    return winWidth;
  },
  //measure scroll
  scrollTop:function(){return window.pageYOffset ? pageYOffset : document.documentElement.scrollTop},
  scrollLeft:function(){return window.pageXOffset ? pageXOffset : document.documentElement.scrollLeft}
}

/* style */
dom.style = {
  //currentStyle
  getView: function(elm){
    if(document.defaultView){
      var tar = document.defaultView.getComputedStyle(elm,null);
      for(var i=1,elements = [];i<arguments.length;i++){
        elements.push(tar.getPropertyValue(arguments[i]) );
      }
    }else if(elm.currentStyle){ //IE
      for(var i=1,elements = [];i<arguments.length;i++){
        arguments[i] = arguments[i].replace(/-\w{1}/g, function(s){return s.charAt(1).toUpperCase()});
        elements.push(elm.currentStyle.getAttribute(arguments[i]));
      }
    }

    if(elements.length > 1){
      return elements;
    }else{
      return elements[0];
    }
  }

}

//each Array elements over
Array.prototype.each = function(f){
  for(var i=0; i<this.length; i++){
    this[i] = f(this[i]);
  }
}

function add_array(w){
  var result = 0;
  for(var i=0;i<w.length;i++){
    result += parseInt(w[i]);
  }
  return result;
}

//getId
function $(str) {
  return document.getElementById(str);
}


// main-------------------------------------------------------------------------

dom.event.addEvent(window, 'load', start);

function start(){
  var area = $('area');
  dom.event.addEvent(area, 'change', change_pref);
  dom.event.addEvent(area, 'change', change_pref);
  dom.event.addEvent($('msC2__ctl0_btnRegist'), 'click', set_confirm);
}
function set_confirm(){
  $('msC2__ctl0_txtEmail2').value = $('msC2__ctl0_txtEmail').value;
  $('msC2__ctl0_txtPassword2').value = $('msC2__ctl0_txtPassword1').value;
  
  return;
}

function change_pref(evt){
  var area = dom.event.target(evt);
  var option = area.getElementsByTagName('option');

  var selected_area;
  for(var i=0; i<option.length; i++){
    if(option[i].selected == true){
      selected_area = $(option[i].id + '_pref_set');
    }
  }

  var pref = $('pref');
  while(pref.hasChildNodes() ){
    pref.removeChild(pref.lastChild);
  }

  var option2 = selected_area.getElementsByTagName('option');

  for(var i2=0; i2<option2.length; i2++){
    var clone = option2[i2].cloneNode(true);
    pref.appendChild(clone);
  }

}