// Fichier JScript
var is_moving = false;
var message1, message2;

function initcontact()
{
  Element.hide($('middle'));
  Element.hide($('rowDepartement'));
  Element.hide($('rowPays'));
  Event.observe($('countries'), 'click', function (e)
  {
    if (Event.element(e).tagName == 'LI')
    {
      openForm(Event.element(e).getAttribute('datakey'), Event.element(e).innerHTML);
    }
  });
}

function openForm(typeZone)
{
  if (!is_moving)
  {
    Event.observe($('middle'), 'click', function(e) { closeForm(); });
    $('middle').style.cursor = 'pointer';
    
    // Prépare le formulaire  
    Element.hide($('rowDepartement'));
    Element.hide($('rowPays'));
    Element.show($('middle'));
    if (typeZone == 'fr')
    {
      Element.hide($('rowPays'));
      Element.show($('rowDepartement'));
      $('formleft').style.width = '100%';
      $('formright').style.width = '0px';
      setTextMiddle('<div class="nompays"><strong>'+ message1 +'</strong></div><div class="divbtclosebas">&nbsp;</div>');
      $('ctl00_ContentPlaceHolder1_typeZone').value = typeZone;
    }
    else
    {
      Element.hide($('rowRaisonSelectionnee'));
      Element.hide($('rowDepartement'));
      Element.show($('rowPays'));      
      $('formleft').style.width = '0px';
      $('formright').style.width = '100%';
      setTextMiddle('<div class="nompays"><strong>'+ message2 +'</strong></div><div class="divbtclosebas">&nbsp;</div>');
      $('ctl00_ContentPlaceHolder1_typeZone').value = typeZone;
    }
    // Si country n'est pas déjà réduit
    if (parseInt($('countries').clientHeight) > 0)
    {
      var countriesInitHeight = parseInt($('countries').clientHeight);
      collapseElement($('countries'), 20, 0, 'v');
      // Si form n'est pas déjà ouvert
      if (parseInt($('form').clientHeight) < countriesInitHeight)
      {
        expandElement($('form'), 20, countriesInitHeight, 'v');
      }
      is_moving = true;
    }
  }
}

function closeForm(idCountry)
{
  if (!is_moving)
  {
    $('middle').style.cursor = '';
    Element.hide($('middle'));
    
    // Si form n'est pas déjà réduit
    if (parseInt($('form').clientHeight) > 0)
    {
      var formInitHeight = parseInt($('form').clientHeight);
      collapseElement($('form'), 20, 0, 'v');
      // Si countries n'est pas déjà ouvert
      if (parseInt($('countries').clientHeight) < formInitHeight)
      {
        expandElement($('countries'), 20, formInitHeight, 'v');
      }
      is_moving = true;
    }
  }
}

function collapseElement(element, delta, to, direction)
{
  if (direction == 'h')
  {
    if (parseInt(element.clientWidth) - delta >= to)
    {
      element.style.width = parseInt(element.clientWidth) - delta + 'px';
      setTimeout(function()
      {
        collapseElement(element, delta, to, direction);
      }, 10);
    }
    else
    {
      is_moving = false;
    }
  }
  else
  {
    if (parseInt(element.clientHeight) - delta >= to)
    {
      element.style.height = parseInt(element.clientHeight) - delta + 'px';
      setTimeout(function()
      {
        collapseElement(element, delta, to, direction);
      }, 10);
    }
    else
    {
      is_moving = false;
    }
  }
}  
  
function expandElement(element, delta, to, direction)
{
  if (direction == 'h')
  {
    if (parseInt(element.clientWidth) + delta <= to)
    {
      element.style.width = parseInt(element.clientWidth) + delta + 'px';
      setTimeout(function()
      {
        expandElement(element, delta, to, direction);
      }, 10);
    }
    else
    {
      is_moving = false;
    }
  }
  else
  {
    if (parseInt(element.clientHeight) + delta <= to)
    {
      element.style.height = parseInt(element.clientHeight) + delta + 'px';
      setTimeout(function()
      {
        expandElement(element, delta, to, direction);
      }, 10);
    }
    else
    {
      is_moving = false;
    }
  }
}

