var startWidth = clientWidth();
var startHeight = clientHeight();

function checkResize() 
{
  var resizeWidth = clientWidth();
  var resizeHeight = clientHeight();
  if((resizeWidth != startWidth) || (resizeHeight != startHeight))
  {
    startWidth = resizeWidth;
    startHeight = resizeHeight;
    onCloseClientLogin();
  }
  else
  {
    setTimeout("checkResize();",100);
  }
}

/* Initialisation lors du chargement de la page, pour la page "references.php" car sinon ¨a interf¸re avec le flash. */
function onInitClientLogin(server)
{
  if(document.body == null)
  {
    setTimeout("onInitClientLogin('" + server + "')", 10);
  }
  else
  {
    var grayDiv = document.getElementById('gray_div');
    if(grayDiv == null)
    {
  	  str = "\r\n";
  	  str += "<div id=\"gray_div\" style=\"position:absolute; left:0px; top:0px; width:290px; height:125px; visibility:hidden; background-color:#aaaaaa; -moz-opacity: 0.75; opacity: 0.75; filter: alpha(opacity=75);\">\r\n"
      str += "</div>\r\n";
      str += "<div id=\"main_div\" style=\"position:absolute; left:0px; top:0px; width:290px; height:125px; visibility:hidden;\">\r\n"
  	  str += " <form id=\"form_login\" action=\"javascript:postClientLogin('";
  	  str += server;
  	  str += "');\" method=\"post\" style=\"visibility:hidden;\">\r\n";
      str += "  <div id=\"container\" style=\"margin-top:0px; visibility:hidden;\">\r\n";
      str += "   <div id=\"login\" style=\"margin-left:0px; visibility:hidden;\">\r\n";
      str += "    <div id=\"cross\" style=\"visibility:hidden;\">\r\n";
      str += "     <a id=\"close\" href=\"javascript:onCloseClientLogin();\" title=\"Close\" style=\"visibility:hidden;\"><img id=\"close_img\" src=\"";
      str += server;
      str += "images/cross.png\" alt=\"Close\" border=\"0\" style=\"visibility:hidden;\"/></a>\r\n";
      str += "    </div>\r\n";
      str += "    <div id=\"user_container\" style=\"visibility:hidden;\">\r\n";
      str += "     <div id=\"user_label_container\" style=\"visibility:hidden;\">\r\n";
      str += "      <label id=\"user_label\" for=\"user\" style=\"visibility:hidden;\">User :</label>\r\n";
      str += "     </div>\r\n";
      str += "     <input name=\"user\" type=\"text\" maxlength=\"32\" value=\"\" tabindex=\"1\" id=\"user\" style=\"visibility:hidden;\"/>\r\n";
      str += "    </div>\r\n";
      str += "    <div id=\"password_container\" style=\"visibility:hidden;\">\r\n";
      str += "     <div id=\"password_label_container\" style=\"visibility:hidden;\">\r\n";
      str += "      <label id=\"password_label\" for=\"password\" style=\"visibility:hidden;\">Password :</label>\r\n";
	  str += "     </div>\r\n";
	  str += "     <input name=\"password\" type=\"password\" maxlength=\"32\" value=\"\" tabindex=\"2\" id=\"password\" style=\"visibility:hidden;\"/>\r\n";
      str += "    </div>\r\n";
      str += "    <div id=\"connect_container\" style=\"visibility:hidden;\">\r\n";
	  str += "     <input name=\"connect\" type=\"submit\" value=\"Connection\" tabindex=\"3\" id=\"connect\" style=\"visibility:hidden;\"/>\r\n";
      str += "    </div>\r\n";
      str += "    <div id=\"error_container\" style=\"visibility:hidden;\"></div>\r\n";
      str += "   </div>\r\n";
      str += "  </div>\r\n";
      str += " </form>\r\n";
      str += "</div>\r\n";
      document.body.innerHTML += str;
    }
    /* Chargement du flash. */
    loadReferences(server);
  }
}

