// JavaScript Document
var inputcount;
function create_new_link(element_id)
{
	
	inputcount ++;
	var element = window.document.getElementById(element_id);
	
	
	var hr = window.document.createElement("hr");
	hr.className = "links_hr";
	element.insertBefore(hr, element.getElementsByTagName("hr").item(element.getElementsByTagName("hr").length-1));
	

	var pos = "Position " + inputcount + " ";
	element.insertBefore(generateLinksTitle(pos, "1.2em"), element.getElementsByTagName("hr").item(element.getElementsByTagName("hr").length-1));
	
	element.insertBefore(generateLinksTitle("Header", ".9em"), element.getElementsByTagName("hr").item(element.getElementsByTagName("hr").length-1));
	
	var p =  generateLinks("head");
	element.insertBefore(p, element.getElementsByTagName("hr").item(element.getElementsByTagName("hr").length-1));
	
	element.insertBefore(generateLinksTitle("Description", ".9em"), element.getElementsByTagName("hr").item(element.getElementsByTagName("hr").length-1));
	var p =  generateLinks("cont");
	element.insertBefore(p, element.getElementsByTagName("hr").item(element.getElementsByTagName("hr").length-1));
	
	
	element.insertBefore(generateLinksTitle("URL To Website", ".9em"), element.getElementsByTagName("hr").item(element.getElementsByTagName("hr").length-1));
	var p =  generateLinks("linkurl");
	element.insertBefore(p, element.getElementsByTagName("hr").item(element.getElementsByTagName("hr").length-1));
	
	output_count();
	
	
	
}
function generateLinks(id)
{
	var p = window.document.createElement("p");
	p.className ="linksIn";
	var input = window.document.createElement("input");
	input.name =  id + inputcount;
	input.className = "linksIn";
	input.setAttribute("type", "text");
	//input.name = name;
	//input.value = value;
	p.appendChild(input);

return p;
}
function generateLinksTitle(txt , size)
{
	var p = window.document.createElement("p");
	p.innerHTML = txt;
	p.style.fontSize = size;
	
	return p;
	
}
function create_new_slider_div(element_id, names)
{
	inputcount ++;
	var el = window.document.getElementById(element_id);
	var div = window.document.createElement("div");
	div.className = "slider_form";
	div.id = "div" + inputcount;
	
	var p1 = window.document.createElement("p");
	div.appendChild(p1);
	p1.innerHTML = "Phrase ";
	var input = window.document.createElement("input");
	input.className = "input_box";
	input.type = "text";
	input.name = "head" + inputcount;
	p1.appendChild(input);

	var p2 = window.document.createElement("p");
	div.appendChild(p2);
	var sel = window.document.createElement("select");
	sel.name = "sel" + inputcount;
	sel.text = "text";
	sel.id = "sel" + inputcount;
	sel.className = "inputBox";
	sel.style.width = "160px";
	sel.style.height = "25px";
	for(i=0; i < names.length; i++)
	{
		opt = window.document.createElement("option");
		opt.value = url_names[i];
		opt.innerHTML = url_names[i];
		sel.appendChild(opt);
		
	}
	p2.appendChild(sel);
	var p3 = window.document.createElement("p");
	div.appendChild(p3);
	var file = window.document.createElement("input");
	file.type = "file";
	 file.name = "fil" + inputcount;
	 p3.appendChild(file);
	var remove_b = "&nbsp;&nbsp;<strong style=\"text-decoration:underline; cursor:pointer; font-size:10px; line-height:10px; margin-left:5px;\"";
	remove_b += " onclick=\"remove_div('div" +inputcount+  "')\" >remove position</strong>";
	div.innerHTML += remove_b;
	el.appendChild(div);
	output_count();
	
	
	
}
function remove_div(id)
{
	if(inputcount >3)
	{
	var element = window.document.getElementById("all_sliders");
	element.removeChild(window.document.getElementById(id));
	inputcount -=1;
	output_count();
	}
	else
	{
		alert("At least three positions are needed for the slider.");
	}
}
function create_new_input(element_id, url_names)
{
	if(inputcount <9)
	{
	inputcount ++;
	var element = window.document.getElementById(element_id);
	var p = window.document.createElement("p");
	p.id = "lk" + inputcount;
	var em = window.document.createElement("em");
	em.innerHTML = inputcount + "&nbsp;";
	p.appendChild(em);
	var input = window.document.createElement("input");
	input.id = "in" + inputcount;
	input.name = "in" + inputcount;
	input.className = "inputBox";
	input.setAttribute("type", "text");
	//input.name = name;
	//input.value = value;
	p.appendChild(input);
	p.innerHTML += "&nbsp;";
	var sel = window.document.createElement("select");
	sel.name = "sel" + inputcount;
	sel.text = "text";
	sel.id = "sel" + inputcount;
	sel.className = "inputBox";
	sel.style.width = "150px";
	sel.style.height = "25px";
	var opt;
	for(i=0; i < url_names.length; i++)
	{
		opt = window.document.createElement("option");
		opt.value = url_names[i];
		opt.innerHTML = url_names[i];
		sel.appendChild(opt);
		
	}
	opt = window.document.createElement("option");
	opt.innerHTML = "none";
	sel.appendChild(opt);
	p.appendChild(sel);
	var remove_b = "&nbsp;&nbsp;<strong style=\"text-decoration:underline; cursor:pointer; font-size:10px; line-height:10px;\"";
	remove_b += " onclick=\"remove_element('" + p.id +  "')\" >remove position</strong>";
	p.innerHTML += remove_b;
	element.insertBefore(p, element.getElementsByTagName("p").item(element.getElementsByTagName("p").length-3));
	output_count();
	}
	else
	{
		alert("Maximum up to 9 positions!");
	}
}
function remove_element(id)
{
	var element = window.document.getElementById("admin_form_clear_left");
	element.removeChild(window.document.getElementById(id));
	inputcount -=1;
	var resets = 0;
	output_count();
	for(i=0; i < element.getElementsByTagName("p").length; i++)
	{
		if(element.getElementsByTagName("p").item(i).getElementsByTagName("em").length > 0)
		{
			resets ++;
			element.getElementsByTagName("p").item(i).getElementsByTagName("em").item(0).innerHTML = resets + "&nbsp;";
			element.getElementsByTagName("p").item(i).getElementsByTagName("input").item(0).id = "in" + resets;
			element.getElementsByTagName("p").item(i).getElementsByTagName("input").item(0).name= "in" + resets;
			element.getElementsByTagName("p").item(i).getElementsByTagName("select").item(0).id = "sel" + resets;
			element.getElementsByTagName("p").item(i).getElementsByTagName("select").item(0).name= "sel" + resets;
			element.getElementsByTagName("p").item(i).id = "lk" + resets;
			element.getElementsByTagName("p").item(i).name = "lk" + resets;
		
			var strong = element.getElementsByTagName("p").item(i).getElementsByTagName("strong").item(0);
			element.getElementsByTagName("p").item(i).removeChild(strong);
			new_strong = window.document.createElement("strong");
			element.getElementsByTagName("p").item(i).appendChild(new_strong);
			new_strong.style.textDecoration = "underline";
			new_strong.style.cursor = "pointer";
			new_strong.style.fontSize = "10px";
			new_strong.style.lineHeight = "10px";
			new_strong.id = "strong" + resets;
			new_strong.addEventListener("click", function(){addListener(this); }, false);
			new_strong.innerHTML = "remove position";
			
		}
	 
	}

}
function output_count()
{
	var output_count = window.document.getElementById("count");
	output_count.value = inputcount;
}
function addListener(el)
{
	remove_element(el.parentNode.id);
	
}

