// Ŭ·¡½º·Î XMLHttpRequest ¸ðµâ ¸¸µé±â
var ajax={};
ajax.xhr={};

ajax.xhr.Request=function(url,params,callback,method){
	this.url=url;
	this.params=params;
	this.callback=callback;
	this.method=method;
	this.send();
}
ajax.xhr.Request.prototype={
	getXMLHttpRequest: function(){
		if(window.ActiveXObject){
			try{
				return new ActiveXObject("Msxml2.XMLHTTP");
			}catch(e){
				try{
					return new ActiveXObject("Microsoft.XMLHTTP");
				}catch(e1){return null;}
			}
		}else if(window.XMLHttpRequest){
			return new XMLHttpRequest();
		}else{
			return null;
		}
	},
	send:function(){
		this.req=this.getXMLHttpRequest();

		var httpMethod=this.method ? this.method : 'GET';
		if(httpMethod != 'GET' && httpMethod != 'POST'){
			httpMethod='GET';
		}
		var httpParams=(this.params == null || this.params == '') ? null : this.params;
		var httpUrl=this.url;
		if(httpMethod == 'GET' && httpParams != null){
			httpUrl=httpUrl + "?" + httpParams;
		}
		this.req.open(httpMethod,httpUrl,true);
		this.req.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		var request=this; //¿©±â¼­ request´Â ajax.xhr.Request °´Ã¼°¡ µÈ´Ù.
		this.req.onreadystatechange=function(){
			request.onStateChange.call(request);
		}
		this.req.send(httpMethod == 'POST' ? httpParams : null);
	},
	onStateChange: function(){
		this.callback(this.req);
	}
}

// À̺¥Æ® ¸®½º³Ê °ü·Ã Ãß°¡
ajax.Event={};
ajax.Event.addListener=function(element, name, observer, useCapture){
	useCapture=useCapture || false;

	if(element.addEventListener){
		element.addEventListener(name, observer, useCapture);
	}else if (element.attachEvent){
		element.attachEvent('on' + name, observer);
	}
}
ajax.Event.removeListener=function(element, name, observer, useCapture){
	useCapture=useCapture || false;

	if (element.removeEventListener){
		element.removeEventListener(name, observer, useCapture);
	}else if (element.detachEvent){
		element.detachEvent('on' + name, observer);
	}
}

//À̺¥Æ® ´ë»ó ±¸Çϱâ ÇÔ¼ö
ajax.Event.getTarget=function(event){
	if(event == null) return null;
	if(event.target) return event.target;
	else if(event.srcElement) return event.srcElement;
	return null;
}

//¸¶¿ì½º À̺¥Æ® °ü·Ã ¸ðµâ Ãß°¡
ajax.Event.getMouseXY=function(event){
	var mouseX=event.clientX;
	var mouseY=event.clientY;

	var dd=document.documentElement;
	var db=document.body;
	if(dd){
		mouseX += dd.scrollLeft;
		mouseY += dd.scrollTop;
	}else if(db){
		mouseX += db.scrollLeft;
		mouseY += db.scrollTop;
	}
	return{x: mouseX, y:mouseY};
}
ajax.Event.isLeftButton=function(event){
	return(event.which) ? event.which == 1 && event.button == 0 : (event.type == 'click') ? event.button == 0 : event.button == 1;
}
ajax.Event.isRightButton=function(event){
	return event.button == 2;
}

//À̺¥Æ® ÁßÁö °ü·Ã ÄÚµå Ãß°¡
ajax.Event.stopPropagation=function(event){
	if(event.stopPropagation){
		event.stopPropagation();
	}else{
		event.cancelBubble=true;
	}
}
ajax.Event.preventDefault=function(event){
	if(event.preventDefault){
		event.preventDefault();
	}else{
		event.returnValue=false;
	}
}
ajax.Event.stopEvent=function(event){
	ajax.Event.stopPropagation(event);
	ajax.Event.preventDefault(event);
}

//this¹®Á¦¸¦ ÇØ°áÇϱâ À§ÇÑ ÇÔ¼ö Ãß°¡
ajax.Event.bindAsListener=function(func, obj){
	return function(){
		return func.apply(obj, arguments);
	}
}

//Åõ¸íµµ °ü·Ã ÄÚµå Ãß°¡
ajax.GUI={};
ajax.GUI.setOpacity=function(el, opacity){
	if(el.filters){
		el.style.filter='alpha(opacity=' + opacity * 100 + ')';
	}else{
		el.style.opacity=opacity;
	}
}

