// JavaScript Document

var Feed = Class.create();
Feed.prototype = {
	state: "close",
	initialize: function(){
		var Body = document.getElementsByTagName("body").item(0); //recupere le premier noeud de la page
		
		var encart = document.createElement("div");  
		encart.setAttribute('id','encart');
		Body.appendChild(encart);
		
		encart.onmouseover = function(){ feed.deploy() };
		encart.onmouseout = function(){ feed.reploy() };
		encart.onclick = function(){ feed.show() };
		
		encart.innerHTML = '[ i ]';
	},
	
	deploy: function(){
		if(this.state == 'close'){ $('encart').innerHTML = '[ Votre avis nous intéresse i ]'; $('encart').style.width = "200px"; }
	},
	
	reploy: function(){
		if(this.state == 'close'){
			$('encart').innerHTML = '[ i ]';
			$('encart').style.height = "auto";
			$('encart').style.width = "auto";
			$('encart').style.backgroundColor = "";
			$('encart').style.border = "";
		}
	},
	
	show: function(){
		if(this.state == 'close'){
			this.state = 'open';
			$('encart').style.backgroundColor = "#FFFFFF";
			$('encart').style.border = "1px solid #000000";
			$('encart').style.width = "200px";
			$('encart').style.height = "250px";
			var text_sel = '<select id="note" name="note"><option value="-"> -- </option>';
			for(var i=1;i <= 10;i++){
				text_sel+='<option value="'+i+'">'+i+'</option>';
			}
			text_sel+='</select>'
			//<tr><td colspan="2"> Note : '+text_sel+'/10 </td></tr>
			$('encart').innerHTML = '<table style="text-align:center"><tr><td style="text-align:right"><a href="javascript:feed.hide()"> Fermer </a></td></tr><tr><td >Faites nous part de vos remarques sur cette page :</td></tr><tr><td colspan="2"> Note Globale : '+text_sel+'/10 </td></tr><tr><td><textarea name="feedback" rows="4" id="feedback"></textarea></tr><tr><td><a href="javascript:feed.send_info()"> Envoyer </a></td></tr></table>';
		}
	},
	
	hide:function(){
		this.state = 'close';
		this.reploy();
	},
	
	send_info:function(){
		url = "PHP/feed.php";
		param = "text="+$('feedback').value+"&location="+document.location+"&note="+$('note').value;
		var send_info = new Ajax.Request(url,
											  {method:'post',
											   parameters: param, 
											   onComplete: function(){feed.complete()} 
											   });
	},
	
	complete:function(){
		date=new Date;
		date.setDate(date.getDate()+1);
		EcrireCookie("voted", true, date, null,null);
		$('encart').innerHTML = '<table style="height:100%;width:100%;text-align:center;"><tr><td> Vos remarques <br> ont bien &eacute;t&eacute; enregistr&eacute;es, <br> merci de votre participation <br> <a href="javascript:feed.end()"> Fermer </a> </td></tr></table>';
	},
	
	end: function(){
		Element.hide('encart');
	}
}

function EcrireCookie(nom, valeur)
{
var argv=EcrireCookie.arguments;
var argc=EcrireCookie.arguments.length;
var expires=(argc > 2) ? argv[2] : null;
var path=(argc > 3) ? argv[3] : null;
var domain=(argc > 4) ? argv[4] : null;
var secure=(argc > 5) ? argv[5] : false;
document.cookie=nom+"="+escape(valeur)+
((expires==null) ? "" : ("; expires="+expires.toGMTString()))+
((path==null) ? "" : ("; path="+path))+
((domain==null) ? "" : ("; domain="+domain))+
((secure==true) ? "; secure" : "");
}
function getCookieVal(offset)
{
var endstr=document.cookie.indexOf (";", offset);
if (endstr==-1) endstr=document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function LireCookie(nom)
{
var arg=nom+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while (i<clen)
{
var j=i+alen;
if (document.cookie.substring(i, j)==arg) return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if (i==0) break;

}
return null;
}

//pas oublier de virer le CSS dans menu 

	function fixed_top(select,offS){
		return Number(offS+document.documentElement.scrollTop+document.body.scrollTop)+'px';
	}
	function fixed_left(select,offS){
		return Number(offS+document.documentElement.scrollLeft+document.body.scrollLeft)+'px';
	}
	function fixed_bottom(select,offS){
		return Number(-offS+document.documentElement.clientHeight-select.offsetHeight+document.documentElement.scrollTop+document.body.scrollTop)+'px';
	}
	function fixed_right(select,offS){
		return Number(-offS+document.documentElement.clientWidth-select.offsetWidth+document.documentElement.scrollLeft+document.body.scrollLeft)+'px';
	}

function launch(){
	feed = new Feed()
}

Event.observe(window, 'load', launch);