var DisplayDiv="tour_introduction";
var StickyDiv="sticky";
var DisplayDivFlag=true;
var CloseDisplay=false;
function scrollFunc(e)
{
   //DisplayDiv Left Top+Height
   var obj= document.getElementById(DisplayDiv);
   var pos = getElementPos(obj);
   var DisplayLeft=pos.x;
   var DisplayHeight=(pos.y+obj.offsetHeight);
   //Scroll Height
   var ScrollHeight; 
   if (self.pageYOffset) { 
    ScrollHeight = self.pageYOffset;         } 
   else if (document.documentElement && document.documentElement.scrollTop){ 
    ScrollHeight = document.documentElement.scrollTop; } 
   else if (document.body) { 
    ScrollHeight = document.body.scrollTop; }   
    ScrollHeight= ScrollHeight; 
	if(DisplayDivFlag==false) return;
   if(ScrollHeight>DisplayHeight)
   {
//        if (document.all){//IE
//           //document.getElementById(StickyDiv).style.position="absolute";
//         }
		document.getElementById(StickyDiv).style.top=ScrollHeight+"px";
		document.getElementById(StickyDiv).style.left=DisplayLeft+"px";
		if(CloseDisplay)return;
		CloseDisplay=true;
		document.getElementById(StickyDiv).style.display="";
		document.getElementById(StickyDiv).innerHTML=document.getElementById(DisplayDiv).innerHTML.replace("close_fun","close_Display");
		//var obj = document.getElementById(StickyDiv).childNodes[1].childNodes[1].childNodes;
		var obj1= document.getElementById("close_Display");
		//if(obj.length>0){
		//   obj1=GetCloseObj(obj);
		//}
		if(obj1==null) return;
		obj1.onclick= function(){
			document.getElementById(StickyDiv).style.top="0px";
			document.getElementById(StickyDiv).style.left="0px";
			document.getElementById(StickyDiv).style.display="none";
			document.getElementById(StickyDiv).innerHTML="";
			DisplayDivFlag=false;
			}
		obj1.className = "close";
		//obj1.setAttribute("id","CloseDisplay");
		//var obj2 = obj1.getElementsByTagName("a");
		//obj2[0].onclick=CloseDisplay;
   }
   else
   {
        document.getElementById(StickyDiv).style.top="0px";
        document.getElementById(StickyDiv).style.left="0px";
        document.getElementById(StickyDiv).style.display="none";
        document.getElementById(StickyDiv).innerHTML="";
		CloseDisplay=false;
   }
}
function GetCloseObj(obj)
{
	for(i=0;i<obj.length;i++)
	{
		if(obj[i].className=="close_hidden")
			return obj[i];
		else{
			//if(obj[i].childNodes.length>0) 
				//GetCloseObj(obj[i].childNodes);
		}
	}
}
function CloseDisplay()
{
	document.getElementById(StickyDiv).style.top="0px";
    document.getElementById(StickyDiv).style.left="0px";
    document.getElementById(StickyDiv).style.display="none";
    document.getElementById(StickyDiv).innerHTML="";
	DisplayDivFlag=false;
}
function getElementPos(elementId) {
    //debugger;
    var ua = navigator.userAgent.toLowerCase();
    var isOpera = (ua.indexOf('opera') != -1);
    var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof
    var el = elementId;
    if(el.parentNode === null || el.style.display == 'none') {
        return false;
    }      
    var parent = null;
    var pos = [];     
    var box;     
    if(el.getBoundingClientRect)    //IE
	{         
		  box = el.getBoundingClientRect();
		  var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
		  var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
		  return {x:box.left + scrollLeft, y:box.top + scrollTop};
	}
	else if(document.getBoxObjectFor)    // gecko    
	{
		  box = document.getBoxObjectFor(el); 
		  var borderLeft = (el.style.borderLeftWidth)?parseInt(el.style.borderLeftWidth):0; 
		  var borderTop = (el.style.borderTopWidth)?parseInt(el.style.borderTopWidth):0; 
		  pos = [box.x - borderLeft, box.y - borderTop];
	} 
	else    // safari & opera    
	{
		  pos = [el.offsetLeft, el.offsetTop];  
		  parent = el.offsetParent;     
		  if (parent != el) { 
		   while (parent) {  
			pos[0] += parent.offsetLeft; 
			pos[1] += parent.offsetTop; 
			parent = parent.offsetParent;
		   }  
	    }   
		  if (ua.indexOf('opera') != -1 || ( ua.indexOf('safari') != -1 && el.style.position == 'absolute' )) { 
		   pos[0] -= document.body.offsetLeft;
		   pos[1] -= document.body.offsetTop;         
		 }    
	}              
	if (el.parentNode) { 
        parent = el.parentNode;
	} 
	else {
        parent = null;
	 }
     while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML') { // account for any scrolled ancestors
        pos[0] -= parent.scrollLeft;
        pos[1] -= parent.scrollTop;
        if (parent.parentNode) {
		   parent = parent.parentNode;
		  } else {
		   parent = null;
		  }
		 }
		 return {x:pos[0], y:pos[1]};
}