//css½ºÅ¸ÀÏ °ª ±¸Çϱâ ÇÔ¼ö Ãß°¡
ajax.GUI.getStyle=function(el, property){
	var value=null;
	var dv=document.defaultView;

	if(property == 'opacity' && el.filters){
		value=1;
		try{
			value=el.filters.item('alpha').opacity / 100;
		}catch(e){}
	}else if(el.style[property]){
		value=el.style[property];
	}else if(el.currentStyle && el.currentStyle[property]){
		value=el.currentStyle[property];
	}else if(dv && dv.getComputedStyle){
		var converted='';
		for(i=0, len=property.length; i<len; ++i){
			if(property.charAt(i) == property.charAt(i).toUpperCase()){
				converted = converted + '-' + property.charAt(i).toLowerCase();
			}else{
				converted = converted + property.charAt(i);
			}
		}
		if(dv.getComputedStyle(el,'').getPropertyValue(converted)){
			value=dv.getComputedStyle(el,'').getPropertyValue(converted);
		}
	}
	return value;
}

//¿ä¼ÒÀÇ À§Ä¡¿Í Å©±â
ajax.GUI.getXY=function(el){
	//elÀº ¹®¼­¿¡ Æ÷ÇԵǾî ÀÖ¾î¾ß ÇÏ°í, È­¸é¿¡ º¸¿©¾ß ÇÑ´Ù.
	if(el.parentNode === null || el.style.display == 'none'){
		return false;
	}

	var parent=null;
	var pos=[];
	var box;

	if(document.getBoxObjectFor){ //gecko ¿£Áø ±â¹Ý
		box=document.getBoxObjectFor(el);
		pos=[box.x, box.y];
	}else{ // ±âŸ ºê¶ó¿ìÀú
		pos=[el.offsetLeft, el.offsetTop];
		parent=el.offsetParent;
		if(parent != el){
			while(parent){
				pos[0] += parent.offsetLeft;
				pos[1] += parent.offsetTop;
				parent=parent.offsetParent;
			}
		}
		// ¿ÀÆä¶ó¿Í »çÆĸ®ÀÇ 'absolute' positionÀÇ °æ¿ì bodyÀÇ offsetTopÀ» À߸ø °è»êÇϹǷΠº¸Á¤ÇØ¾ß ÇÑ´Ù.
		var ua=navigator.userAgent.toLowerCase();
		if(ua.indexOf('opera') != -1 || (ua.indexOf('safari') != -1 && this.getStyle(el, 'position') == 'absolute')){
			pos[1] -= document.body.offsetTop;
		}
	}

	if(el.parentNode){
		parent=el.parentNode;
	}else{
		parent=null;
	}

	//body ¶Ç´Â html ÀÌ¿ÜÀÇ ºÎ¸ð ³ëµå Áß¿¡ ½ºÅ©·ÑµÇ¾î ÀÖ´Â ¿µ¿ªÀÌ ÀÖ´Ù¸é ¾Ë¸Â°Ô Ã³¸®ÇÑ´Ù.
	while(parent && parent.tagName != 'BODY' && parent.tagName != 'HTML'){
		pos[0] -= parent.scrollLeft;
		pos[1] -= parent.scrollTop;

		if(parent.parentNode){
			parent=parent.parentNode;
		}else{
			parent=null;
		}
	}
	return{x:pos[0], y:pos[1]};
}
ajax.GUI.getX=function(el){
	return ajax.GUI.getXY(el).x;
}
ajax.GUI.getY=function(el){
	return ajax.GUI.getXY(el).y;
}

//ƯÁ¤ ¿ä¼ÒÀÇ ÁÂÇ¥ ¹× Å©±â¸¦ ±¸ÇØÁÖ´Â ÇÔ¼ö Ãß°¡
ajax.GUI.getBounds=function(el){
	var xy=ajax.GUI.getXY(el);
	return{
		x: xy.x,
		y: xy.y,
		width: el.offsetWidth,
		height: el.offsetHeight
	};
}

//ƯÁ¤ ¿ä¼ÒÀÇ ÁÂÇ¥ °ªÀ» ÁöÁ¤ÇØ ÁÖ´Â ÇÔ¼ö Ãß°¡
ajax.GUI.setXY=function(el, x, y){
	var pageXY=ajax.GUI.getXY(el);
	if(pageXY === false){ return false; }
	var position=ajax.GUI.getStyle(el, 'position');
	if(!position || position == 'static'){
		el.style.position='relative';
	}
	var delta={
		x: parseInt(ajax.GUI.getStyle(el, 'left'), 10),
		y: parseInt(ajax.GUI.getStyle(el, 'top'), 10)
	};
	if(isNaN(delta.x)){ delta.x=0; }
	if(isNaN(delta.y)){ delta.y=0; }

	if(x !== null){
		el.style.left=(x - pageXY.x + delta.x) + 'px';
	}
	if(y !== null){
		el.style.top=(y - pageXY.y + delta.y) + 'px';
	}
	return true;
}