function position_slider()
{
var main_paragraph = window.document.getElementById("main_paragraph");
var slider = window.document.getElementById("slider");
var info= window.document.getElementById("info_box");
var offsetParagraph = main_paragraph.offsetTop + main_paragraph.offsetHeight;

if(main_paragraph.offsetHeight < 200 && main_paragraph !=null)
{
	slider.style.marginTop =  (info.offsetTop - offsetParagraph)  + info.offsetHeight/4 + "px";
	
}
}
function create_container()
{
	var main = window.document.getElementsByTagName("body").item(0);
	var mask = window.document.createElement("div");
	main.insertBefore(mask, main.firstChild);
	mask.id = "filter";
	mask.style.top = "0px";
	mask.style.position = "absolute";
	mask.style.zIndex = "110";
	mask.style.width = main.offsetWidth + "px";
	mask.style.height = main.offsetHeight * 3 + "px";
	mask.style.textAlign = "center";
	mask.style.left = "0px";
	var cont = window.document.createElement("div");
	cont.style.width = "800px";
	cont.style.margin = "0px auto";
	cont.style.paddingBottom = "30px";
	mask.appendChild(cont);
	cont.style.marginTop = main.offsetHeight /2 - cont.offsetHeight/2  +"px";
	
	return cont;
}
function create_close_button()
{
	var close_butt = window.document.createElement("p");
	close_butt.innerHTML = "close";
	close_butt.style.color = "#ff0000";
	close_butt.style.width = "100%";
	close_butt.style.paddingRight = "40px";
	close_butt.style.textAlign = "right";
	close_butt.style.cursor = "pointer";
	close_butt.style.fontSize = "12px";
	return close_butt;
}
function create_txt(name, value, cols, rows)
{
	var textArea = window.document.createElement("textarea");
	textArea.setAttribute("cols", cols);
	textArea.id = name;
	textArea.setAttribute("rows", rows);
	textArea.value = value;
	textArea.style.padding = "5px";
	textArea.style.width = "100%";
	return textArea;
}
function create_save_button()
{
		var save_butt = window.document.createElement("p");
	save_butt.innerHTML = "save";
	save_butt.style.color = "#00ff00";
	save_butt.style.width = "100%";
	save_butt.style.paddingRight = "40px";
	save_butt.style.textAlign = "right";
	save_butt.style.cursor = "pointer";
	save_butt.style.fontSize = "12px";
	return save_butt;
}
function update_the_content(text_area)
{
	var cont =  create_container();
	var close_butt = create_close_button();
	cont.appendChild(close_butt);
	
	var element = window.document.getElementById(text_area);
	var new_txt = create_txt("new_content", element.value, "90", "20");
	cont.appendChild(new_txt);
	var save_butt = create_save_button();
	cont.appendChild(save_butt);
	if(window.document.addEventListener)
	{

	close_butt.addEventListener("click", function()
												  {
												  window.document.getElementsByTagName("body").item(0).removeChild(window.document.getElementById("filter"));
												  
												  }, false);
	
	save_butt.addEventListener("click", function(){
												  var cn_text = window.document.getElementById("new_content");
												  window.document.getElementById("content").value = cn_text.value;
												  window.document.getElementsByTagName("body").item(0).removeChild(window.document.getElementById("filter"));
												  
												  }, false);
	}
	else if(window.document.attachEvent)
	{
		close_butt.attachEvent("onclick", function(){
												
												  window.document.getElementsByTagName("body").item(0).removeChild(window.document.getElementById("filter"));
												  
												  }, false);
	
	save_butt.attachEvent("onclick", function(){
												  var cn_text = window.document.getElementById("new_content");
												  window.document.getElementById("content").value = cn_text.value;
												  window.document.getElementsByTagName("body").item(0).removeChild(window.document.getElementById("filter"));
												  
												  }, false);
		
	}
	
}
function update_meta(t, d, k)
{
	var title = window.document.getElementById(t);
	var description = window.document.getElementById(d);
	var keywords = window.document.getElementById(k);
	
	var container = create_container();
	var close_butt = create_close_button();
	container.appendChild(close_butt);
	var list = {"Title" : title.value, "Description" : description.value, "Keywords" : keywords.value};
	var metas = new Array();
	
	for(var i in list)
	{
		var p = window.document.createElement("p");
		p.style.width = "300px";
		p.style.color ="#ffffff";
		p.style.textAlign = "left";
		p.style.fontWeight = "normal";
		
		p.innerHTML = i;
		container.appendChild(p);
		var area = create_txt("area" + i, list[i], "90","2");
		area.style.marginBottom = "10px";
		metas.push(area);
		container.appendChild(area);
	}
	var save_butt = create_save_button();
	container.appendChild(save_butt);
	if(window.document.addEventListener)
	{
	close_butt.addEventListener("click", function(){
												 
												  window.document.getElementsByTagName("body").item(0).removeChild(window.document.getElementById("filter"));
												  
												  }, false);
	save_butt.addEventListener("click", function(){
												 var meta_conts = new Array(title, description, keywords);
												     for(i=0; i <metas.length; i++)
													 {
														 meta_conts[i].value = metas[i].value;
													 }
													 window.document.getElementsByTagName("body").item(0).removeChild(window.document.getElementById("filter"));
													 
												  
												  
												  }, false);
	}
	else if(window.document.attachEvent)
	{
		close_butt.attachEvent("onclick", function(){
												 
												  window.document.getElementsByTagName("body").item(0).removeChild(window.document.getElementById("filter"));
												  
												  }, false);
	save_butt.attachEvent("onclick", function(){
												 var meta_conts = new Array(title, description, keywords);
												     for(i=0; i <metas.length; i++)
													 {
														 meta_conts[i].value = metas[i].value;
													 }
													 window.document.getElementsByTagName("body").item(0).removeChild(window.document.getElementById("filter"));
													 
												  
												  
												  }, false);
	}
	
}
function showHotLink(id, isFirst) 
{


   var element = window.document.getElementById(id);
   element.style.visibility = "visible";
   element.onmouseover = function(){element.style.visibility = "visible"};
   element.onmouseout = function(){hideLink(id)};
   element.parentNode.onmouseout = function(){hideLink(id)};
   if(isFirst=="true")
   {
   element.style.marginLeft = element.parentNode.getElementsByTagName("a").item(0).offsetWidth/2 - element.offsetWidth/2 + "px";
   }
   else
   {
	   element.style.marginLeft = element.parentNode.getElementsByTagName("a").item(0).offsetWidth+7  + "px";
	    element.style.marginTop = -28 + "px";
   }



}
function hideLink(id) {
    var element = window.document.getElementById(id);
    element.style.visibility = "hidden";
}