// setTimeout holder for the loading dots (...)
var demLoading;

function checkFieldNotBlank(idName)
{
	var ok = false;
	
	var field = document.getElementById(idName);
	if (field != null)
	{
		if (field.value.length > 0)
		{
			ok = true;
		}
	}
	
	return ok;
}

function checkComboNotBlank(idName)
{
	var ok = false;
	
	var combo = document.getElementById(idName);
	if (combo != null)
	{
		if (combo.options[combo.selectedIndex].value != '')
		{
			ok = true;
		}
	}

	return ok;
}

function checkCheckboxChecked(idName)
{
	var ok = false;
	
	var checkbox = document.getElementById(idName);
	if (checkbox != null)
	{
		if (checkbox.checked)
		{
			ok = true;
		}
	}

	return ok;
}

function validateEmail(idName)
{
  var ok = false;

  var field = document.getElementById(idName);
  if (field != null)
  {
    var value = field.value;
    if (value != '')
    {
      var pattern = /^[^@]+@([-\w]+\.)+[A-Za-z]{2,4}$/;
      ok = pattern.test(value);
    }
  }

   return ok;
}

function checkPanasonicParameters()
{
	var ok = true;
	
	if (checkCheckboxChecked('panasonic_concursar'))
	{
		if (!checkComboNotBlank('panasonic_title'))
		{
			alert('Debe seleccionar un Tratamiento.');
			ok = false;
		}
		else if (!checkFieldNotBlank('panasonic_firstname'))
		{
			alert('Debe introducir un Nombre.');
			ok = false;
		}
		else if (!checkFieldNotBlank('panasonic_surname'))
		{
			alert('Debe introducir los Apellidos.');
			ok = false;
		}	
		else if (!checkComboNotBlank('panasonic_country'))
		{
			alert('Debe seleccionar un País.');
			ok = false;
		}	
		else if (!checkFieldNotBlank('panasonic_email'))
		{
			alert('Debe introducir un e-mail.');
			ok = false;
		}	
		else if (!validateEmail('panasonic_email'))
		{
			alert('La dirección de e-mail tiene un formato incorrecto.');
			ok = false;
		}
		else if (!checkComboNotBlank('panasonic_conocias'))
		{
			alert('Debe seleccionar si conocía la marca Lumix.');
			ok = false;
		}	
		else if (!checkComboNotBlank('panasonic_valoras'))
		{
			alert('Debe seleccionar una valoración de la cámara Lumix de Panasonic.');
			ok = false;
		}	
		else if (!checkCheckboxChecked('panasonic_pp'))
		{
			alert('Debe aceptar la Política de Protección de Datos Personales.');
			ok = false;
		}	
	}
	
	return ok;
}

function buildTextParameter(idName)
{
  var parameter = "";
  var field = document.getElementById(idName);
  if (field != null)
  {
    parameter = "&" + idName + "=" + encodeURIComponent(field.value);
  }
}

function buildComboParameter(idName)
{
  var parameter = "";
  var field = document.getElementById(idName);
  if (field != null)
  {
    parameter = "&" + idName + "=" + encodeURIComponent(field.options[field.selectedIndex].value);
  }
  
  return parameter;
}

function buildPanasonicParametersPath()
{
  var parameters = "";
  parameters += buildComboParamater('panasonic_title');
  parameters += buildTextParamater('panasonic_firstname');
  parameters += buildTextParamater('panasonic_surname');
  parameters += buildTextParamater('panasonic_poblacion');
  parameters += buildTextParamater('panasonic_codPostal');
  parameters += buildComboParamater('panasonic_dia');
  parameters += buildComboParamater('panasonic_mes');
  parameters += buildComboParamater('panasonic_anyo');
  parameters += buildComboParamater('panasonic_country');
  parameters += buildTextParamater('panasonic_email');
  parameters += buildTextParamater('panasonic_telefono');
  parameters += buildComboParamater('panasonic_conocias');
  parameters += buildComboParamater('panasonic_valoras');
  parameters += buildTextParamater('panasonic_pp');
  
  return parameters;
}

