window.onload = function(){
	setDiv();
};
function setDiv(){
	var newdiv = document.createElement('div');
	var divIdName = 'feedback';
	newdiv.setAttribute('id',divIdName); 
	newdiv.style.position = "absolute";
	newdiv.style.left=(document.documentElement.clientWidth-40)+"px";
	var a = document.createElement('a');
	a.href="javascript:setFormFeedBack();";
	a.title = "Feedback";

	var img = document.createElement('img');
	img.src="http://www.samuray.net.ec/images/feedback.png";
	img.border = "0";
	
	a.appendChild(img);
	newdiv.appendChild(a);
	document.body.appendChild(newdiv);
	setInterval('staticMove_feedback("'+divIdName+'")',100);
};
function staticMove_feedback(divIdName){
	var heightViewport;
	if (typeof window.innerWidth != 'undefined'){
        heightViewport= window.innerHeight;
    }else if(typeof document.documentElement != 'undefined' && document.documentElement.clientWidth != 0){
        heightViewport=document.documentElement.clientHeight;
    }else{
        heightViewport=document.getElementsByTagName('body')[0].clientHeight;
    }
	var skrol = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
	var posy = heightViewport + skrol - document.getElementById(divIdName).offsetHeight;
	document.getElementById(divIdName).style.top = (posy - 25) + 'px';
	document.getElementById(divIdName).style.left=(document.documentElement.clientWidth-40)+"px";
};
var objetosSwfWidth = new Array();
var objetosSwfHeight = new Array();
function chaoSwfFiles_feedback(){
	for (var i=0;i<document.getElementsByTagName('object').length;i++){
		objetosSwfWidth[i]=document.getElementsByTagName('object')[i].width;
		objetosSwfHeight[i]=document.getElementsByTagName('object')[i].height;
		document.getElementsByTagName('object')[i].width="0%";
		document.getElementsByTagName('object')[i].height="0%";
	}
}
function helloSwfFiles_feedback(){
	for (var i=0;i<document.getElementsByTagName('object').length;i++){
		document.getElementsByTagName('object')[i].width = objetosSwfWidth[i];
		document.getElementsByTagName('object')[i].height = objetosSwfHeight[i];
	}
	for (var i=0;i<objetosSwfWidth.length;i++){ objetosSwfWidth.pop(); objetosSwfHeight.pop(); }
}
var domy;
function setFormFeedBack(){
	chaoSwfFiles_feedback();
	var fondo = document.createElement('div'); 
	fondo.setAttribute('id','fondoFeedback'); 
	fondo.style.backgroundImage = "url(http://www.samuray.net.ec/images/feedback_fondo.png)"; 
	fondo.style.position = "absolute"; 
	fondo.style.width = "100%";
	var alto = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight +"px" : '100%';
	fondo.style.height = alto; 
	fondo.style.top = "0px"; 
	fondo.style.left = "0px";
	fondo.style.verticalAlign = "middle"; 
	fondo.align = "center";
	  
	var ventana = document.createElement('div'); 
	ventana.style.width = "550px";
	ventana.style.height= "350px";
	ventana.style.margin = "80px auto"; 
	ventana.style.border = "solid 5px #000000";
	ventana.style.backgroundColor = "#FFFFFF";
	ventana.style.textAlign = "left";
	ventana.style.fontFamily = "Verdana";
       
	var barraTitulo = document.createElement('div'); 
	barraTitulo.style.backgroundColor = "#000000";
	barraTitulo.style.width = "100%";
	barraTitulo.style.cssFloat = 'left';
	barraTitulo.style.styleFloat = 'left';
	barraTitulo.style.color = "#FFFFFF";
	barraTitulo.style.fontSize = "16px"; 
	barraTitulo.style.fontWeight = "bold";
	barraTitulo.style.padding = "2px";
	barraTitulo.innerHTML = "FeedBack"; 
       
    var contenido = document.createElement('div');
	contenido.setAttribute('id','feedback_content'); 
    contenido.style.padding = "5px";
	contenido.style.fontSize = "12px";
    contenido.innerHTML = "Si tiene alguna sugerencia sobre c&oacute;mo podr&iacute;amos mejorar la p&aacute;gina, o si tiene alg&uacute;n problema y le ha surgido un error en la p&aacute;gina, por favor envienos sus comentarios.<br/><br/>Si le sali&oacute; un error tambi&eacute;n nos puede enviar una imagen <i>(print screen)</i> del error para mayor referencia y solucionar su problema m&aacute;s r&aacute;pidamente.";
	
	var formu = document.createElement("form");
	formu.action = "http://www.samuray.net.ec/sendFeedBacks.php?email="+_feedbackTo;
	formu.target = "iframeUpload";
	formu.name = "feedback_form";
	formu.method= "post";
	formu.enctype = "multipart/form-data";
	formu.style.margin = "10px 0";
	formu.style.padding= "0";
	formu.onsubmit = function(){
		if(document.getElementById('comment').value=='') alert('Debe ingrese su sugerencia');
		else{ domy = setInterval("testForUpdate()",1000); return true; }
		return false;
	} 
	var p1 = document.createElement('p');
	p1.style.height = "16px";
	p1.style.paddin = "0";
	p1.style.margin = "0";
	
	var email_label = document.createElement("label");
	email_label.style.fontWeight = "bold";
	email_label.style.margin = "5px";
	email_label.style.color = "#333333";
	email_label.style.cssFloat = 'left';
	email_label.style.styleFloat = 'left';
	email_label.style.fontSize = "10px";
	email_label.style.cursor = "pointer";
	
    var email_txt = document.createTextNode("E-mail:");
    email_label.appendChild(email_txt);
    p1.appendChild(email_label);
	
	var email = document.createElement('input');
	email.setAttribute('id','email'); 
	email.name="email";
	email.type="text";
	email.style.width = "200px";
	email.style.fontFamily="Verdana";
	email.style.fontSize = "11px";
	email.style.border = "#DDD solid 1px";
	email.style.margin = "3px 0 0 5px";
	email.style.padding = "1px";
	email.style.cssFloat = 'none';
	email.style.styleFloat = 'none';
	email.style.clear = 'both';
	email.style.color = '#666';
	email.style.backgroundColor = "#FFFFFF";
	p1.appendChild(email);
	formu.appendChild(p1);
	
	var p2 = document.createElement('p');
	p2.style.padding = "0";
	p2.style.margin = "0";
	
	var comment_label = document.createElement("label");
	comment_label.style.fontWeight = "bold";
	comment_label.style.margin = "5px 0 3px 5px";
	comment_label.style.color = "#333333";
	comment_label.style.clear = 'both';
	comment_label.style.fontSize = "10px";
	comment_label.style.cursor = "pointer";
	comment_label.style.cssFloat = 'left';
	comment_label.style.styleFloat = 'left';
	
    var comment_txt = document.createTextNode("Sugerencia:");
    comment_label.appendChild(comment_txt);
    p2.appendChild(comment_label);
	formu.appendChild(p2);
	
	var comment = document.createElement('textarea');
	comment.setAttribute('id','comment'); 
	comment.name="comment";
	comment.style.margin = "5px";
	comment.style.width = "528px";
	comment.style.height = "155px";
	comment.style.clear = 'both';
	comment.style.fontFamily="Verdana";
	comment.style.fontSize = "12px";
	comment.style.border = "#DDD solid 1px";
	comment.style.padding = "1px";
	comment.style.color = '#666';
	comment.style.backgroundColor = "#FFFFFF";
	formu.appendChild(comment);
	
	var file_label = document.createElement("label");
	file_label.style.fontWeight = "bold";
	file_label.style.margin = "5px";
	file_label.style.color = "#333333";
	file_label.style.cssFloat = 'left';
	file_label.styleFloat = 'left';
	file_label.style.fontSize = "10px";
	file_label.style.cursor = "pointer";
	
    var file_txt = document.createTextNode("Imagen:");
    file_label.appendChild(file_txt);
    formu.appendChild(file_label);
	
	var file = document.createElement('input');
	file.type = "file";
	file.name = "prntscrn";
	file.style.border = "#DDD solid 1px";
	file.style.fontSize="10px";
	file.style.margin = "3px 0";
	file.style.cssFloat = 'left';
	file.styleFloat = 'left';
	file.style.cursor = "pointer";
	file.style.width = "150px";
	file.style.height = "auto";
	formu.appendChild(file);
	
	var iframe = document.createElement('iframe');
	iframe.setAttribute('id','iframeFeedback'); 
	iframe.name = "iframeUpload";
	iframe.style.width = "175px";
	iframe.style.height= "16px";
	iframe.style.border= "none";
	iframe.style.margin= "6px 0 6px 30px";
	iframe.style.cssFloat = 'left';
	iframe.styleFloat = 'left';
	var test = document.createTextNode("test");
	iframe.appendChild(test);
	formu.appendChild(iframe);
	
	var asunto = document.createElement('input');
	asunto.name = "asunto";
	asunto.type = "hidden";
	asunto.value= "Feedback - "+window.location.hostname;
	formu.appendChild(asunto);
	
	var Submit = document.createElement('button');
	Submit.name="Submit";
	Submit.type="submit";
	Submit.setAttribute('class','button-primary');
	Submit.style.cssFloat = 'right';
	Submit.styleFloat = 'right';
	Submit.style.margin = "2px 4px";
	Submit.style.fontSize="11px";
	Submit.style.padding="2px 10px";
	Submit.style.cursor = "pointer";
	Submit.style.fontFamily="Verdana";
	var Submit_txt = document.createTextNode("Enviar");
	Submit.appendChild(Submit_txt);
	formu.appendChild(Submit);
	
	contenido.appendChild(formu);
       
    var cerrar = document.createElement('div');
	cerrar.style.position = "absolute";
    cerrar.style.margin = "-15px 0 0 540px";
	cerrar.style.width = "30px";
	cerrar.style.height= "30px";

	var closelink = document.createElement('a');
	closelink.href="javascript:cerrarFeedback();";
	closelink.title ="Cerrar";
	
	var closebox = document.createElement('img'); 
	closebox.src = "http://www.samuray.net.ec/images/closebox.png";
	closebox.border = "0";
	
	closelink.appendChild (closebox);
	cerrar.appendChild (closelink);
	
	ventana.appendChild (cerrar);
	ventana.appendChild (barraTitulo); 
    ventana.appendChild (contenido);    
	fondo.appendChild (ventana); 
	document.body.appendChild(fondo);
	window.scrollTo(0,0);
	document.body.style.overflow = 'hidden';
	document.body.scroll="no";
};
function cerrarFeedback(){
	var fondo = document.getElementById('fondoFeedback');
   	document.body.removeChild(fondo);
	document.body.style.overflow = 'auto';
	document.body.scroll=true;
	helloSwfFiles_feedback();
};
function testForUpdate(){
	if (document.getElementById('iframeFeedback').innerHTML!=''){
		clearInterval(domy);
		setTimeout("cerrarFeedback()", 3000);
	}
}