function collapseDepartement(idDepartement)
{
  if (!is_moving)
  {
    Event.observe($('formmiddle'), 'click', function(e) { expandDepartement(); });
    $('formmiddle').style.cursor = 'pointer';
    
    switch (idDepartement)
    {
      case 1:
        Element.show($('rowDepartement'));
        $('rowRaisonSelectionnee').firstDescendant().innerHTML = '<h3>'+ $('choix1').innerHTML +'</h3>';
        Element.show($('rowRaisonSelectionnee'));
      break;
      case 2:
        Element.hide($('rowDepartement'));
        $('rowRaisonSelectionnee').firstDescendant().innerHTML = '<h3>'+ $('choix2').innerHTML +'</h3>';
        Element.show($('rowRaisonSelectionnee'));
      break;
      case 3:
        Element.hide($('rowDepartement'));
        $('rowRaisonSelectionnee').firstDescendant().innerHTML = '<h3>'+ $('choix3').innerHTML +'</h3>';
        Element.show($('rowRaisonSelectionnee'));
      break;
      case 4:
        Element.hide($('rowDepartement'));
        $('rowRaisonSelectionnee').firstDescendant().innerHTML = '<h3>'+ $('choix4').innerHTML +'</h3>';
        Element.show($('rowRaisonSelectionnee'));
      break;
    }
    
    $('ctl00_ContentPlaceHolder1_typeFR').value = idDepartement;
    
    // Effectue l'animation
    if (parseInt($('formleft').clientWidth) > 0)
    {
      var formleftInitWidth = parseInt($('formleft').clientWidth);
      if (parseInt($('formleft').clientWidth) > 0) { collapseElement($('formleft'), 20, 20, 'h'); };
      if (parseInt($('formright').clientWidth) < formleftInitWidth - 20) { expandElement($('formright'), 40, formleftInitWidth - 20, 'h'); };
      is_moving = true;
    }
    //Element.show($('formmiddle'));
    $('formmiddle').style.display = 'block';
  }
}

function expandDepartement()
{
  if (!is_moving)
  {
    //Element.hide($('formmiddle'));
    $('formmiddle').style.display = 'none';
    $('formmiddle').style.cursor = '';
    
    // Effectue l'animation
    if (parseInt($('formleft').clientWidth) < parseInt($('formleft').parentNode.clientWidth))
    {
      var formleftInitWidth = parseInt(document.getElementById('formleft').clientWidth);
      if (parseInt($('formleft').clientWidth) < parseInt($('formleft').parentNode.clientWidth)) { expandElement(document.getElementById('formleft'), 40, parseInt($('formleft').parentNode.clientWidth), 'h'); };
      if (parseInt($('formright').clientWidth) > 0) { collapseElement($('formright'), 40, 0, 'h'); };
      is_moving = true;
    }
  }
}

function setTextMiddle(text)
{
  $('middle').innerHTML = text;
}

// formulaires
var _nom, _prenom, _mail

function VerifForm()
{
	var isOk = true;
	
	if ($('ctl00_ContentPlaceHolder1_typeZone').value == 'fr')
	{
	  if ($('ctl00_ContentPlaceHolder1_typeFR').value == 1)
	  {
	    if (!VerifChamps($('ctl00_ContentPlaceHolder1_departement'))) { isOk = false; }
	  }
	}
	else if ($('ctl00_ContentPlaceHolder1_typeZone').value == 'wo')
	{
	  if (!VerifChamps($('ctl00_ContentPlaceHolder1_pays'))) { isOk = false; }
	}
	else { isOk = false; }
		
	if (!VerifChamps($('ctl00_ContentPlaceHolder1_nom'))) { isOk = false; }
	
	if (!VerifChamps($('ctl00_ContentPlaceHolder1_prenom'))) { isOk = false; }
	
	if (!VerifMail($('ctl00_ContentPlaceHolder1_email'))) { isOk = false; }
	
	return isOk;
}

function VerifChamps(c)
{
	if (!c.value)
	{
		c.className = 'champcontacterreur';
		return false;
  }
	else
	{
		c.className = 'champcontact';
		return true;
	}
}

function FocusChamps(c)
{
	c.className = 'champfocus';
}

function changeClass(o, c)
{
	o.className = c;
}

function BlurChamps(c)
{
	c.className = 'champcontact';
}

function VerifMail(c)
{
	if (!c.value)
	{
		c.className = 'champcontacterreur';
		return false;
	}
	else if (c.value.search(/^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/) == -1)
	{
		c.className = 'champcontacterreur';
		return false;
	}
	else
	{
		c.className = 'champcontact';
		return true;
	}
}