var strVilleID = "ville";
function init(strId) 
{ 
  setInterval("nextRegion()", 1300);
  initR(strId);
}

var fbug;

function initR(strId) {
    if (strId) strVilleID = strId;
    $(strVilleID).onkeyup = autocomp;
    $(strVilleID).onkeydown = keydown;
    $(strVilleID).onblur = onBlurHandler;
    if (navigator.userAgent.toLowerCase().indexOf('msie 6') != -1) {
      // création d'une iframe pour le bug IE 6
      fbug    = document.createElement("iframe");
      fbug.id = 'fbug';  
      fbug.style.position = 'absolute';
      fbug.style.zIndex = '1';  
      $('recherche').appendChild(fbug);
    }
    hideAutocomp();
}

function selectVille(el) {
    $(strVilleID).value = el.innerHTML;
    hideAutocomp();
}
function onBlurHandler(){
    setTimeout("hideAutocomp();",300);
}
function hideAutocomp() {
    $('divupd').innerHTML = '';
    $('divupd').style.display='none'
    if (navigator.userAgent.toLowerCase().indexOf('msie 6') != -1) 
      fbug.style.display='none';
}
var idxSelected=0;

function keydown(e) {
  if (!e) var e = window.event;
      switch(e.keyCode) {
       case Event.KEY_UP:
         if (idxSelected>0) {
            $('divupd').childNodes[0].childNodes[idxSelected].className="";
            idxSelected--;
            if ($('divupd').childNodes[0].childNodes[idxSelected].className == "hr")
                idxSelected--;
            $('divupd').childNodes[0].childNodes[idxSelected].className="selected";
         }
         return false;
     case Event.KEY_DOWN:
         if (idxSelected < $('divupd').childNodes[0].childNodes.length - 1) {
             $('divupd').childNodes[0].childNodes[idxSelected].className = "";
             idxSelected++;
             if ($('divupd').childNodes[0].childNodes[idxSelected].className == "hr")
                 idxSelected++;
             $('divupd').childNodes[0].childNodes[idxSelected].className = "selected";
         }
         return false;
       case Event.KEY_TAB:
       case Event.KEY_RETURN:
         $(strVilleID).value=$('divupd').childNodes[0].childNodes[idxSelected].childNodes[0].innerHTML;
         hideAutocomp();
         return false;
    }
}

function autocomp(e)
{
  if (!e) var e = window.event;
  if ((e.keyCode==Event.KEY_UP) || (e.keyCode==Event.KEY_DOWN)|| (e.keyCode==Event.KEY_TAB)|| (e.keyCode==Event.KEY_RETURN))
    return;
  
  if ($F(strVilleID).length>1) {
    if(!$('divupd').style.position || $('divupd').style.position=='absolute') {
      $('divupd').style.position = 'absolute';
      Element.clonePosition($('divupd'),$(strVilleID),{
                        setHeight: false, 
                        setWidth: false,
                        offsetTop: $(strVilleID).offsetHeight
              });
    }
    var pars = 's='+$F(strVilleID);	
	  var myAjax = new Ajax.Updater('divupd', '/ajax/ville.aspx', {method: 'get', parameters: pars, 
      onComplete: function(){          
        if ($('divupd').innerHTML.length>1) {
            $('divupd').style.display='block';
            idxSelected=0;
            $('divupd').childNodes[0].childNodes[0].className="selected";
            if (navigator.userAgent.toLowerCase().indexOf('msie 6') != -1) {
              Element.clonePosition(fbug,$('divupd'));
              fbug.style.zIndex= "1";   
      	      $('divupd').style.zIndex= "2";  
              fbug.style.display='block';
           } 
        }
        else {
            hideAutocomp();
        }
      } 
      });
	} else {
    hideAutocomp();
  }
}
		
// carte
function objet() {
	this.length = objet.arguments.length
	for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom1 = new objet ("img/carte_cj.gif", "img/carte_ej.gif", "img/carte_nj.gif", "img/carte_oj.gif", "img/carte_pj.gif", "img/carte_psj.gif", "img/carte_raj.gif", "img/carte_soj.gif");
var sitename = new objet ("centrejob", "estjob", "nordjob", "ouestjob", "pacajob", "parisjob", "rhonealpesjob", "sudouestjob");

var numero = 1;
var stop=false;
var activeRegion = 0;

function setActiveRegion(reg) {
  if (activeRegion>0) document.getElementById('l'+activeRegion).className= '';
	document.logo.src  = "img/"+ sitename[reg] + ".gif";
	//document.logo.alt = "logo " + sitename[reg];
	document.carte.src = nom1[reg];
	//document.carte.alt = "carte " + sitename[reg];
	document.getElementById('lien_logo').href=  "http://www." + sitename[reg] + ".com/";
  document.getElementById('l'+reg).className='ahoover';
  activeRegion = reg;
}

function nextRegion() {
	if (stop) return;
	setActiveRegion(numero);
	numero++;
	if (numero > nom1.length) numero = 1;
}

function go(reg)
{
	stop=false;
	if (reg>0) document.getElementById('l'+reg).className='';
}

function change_logo_carte(reg)
{
  stop=true;
  if (reg>0) setActiveRegion(reg);			
}