function dem_Vote(that)
{
	inpts = that.getElementsByTagName('input');
	user_added = false;
	ans = -1;
	theSubmit = false;
	for (i = 0; i < inpts.length; i++)
	{
		cur = inpts[i];
		if (cur.type == 'radio' && cur.checked)
		{
			ans = cur.value;
			if (ans == 'newAnswer')
			{
			    user_added = true;
                ans = inpts[i+1].value;
            }
        }
		if (cur.name == 'dem_poll_id')
			poll_id = cur.value;
			
        if (cur.name == 'dem_cookie_days')
            cdays = cur.value;

		if (cur.type == 'submit')
			theSubmit = cur;

	}	
	
	// they haven't checked a box or they added a blank answer
	if (ans == -1 || ans == '')
	{
		alert('No ha votado ninguna fotografía.');
		return false;
	}

	if (!checkPanasonicParameters())
	{
		return false;
	}

	demLoading = setTimeout(dem_loadingDots.bind(theSubmit), 50);

	path = that.action;
	
	if (user_added)
	{
	   path += "?dem_action=add_answer";
	   path += "&dem_new_answer="+encodeURIComponent(ans);
	   
	} else
	{
	   path += "?dem_action=vote";
	   path += "&dem_poll_"+poll_id+"="+ans;
    } 
    
	path += "&dem_poll_id="+poll_id;
	path += "&dem_ajax=true";

path += buildPanasonicParametersPath();
		
	dem_ajax.open("GET", path, true);
	dem_ajax.onreadystatechange = dem_displayVotes.bind(that);
	dem_ajax.send(null);
	

	return false;
}

function dem_addUncheck()
{
	oUL = this.parentNode.parentNode;
	lis = oUL.getElementsByTagName('li');
	
	els = lis[lis.length-1].childNodes;
	
	for (i = els.length-1; i >= 0; i--)
		if (els[i].nodeName.toLowerCase() == 'a')
			els[i].style.display = '';
		else
			els[i].parentNode.removeChild(els[i]);
		
			

	Inp = oUL.getElementsByTagName('input');
    for (i = 0; i < Inp.length; i++)
    {
        Inp[i].onclick = function () { return true };
    }

    return true;
}

function dem_addAnswer(that)
{
    allBoxes = that.parentNode.parentNode.getElementsByTagName('input');
    
    for (i = 0; i < allBoxes.length; i++)
    {
        allBoxes[i].onclick = dem_addUncheck;
		allBoxes[i].checked = false;
    }

	that.style.display = 'none';
	i1 = document.createElement('input');
	i1.type = 'radio';
	i1.value = 'newAnswer';
	i1.checked = true;
	
	i2 = document.createElement('input');
	i2.className = 'addAnswerText';
	
	that.parentNode.appendChild(i1);
	that.parentNode.appendChild(i2);	

	i2.focus();
    
    return false;
}

// very simple ajaxy loading visual
// adds 3 dots to link, then erase and start over
function dem_loadingDots() {
	
	isInput = this.nodeName.toLowerCase() == 'input';
	
	str = (isInput) ? this.value : this.innerHTML;

	if (str.substring(str.length-3) == '...')
		if (isInput)
			this.value     = str.substring(0, str.length-3);
		else
			this.innerHTML = str.substring(0, str.length-3);
	else
		if (isInput)
			this.value     += '.';
		else
			this.innerHTML += '.';
	
	demLoading = setTimeout(dem_loadingDots.bind(this), 200);
}

function dem_clearDots() {
	clearTimeout(demLoading);
}


function dem_getVotes(path, that)
{
	
	that.blur();
	demLoading = setTimeout(dem_loadingDots.bind(that), 50);

	dem_ajax.open("GET", path, true);
	dem_ajax.onreadystatechange = dem_displayVotes.bind(that.parentNode);
	dem_ajax.send(null);

    return false;
}

function dem_displayVotes ()
{
	
	if (dem_ajax.readyState != 4)
		return false;

	if (dem_ajax.status != 200)
	{
		alert('Error '+dem_ajax.status);
		return false;
	}
	
	clearTimeout(demLoading);
	this.innerHTML = dem_ajax.responseText;
}

function dem_getHTTPObject() {
  var xmlhttp;
  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}


dem_ajax = new dem_getHTTPObject();


/*  from prototype.js */
Function.prototype.bind = function() {
 if (dem_ajax.readyState==4) {
  var __method = this, args = $A(arguments), object = args.shift();
  return function() {
    return __method.apply(object, args.concat($A(arguments)));
  }
 }
}

var $A = Array.from = function(iterable) {
  if (!iterable) return [];
  if (iterable.toArray) {
    return iterable.toArray();
  } else {
    var results = [];
    for (var i = 0; i < iterable.length; i++)
      results.push(iterable[i]);
    return results;
  }
}