var myRater = 
{
	myUpIntervall:null,
	myLeftIntervall:null,
	
	
	init:function()
	{
		menu.init();
		myRater.createDivNode();
	},
//===============================
//	windowSize
//===============================
	windowSize:function()
	{
		
	},


//===============================
//	createDivNode
//===============================
	createDivNode:function()
	{
		var divNode = document.createElement("div");
		divNode.id = "resizer";
		divNode.style.height = 30 + "px";			//ändra iconen storlek, margin
		divNode.style.width = 155 + "px";
		
		//divNode.style.marginTop = 500 + "px";
		//divNode.style.marginLeft = 800 + "px";
		
		
		divNode.onclick = myRater.intervallSetter;
		divNode.style.cursor = "pointer";
		
		var bodyNode = document.getElementsByTagName("body")[0];
		bodyNode.appendChild(divNode);
	},
//===============================
//	intervallSetter
//===============================
	intervallSetter:function()
	{
		myRater.myUpIntervall = setInterval(myRater.myIntervallUp, 10);
		//myRater.myLeftIntervall = setInterval(myRater.myIntervallLeft, 10);
		var divNode = document.getElementById("resizer");
		divNode.id = "divNode";
		divNode.onclick = null;
		divNode.style.cursor = "default";

	},
//===============================
//	myIntervallUp
//===============================
	myIntervallUp:function()
	{
		var divNode = document.getElementById("divNode");
		var prevHeight = parseInt(divNode.style.height);
		var newHeight = prevHeight + 15;
		
		if (newHeight <= 200) 
		{
			divNode.style.height = newHeight + "px";
			var myMarg = parseInt(divNode.style.marginTop);
			myMarg = myMarg - 15;
			divNode.style.marginTop = myMarg + "px";
		}
		else
		{
			clearInterval(myRater.myUpIntervall);
			myRater.myLeftIntervall = setInterval(myRater.myIntervallLeft, 10);
		}
	},
//===============================
//	myIntervallLeft
//===============================
	myIntervallLeft:function()
	{
		var divNode = document.getElementById("divNode");
		var prevWidth = parseInt(divNode.style.width);
		var newWidth = prevWidth + 10;
		
		if (newWidth <= 300) 
		{
			divNode.style.width = newWidth + "px";
			
			var myLeftMargin = parseInt(divNode.style.marginLeft);
			myLeftMargin  = myLeftMargin - 10;
			divNode.style.marginLeft = myLeftMargin + "px";
		}
		else
		{
			clearInterval(myRater.myLeftIntervall);
			myRater.createContent();
		}
	},
//===============================
//	createContent
//===============================
	createContent:function()
	{
		var divNode = document.getElementById("divNode");
		var topDiv = document.createElement("div");
		topDiv.id = "topDivRater";
		topDiv.appendChild(myRater.closer());
		topDiv.appendChild(myRater.header());
		
		var contentDiv = document.createElement("div");
		contentDiv.id = "contentDivRater";
		contentDiv.appendChild(myRater.form());
		
		divNode.appendChild(topDiv);
		divNode.appendChild(contentDiv);
	},
//===============================
//	closer
//===============================
	closer:function()
	{
		var closerDiv = document.createElement("div");
		closerDiv.id = "closerDiv";
		closerDiv.onclick = myRater.removeAll;
		closerDiv.style.cursor = "pointer";
		return closerDiv;
	},
//===============================
//	removeAll
//===============================
	removeAll:function()
	{
		var divNode = document.getElementById("divNode");
		divNode.parentNode.removeChild(divNode);
		myRater.init();
	},
//===============================
//	header
//===============================
	header:function()
	{
		var text = document.createTextNode("Kommentar om sidan");
		return text;
	},
//===============================
//	form
//===============================
	form: function()
	{
		var formNode = document.createElement("form");
		formNode.style.marginLeft = 25 + "px";
		formNode.setAttribute("action", "");
		formNode.setAttribute("method", "post");
		formNode.onsubmit = function() { return false};
		
		var pNode = document.createElement("p");
		pNode.innerHTML = "<br />";
		//var inputText = document.createElement("input");
		//inputText.type = "textArea";
		var inputText = document.createElement("textarea");
               inputText.setAttribute("name","mytextarea");
               inputText.setAttribute("cols","10");
               inputText.setAttribute("rows","2");
             inputText.setAttribute("wrap","PHYSICAL");

		inputText.style.width = 250 + "px";
		inputText.style.height = 100 + "px";
		inputText.id = "textBox1";
		
	
		var submitBtn = document.createElement("input");
		submitBtn.value = "Skicka";
		submitBtn.id = "subber";
		submitBtn.type = "submit";
		submitBtn.onclick = myRater.changeState;
		
		formNode.appendChild(pNode);
		formNode.appendChild(inputText);
		formNode.innerHTML += "<br/>";
		formNode.innerHTML += "<br/>";
		formNode.appendChild(submitBtn);
		return formNode;
	},
//==============================================
//	changeState
//==============================================
	changeState:function()
	{
		var btn = document.getElementById("subber");
		btn.value = "Skickar...";
		btn.disabled = true;
		var container = document.getElementById("resizer");
		var url = document.getElementById("textBox1");
		ajaxCon.readData("contentDivRater", "../rater/sendcomment.php?text=" + url.value + "&ref=" + location.href);
		return false;
		
	}
	
}
window.onload = myRater.init;