function addEvent(element, type, handler){
	if (document.addEventListener) {
	    element.addEventListener(type, handler, false);
	} else if (document.attachEvent) {
	    element.attachEvent("on" + type, handler);
	} else {
	  addEvent = new Function; // not supported
	}
}

function createElement(pEle,nEle,attrib_arr,attval_arr,eleCont,visible){
	  if(visible != 'hidden'){
	  	visible = 'visible';
	  }

	  var arr_length = attrib_arr.length;

	  var parentEle = document.getElementById(pEle);
	  var newEle 	= document.createElement(nEle);

	  for (i = 0; i < arr_length; i++) {
		newEle.setAttribute(attrib_arr[i], attval_arr[i]);
	  }

	try {
		newEle.style.visibility = visible;
		newEle.style.overflow = "hidden";
		newEle.innerHTML = eleCont;
	}catch(e){}

	parentEle.appendChild(newEle);
	return newEle;


}

function removeElement(pEle,remEle){
	  var parentEle = document.getElementById(pEle);
	  var removeEle	= document.getElementById(remEle);
	try{
	  parentEle.removeChild(removeEle);
	  }catch(e){}
}

function centerEle(retEle,top){
   eleHeight = retEle.offsetHeight;
   eleWidth = retEle.offsetWidth;
   var windowH = document.body.clientHeight || document.documentElement.clientHeight
   var parentEleH = Math.round((windowH)/2);
   var parentEleW = Math.round(document.documentElement.offsetWidth/2);
   var vertical = Math.round(eleHeight/2);
   var horizontal = Math.round(eleWidth/2);
   var eleY = parentEleH - vertical;
   var eleX = parentEleW - horizontal;
   var yoffset =   document.documentElement.scrollTop || document.body.scrollTop;
   var realY = eleY + (yoffset);
   retEle.style.top = top + "px";
   retEle.style.left = eleX + "px";
}


function showHistory(){
	var pop = createElement('wrapper','div',['id'],['history_pop'],'<img src="/images/content/history_popup.gif" alt="" />','visible');
	
	var timer = window.setInterval(function(){
		centerEle(pop, 610);
		
		addEvent(pop,'click',hideHistory);
	
	},200);
}

function hideHistory(){
	removeElement('wrapper','history_pop');
}

function showVideo(){
		
		if(document.getElementById('outer')){
            removeElement('home_content_right', 'outer');
        }

        var outer = createElement('home_content_right', 'div', ['id'], ['outer'], '', 'visible');
        var close = createElement('outer', 'img', ['src','id'], ['/images/common/close_3.png', 'close_btn'],'','visible');
        var div = createElement('outer', 'div', ['id'], ['video_player'], '', 'visible');
		var isIE = navigator.userAgent.indexOf("MSIE") != -1 ? 1 : 0;
		
		if(typeof document.body.style.maxHeight != "undefined"){
	        outer.style.marginTop = "-353px"
			outer.style.marginLeft = "0px"
		}else{
			outer.style.marginLeft = "-582px"
		}
		
		if(document.documentMode == 7){
			outer.style.marginTop = "10px"
			outer.style.marginLeft = "-581px"
		}
		
        outer.style.overflow = 'visible';
		
        var timer = window.setInterval(function(){
            clearInterval(timer);
            timer = null;
            var flashvars = {}

            var params={
                wmode:"transparent"
            }


            swfobject.embedSWF("/video.swf", "video_player", "572", "344", "9.0.0", "expressInstall.swf", flashvars, params);
            
        },150)

        close.onclick = function(){
            removeElement('home_content_right', 'outer');
        }
	
}

ajax = {
	
	callback : '',

	init : function(){
		
	},
	
	callAjax : function(surl,qstring,postback) { 
		
		xmlHttp=ajax.GetXmlHttpObject()
		var url= surl + "?" + qstring
		xmlHttp.onreadystatechange = function(){
			
			if(xmlHttp.readyState == 4){
				ajax.callback = xmlHttp.responseText
				ajax.postBack(postback)
			}
			
		}
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);
		
		
	},
	
	
	GetXmlHttpObject : function(){
		
		var xmlHttp=null;
		try{
		xmlHttp=new XMLHttpRequest();
		}catch (e){
			try{
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			}catch (e){
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
		}
		return xmlHttp;
	},
	
	postBack : function(func){
		
		eval(func + '(ajax.callback)')
			
	}
	
}

dragger = {
	
	dragObject  : null, 
	mouseOffset : null, 
	dragObj : null,
	
	init : function(ele){
		
		dragger.dragObj = document.getElementById(ele)
		
		dragger.makeDraggable(dragger.dragObj) 
		document.onmousemove = dragger.mouseMove; 
		document.onmouseup   = dragger.mouseUp; 
		
	},
	
	 mouseCoords : function(ev){
		if(ev.pageX || ev.pageY){
			return {x:ev.pageX, y:ev.pageY};
		}
		return {
			x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
			y:ev.clientY + document.body.scrollTop  - document.body.clientTop
		};
	},

	getMouseOffset : function (target, ev){ 
	    ev = ev || window.event; 
	 
	    var docPos    = dragger.getPosition(target); 
	    var mousePos  = dragger.mouseCoords(ev); 
	    return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y}; 
	}, 
	 
	 getPosition : function(e){ 
	    var left = 200; 
	    var top  = -255; 
	 
	    while (e.offsetParent){ 
	        left += e.offsetLeft; 
	        top  += e.offsetTop; 
	        e     = e.offsetParent; 
	    } 
	 
	    left += e.offsetLeft; 
	    top  += e.offsetTop; 
	 
	    return {x:left, y:top}; 
	},
	 
	mouseMove : function(ev){ 
	    ev           = ev || window.event; 
	    var mousePos = dragger.mouseCoords(ev); 
	 
	    if(dragger.dragObject){ 
	        dragger.dragObject.style.position = 'absolute'; 
	        dragger.dragObject.style.top      = mousePos.y - mouseOffset.y; 
	        dragger.dragObject.style.left     = mousePos.x - mouseOffset.x; 
	 
	        return false; 
	    } 
	},
	
	
	mouseUp : function(){ 
	    dragger.dragObject = null; 
	}, 
	 
	
	makeDraggable : function (item){ 
	    if(!item) return; 
	    item.onmousedown = function(ev){ 
	        dragger.dragObject  = this.parentNode; 
	        mouseOffset = dragger.getMouseOffset(this, ev); 
	        return false; 
	    } 
	}
	
	
}

window.onload = function(){
	var history_btn = document.getElementById("history_btn");
	var video_btn = document.getElementById("video_btn");
	
	if(history_btn){
		addEvent(history_btn,'click',showHistory);
	}
	
	if(video_btn){
		addEvent(video_btn,'click',showVideo);
	}
}