function init(){
    var div_html = "<div id='pop_overlay' style='display:none'></div><div id='pop_container' style='display:none'><div id='pop_inner' style='display:none'></div></div>";
    document.getElementById('aspnetForm').innerHTML = div_html + document.getElementById('aspnetForm').innerHTML;
    /*document.body.innerHTML = div_html + document.body.innerHTML;*/
    document.getElementById('pop_overlay').style.display='none';
    document.getElementById('pop_container').style.display='none';
};

function fireMyPopup(textObjName, type) {

	var check;
	var posL;
	var posT;
	for(i=0; i<document.forms[0].elements.length; i++){
	    if(document.forms[0].elements[i].tagName == "TEXTAREA"){
           posL = DL_GetElementLeft(document.forms[0].elements[i]);
           posT = DL_GetElementTop(document.forms[0].elements[i]);
           }
       }

	if(type == 'img')
		document.getElementById('pop_inner').innerHTML = "<p>Please enter the URL of the image:<br><br><input type='text' id='url' style='width:200' value='http://'><input type='button' value='Insert Image' onClick=\"setImg('" + textObjName + "')\">&nbsp;<input type='button' value='Cancel' onClick=\"closeBox()\"></p>";
	else if (type == 'url')
		document.getElementById('pop_inner').innerHTML = "<p>Please enter the URL:<br><input type='text' id='url' style='width:200' value='http://'><br>Please enter the link text:<br><input type='text' id='linkText' style='width:200'><input type='button' value='Insert Link' onClick=\"setURL('" + textObjName + "')\">&nbsp;<input type='button' value='Cancel' onClick=\"closeBox()\"></p>";
	else if (type == 'youtube')
		document.getElementById('pop_inner').innerHTML = "<p>Please enter the youTube URL:<br><input type='text' id='url' style='width:200' value='http://'><input type='button' value='Insert Video' onClick=\"setYouTube('" + textObjName + "')\">&nbsp;<input type='button' value='Cancel' onClick=\"closeBox()\"></p>";
		
	 
	check = document.getElementById('pop_inner').style.display
  
	
	var scrolledX, scrolledY;
	if( self.pageYOffset ) {
	  scrolledX = self.pageXOffset;
	  scrolledY = self.pageYOffset;
	} else if( document.documentElement && document.documentElement.scrollTop ) {
	  scrolledX = document.documentElement.scrollLeft;
	  scrolledY = document.documentElement.scrollTop;
	} else if( document.body ) {
	  scrolledX = document.body.scrollLeft;
	  scrolledY = document.body.scrollTop;
	}

	// Determine the coordinates of the center of the page

	var centerX, centerY;
	if( self.innerHeight ) {
	  centerX = self.innerWidth;
	  centerY = self.innerHeight;
	} else if( document.documentElement && document.documentElement.clientHeight ) {
	  centerX = document.documentElement.clientWidth;
	  centerY = document.documentElement.clientHeight;
	} else if( document.body ) {
	  centerX = document.body.clientWidth;
	  centerY = document.body.clientHeight;
	}

  if(check=='none')
  {
		
		var leftOffset = scrolledX + (centerX - 250) / 2;
		var topOffset = scrolledY + (centerY ) / 2;
		
        document.getElementById('pop_overlay').style.display='block';
        document.getElementById('pop_container').style.display='block';
        document.getElementById('pop_inner').style.display='block';
        document.getElementById('pop_inner').style.top = (posT + 5) + "px";
		document.getElementById('pop_inner').style.left = (posL+255) + "px";
		document.getElementById('pop_overlay').style.left = scrolledX + "px";
		document.getElementById('pop_overlay').style.top = scrolledY + "px";
		document.getElementById('pop_overlay').style.width = centerX;
		document.getElementById('pop_overlay').style.height = centerY;
  }
  else
  {	
            document.getElementById('pop_overlay').style.display='none';
            document.getElementById('pop_container').style.display='none';
            document.getElementById('pop_inner').style.display='none';
  };
  
  document.getElementById('url').focus();
  setCaretToPos(document.getElementById('url'),7);
	
  return false;
}

function setImg(textObjName){
	var textObj = document.getElementById(textObjName);
	document.getElementById("pop_overlay").style.display="none";
	document.getElementById('pop_container').style.display='none';
    document.getElementById('pop_inner').style.display='none';
	var img = document.getElementById("url").value;
	//replaceSelection(textObj,'[img]'+img+'[/img]');
	insertAtCaret(textObj,'[img]'+img+'[/img]');
}
function setURL(textObjName){
	var textObj = document.getElementById(textObjName);
	document.getElementById("pop_overlay").style.display="none";
	document.getElementById('pop_container').style.display='none';
    document.getElementById('pop_inner').style.display='none';
	var url = document.getElementById("url").value;
	var txt = document.getElementById("linkText").value;
	if (url == '') return
	if (txt == '') txt = url;
	
	insertAtCaret(textObj,'[url=' + url + ']'+txt+'[/url]');
	
}
function setYouTube(textObjName){
	var textObj = document.getElementById(textObjName);
	document.getElementById("pop_overlay").style.display="none";
	document.getElementById('pop_container').style.display='none';
    document.getElementById('pop_inner').style.display='none';
	var img = document.getElementById("url").value;
	insertAtCaret(textObj,'[youtube]'+img+'[/youtube]');
   
}
function closeBox(){
	document.getElementById("pop_overlay").style.display="none";
	document.getElementById('pop_container').style.display='none';
    document.getElementById('pop_inner').style.display='none';
}
function ScrollPos(){
    var ScrollTop = document.body.scrollTop;

    if (ScrollTop == 0)
    {
        if (window.pageYOffset)
            ScrollTop = window.pageYOffset;
        else
            ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
    }
    return ScrollTop;
}
function DL_GetElementLeft(eElement)
{
    var nLeftPos = eElement.offsetLeft;          // initialize var to store calculations
    var eParElement = eElement.offsetParent;     // identify first offset parent element  
    while (eParElement != null)
    {                                            // move up through element hierarchy
        nLeftPos += eParElement.offsetLeft;      // appending left offset of each parent
        eParElement = eParElement.offsetParent;  // until no more offset parents exist
    }
    return nLeftPos;                             // return the number calculated
}

function DL_GetElementTop(eElement)
{
    var nTopPos = eElement.offsetTop;            // initialize var to store calculations
    var eParElement = eElement.offsetParent;     // identify first offset parent element  
    while (eParElement != null)
    {                                            // move up through element hierarchy
        nTopPos += eParElement.offsetTop;        // appending top offset of each parent
        eParElement = eParElement.offsetParent;  // until no more offset parents exist
    }
    return nTopPos;                              // return the number calculated
}

init();