function onOpenClientLogin(server)
{
  var l = 0;
  var t = 0;
  var w = docWidth();
  var h = docHeight();
  var x = leftScrollPos();
  var y = topScrollPos();
  var mx = parseInt(String(((clientWidth() - 290) / 2) + x));
  var my = parseInt(String(((clientHeight() - 125) / 2) + y));
  
  var grayDiv = document.getElementById('gray_div');
  if(grayDiv == null)
  {
  	str = "\r\n";
  	str += "<div id=\"gray_div\" style=\"position:absolute; left:" + l + "px; top:" + t + "px; width:" + w + "px; height:" + h + "px; visibility:visible; background-color:#aaaaaa; -moz-opacity: 0.75; opacity: 0.75; filter: alpha(opacity=75);\">\r\n"
    str += "</div>\r\n";
    str += "<div id=\"main_div\" style=\"position:absolute; left:" + l + "px; top:" + t + "px; width:" + w + "px; height:" + h + "px; visibility:visible;\">\r\n"
  	str += " <form id=\"form_login\" action=\"javascript:postClientLogin('";
  	str += server;
  	str += "');\" method=\"post\">\r\n";
  	str += "  <div id=\"container\" style=\"margin-top:" + my + "px;\">\r\n";
    str += "   <div id=\"login\" style=\"margin-left:" + mx + "px;\">\r\n";
    str += "    <div id=\"cross\">\r\n";
    str += "     <a id=\"close\" href=\"javascript:onCloseClientLogin();\" title=\"Close\"><img id=\"close_img\" src=\"";
    str += server;
    str += "images/cross.png\" alt=\"Close\" border=\"0\"/></a>\r\n";
    str += "    </div>\r\n";
    str += "    <div id=\"user_container\">\r\n";
    str += "     <div id=\"user_label_container\">\r\n";
    str += "      <label id=\"user_label\" for=\"user\">User :</label>\r\n";
    str += "     </div>\r\n";
    str += "     <input name=\"user\" type=\"text\" maxlength=\"32\" value=\"\" tabindex=\"1\" id=\"user\"/>\r\n";
    str += "    </div>\r\n";
    str += "    <div id=\"password_container\">\r\n";
    str += "     <div id=\"password_label_container\">\r\n";
    str += "      <label id=\"password_label\" for=\"password\">Password :</label>\r\n";
	str += "     </div>\r\n";
	str += "     <input name=\"password\" type=\"password\" maxlength=\"32\" value=\"\" tabindex=\"2\" id=\"password\"/>\r\n";
    str += "    </div>\r\n";
    str += "    <div id=\"connect_container\">\r\n";
	str += "     <input name=\"connect\" type=\"submit\" value=\"Connection\" tabindex=\"3\" id=\"connect\"/>\r\n";
    str += "    </div>\r\n";
    str += "    <div id=\"error_container\"></div>\r\n";
    str += "   </div>\r\n";
    str += "  </div>\r\n";
    str += " </form>\r\n";
    str += "</div>\r\n";
  	document.body.innerHTML += str;
  }
  else
  {
    grayDiv.style.left = l + "px";
    grayDiv.style.top = t + "px";
    grayDiv.style.width = w + "px";
    grayDiv.style.height = h + "px";
    grayDiv.style.visibility="visible";
    var mainDiv = document.getElementById('main_div');
    if(mainDiv != null)
    {
  	  mainDiv.style.left = l + "px";
      mainDiv.style.top = t + "px";
      mainDiv.style.width = w + "px";
      mainDiv.style.height = h + "px";
      mainDiv.style.visibility="visible";
    }
    var formLogin = document.getElementById('form_login');
    if(formLogin != null)
    {
  	  formLogin.style.visibility="visible";
    }
    var container = document.getElementById('container');
    if(container != null)
    {
  	  container.style.visibility="visible";
  	  container.style.marginTop= my + "px";
    }
    var login = document.getElementById('login');
    if(login != null)
    {
      login.style.backgroundImage = "url('" + server + "images/back_login_01.png')";
      login.style.visibility="visible";
      login.style.marginLeft= mx + "px";
    }
    var user_container = document.getElementById('user_container');
    if(user_container != null)
    {
  	  user_container.style.visibility="visible";
    }
    var user_label_container = document.getElementById('user_label_container');
    if(user_label_container != null)
    {
  	  user_label_container.style.visibility="visible";
    }
    var user_label = document.getElementById('user_label');
    if(user_label != null)
    {
  	  user_label.style.visibility="visible";
    }
    var user = document.getElementById('user');
    if(user != null)
    {
      user.value = "";
  	  user.style.visibility="visible";
    }
    var password_container = document.getElementById('password_container');
    if(password_container != null)
    {
  	  password_container.style.visibility="visible";
    }
    var password_label_container = document.getElementById('password_label_container');
    if(password_label_container != null)
    {
  	  password_label_container.style.visibility="visible";
    }
    var password_label = document.getElementById('password_label');
    if(password_label != null)
    {
  	  password_label.style.visibility="visible";
    }
    var password = document.getElementById('password');
    if(password != null)
    {
      password.value = "";
  	  password.style.visibility="visible";
    }
    var connect_container = document.getElementById('connect_container');
    if(connect_container != null)
    {
  	  connect_container.style.visibility="visible";
    }
    var connect = document.getElementById('connect');
    if(connect != null)
    {
  	  connect.style.visibility="visible";
    }
    var error_container = document.getElementById('error_container');
    if(error_container != null)
    {
      error_container.innerHTML = "";
  	  error_container.style.visibility="visible";
    }
    var cross = document.getElementById('cross');
    if(cross != null)
    {
  	  cross.style.visibility="visible";
    }
    var close = document.getElementById('close');
    if(close != null)
    {
  	  close.style.visibility="visible";
    }
    var close_img = document.getElementById('close_img');
    if(close_img != null)
    {
  	  close_img.style.visibility="visible";
    }
  }
  newimg = new Image;
  newimg.src = server + "images/back_login_02.png";
  /* Pour IE. */
  if(isIE())
  {
    var user_container = document.getElementById('user_container');
    if(user_container != null)
    {
  	  user_container.style.marginTop="5px";
    }
    var connect = document.getElementById('connect');
    if(connect != null)
    {
  	  connect.style.marginBottom="5px";
    }
  }
  else
  {
    var user_container = document.getElementById('user_container');
    if(user_container != null)
    {
  	  user_container.style.marginTop="10px";
    }
    var connect = document.getElementById('connect');
    if(connect != null)
    {
  	  connect.style.marginBottom="10px";
    }
  }
  startWidth = clientWidth();
  startHeight = clientHeight();
  setTimeout("checkResize();",1000);
}

