function $() {
  var elements = new Array();

  for (var i = 0; i < arguments.length; i++) {
    var element = arguments[i];
    if (typeof element == 'string')
      element = document.getElementById(element);

    if (arguments.length == 1)
      return element;

    elements.push(element);
  }

  return elements;
}

function selectSegment()
{
	var element = $('segments');
	var id = '';
	var selectedindex = element.selectedIndex;	

	if (element.options[selectedindex].value =='') 
		return;

	var anchor = 'preview_' + element.options[selectedindex].value;

	for (i=0; i<  element.options.length; i++)
	{
		id = 'preview_' + element.options[i].value;
		if ($(id))
		{
			if (i == selectedindex)
				$(id).style.border = '#F00 dashed 1px';
			else	
				$(id).style.border = '';
		} else if (i == selectedindex){
			var segment = element.options[i].innerHTML;
			var elvalue = '';
			var el = null;
			if (segment.match("title"))
			{
				el = document.getElementsByTagName("title");
				elvalue = el[0].text; 
			}
			else if (segment.match("keyword"))
			{
				el = document.getElementsByTagName("meta");	
				for(j=0;j<el.length;j++){
					if (el[j].getAttribute("name") == 'keywords')
					{
						elvalue = el[j].getAttribute("content");
						break;
					}
				}
			}
			else if (segment.match("description"))	
			{
				el = document.getElementsByTagName("meta");
				for(j=0;j<el.length;j++){
					if (el[j].getAttribute("name") == 'description')
					{
						elvalue = el[j].getAttribute("content"); 
						break;
					}
				}
			}
			alert(element.options[i].innerHTML + ' is a hidden element. Following is the content for that segment:\n\n' + elvalue);
		}
	}
	window.location.hash = anchor;
}

function editContent(id)
{
	var url = window.location + ''; //make it a string
	var matches = url.match(/\/\/([^\/]*)\.[^\.\/]+\.[^\.\/]+/);
	var server = matches[1];

	// on production we don t want anything
	if (server == 'www')
		server = '';
		
	if (server != '')
		server =  server + '.';
	window.open( 'https://etools.' + server + 'allstardirectories.com/tools/editorial/ceplus/edit/' + id);
}
	
function enableTooltips(id){
	var links,i,h;
	if(!document.getElementById || !document.getElementsByTagName) return;
	h=document.createElement("div");
	h.id="btc";	
	h.setAttribute("id","btc");
	h.style.position="absolute";
	h.style.zIndex = 100;
	document.getElementsByTagName("body")[0].appendChild(h);
	if(id==null) 
		links=document.getElementsByTagName("div");
	else 
		links=document.getElementById(id).getElementsByTagName("div");

	for(i=0;i<links.length;i++){
	    Prepare(links[i]);
	}
}

function Prepare(el){
	var tooltip,t,b,s,l;
	t=el.getAttribute("title");
	if(t==null || t.length==0) return;
	el.removeAttribute("title");	
	tooltip=CreateEl("span","tooltip");
	s=CreateEl("b","top");
	txtAr = t.split(":");
	s.appendChild(document.createTextNode("Site:" + txtAr[0] ));
	tooltip.appendChild(s);
	b=CreateEl("b","bottom");
	b.appendChild(document.createTextNode("Segment:" + txtAr[1]));
	tooltip.appendChild(b);

	el.tooltip=tooltip;
	el.onmouseover=showTooltip;
	el.onmouseout=hideTooltip;
	el.onmousemove=Locate;
}

function showTooltip(e){
	document.getElementById("btc").appendChild(this.tooltip);
	this.className = 'borderdashed'
	var id = this.id.replace("preview_", '');

	txtAr = id.split(":");
	$('preview-details').innerHTML = "<p>Site: " + txtAr[0] + "<br/>Segment: " + txtAr[1] 
					+ "<span id=\"editbutton\"><a style=\"cursor: pointer !important; color:#fff\" href=\"javascript:editContent(" + txtAr[2] + ")\">edit</a><span></p>"
	Locate(e);
}

function hideTooltip(e){
	var d=document.getElementById("btc");
	this.className = ''
	if(d.childNodes.length>0) d.removeChild(d.firstChild);
}

function CreateEl(t,c){
	var x=document.createElement(t);
	x.className=c;
	x.style.display="block";
	return(x);
}

function Locate(e){
	var posx=0,posy=0;
	if(e==null) e=window.event;
	if(e.pageX || e.pageY){
	    posx=e.pageX; posy=e.pageY;
	    }
	else if(e.clientX || e.clientY){
	    if(document.documentElement.scrollTop){
	        posx=e.clientX+document.documentElement.scrollLeft;
        	posy=e.clientY+document.documentElement.scrollTop;
        }
    else{
        	posx=e.clientX+document.body.scrollLeft;
        	posy=e.clientY+document.body.scrollTop;
        }
    }
	document.getElementById("btc").style.top=(posy+10)+"px";
	document.getElementById("btc").style.left=(posx-20)+"px";
}