function onCloseClientLogin()
{
  /* Hauteur et largeur minimales de la dialogue de login. Cf. login.css. */
  var grayDiv = document.getElementById('gray_div');
  if(grayDiv != null)
  {
  	grayDiv.style.visibility="hidden";
  	grayDiv.style.left = "0px";
    grayDiv.style.top = "0px";
    grayDiv.style.width = "290px";
    grayDiv.style.height = "125px";
  }
  var mainDiv = document.getElementById('main_div');
  if(mainDiv != null)
  {
   mainDiv.style.visibility="hidden";
   mainDiv.style.left = "0px";
   mainDiv.style.top = "0px";
   mainDiv.style.width = "290px";
   mainDiv.style.height = "125px";
  }
  var formLogin = document.getElementById('form_login');
  if(formLogin != null)
  {
    formLogin.style.visibility="hidden";
  }
  var container = document.getElementById('container');
  if(container != null)
  {
    container.style.visibility="hidden";
  }
  var login = document.getElementById('login');
  if(login != null)
  {
    login.style.visibility="hidden";
  }
  var user_container = document.getElementById('user_container');
  if(user_container != null)
  {
    user_container.style.visibility="hidden";
  }
  var user_label_container = document.getElementById('user_label_container');
  if(user_label_container != null)
  {
    user_label_container.style.visibility="hidden";
  }
  var user_label = document.getElementById('user_label');
  if(user_label != null)
  {
    user_label.style.visibility="hidden";
  }
  var user = document.getElementById('user');
  if(user != null)
  {
    user.style.visibility="hidden";
  }
  var password_container = document.getElementById('password_container');
  if(password_container != null)
  {
    password_container.style.visibility="hidden";
  }
  var password_label_container = document.getElementById('password_label_container');
  if(password_label_container != null)
  {
     password_label_container.style.visibility="hidden";
  }
  var password_label = document.getElementById('password_label');
  if(password_label != null)
  {
    password_label.style.visibility="hidden";
  }
  var password = document.getElementById('password');
  if(password != null)
  {
    password.style.visibility="hidden";
  }
  var connect_container = document.getElementById('connect_container');
  if(connect_container != null)
  {
    connect_container.style.visibility="hidden";
  }
  var connect = document.getElementById('connect');
  if(connect != null)
  {
    connect.style.visibility="hidden";
  }
  var error_container = document.getElementById('error_container');
  if(error_container != null)
  {
   error_container.style.visibility="hidden";
  }
  var cross = document.getElementById('cross');
  if(cross != null)
  {
   cross.style.visibility="hidden";
  }
  var close = document.getElementById('close');
  if(close != null)
  {
    close.style.visibility="hidden";
  }
  var close_img = document.getElementById('close_img');
  if(close_img != null)
  {
    close_img.style.visibility="hidden";
  }
}

function postClientLogin(server)
{
  var error_container = document.getElementById('error_container');
  if(error_container != null)
  {
    error_container.innerHTML = "Access denied !";
  }
  var login = document.getElementById('login');
  if(login != null)
  {
    login.style.backgroundImage = "url('" + server + "images/back_login_02.png')";
  }
}

function isIE()
{
  var detect = navigator.userAgent.toLowerCase();
  if(detect.indexOf('msie') + 1)
  {
    return true;
  }
  return false;
}

function versionIE()
{
  var detect = navigator.userAgent.toLowerCase();
  return detect.charAt(detect.indexOf('msie') + 5);
}

function docWidth()
{
  var w = document.documentElement.scrollWidth;
  var ww = document.documentElement.clientWidth;
  if(ww > w)
  {
    w = ww;
  }
  return w;
}

function docHeight()
{
  var h = document.documentElement.scrollHeight;
  var wh = document.documentElement.clientHeight;
  if(wh > h)
  {
    h = wh;
  }
  return h;
}

function clientWidth() 
{
	return filterResults(window.innerWidth ? window.innerWidth : 0,
		document.documentElement ? document.documentElement.clientWidth : 0,
		document.body ? document.body.clientWidth : 0);
}

function clientHeight()
{
	return filterResults(window.innerHeight ? window.innerHeight : 0,
		document.documentElement ? document.documentElement.clientHeight : 0,
		document.body ? document.body.clientHeight : 0);
}

function leftScrollPos() 
{
	return filterResults(window.pageXOffset ? window.pageXOffset : 0,
    document.documentElement ? document.documentElement.scrollLeft : 0,
    document.body ? document.body.scrollLeft : 0);
}

function topScrollPos() 
{
	return filterResults(window.pageYOffset ? window.pageYOffset : 0,
    document.documentElement ? document.documentElement.scrollTop : 0,
		document.body ? document.body.scrollTop : 0);
}

function filterResults(n_win, n_docel, n_body) 
{
	var n_result = n_win ? n_win : 0;
	if(n_docel && (!n_result || (n_result > n_docel)))
		n_result = n_docel;
	return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}

function loadReferences(server)
{
  var parag = document.getElementById('parag_center');
  if(parag != null)
  {
    str = "\r\n";
    str += "<object type=\"application/x-shockwave-flash\" data=\"";
    str += server;
    str += "references/iTunesAlbumArt.swf\" style=\"width:600px;height:350px;\">\r\n";
    str += " <param name=\"base\" value=\"";
    str += server;
    str += "references/\"/>\r\n";
    str += " <param name=\"movie\" value=\"";
    str += server;
    str += "references/iTunesAlbumArt.swf\"/>\r\n";
    str += " <param name=\"quality\" value=\"high\"/>\r\n";
    str += " <param name=\"wmode\" value=\"transparent\"/>\r\n";
    str += " <param name=\"menu\" value=\"false\"/>\r\n";
    str += "</object>\r\n";
    parag.innerHTML = str;
  }
}