/*
    ********************************************************************
    *      Project: <jszConstruct>
    *         Name: <main.js>
    * Date Created: <20/09/2009>
    *      Version: <1.0.0>
    *       Author: <Joaquim de Sousa>
    *  Description: <
    *                This File holds functions that are
    *                mainly used for displaying images
    *               >
    *     Usage: <Loop Through XML to catch values>
    ********************************************************************
    * History
    * Date       Version      Author         Update Description
    * 20092009   1.0.10        Joaquim de Sousa            Main.js
    ********************************************************************
    *
    *
    *
    *
    *
    ********************************************************************
    * XML Spécifications
    * ------------------
    * <metier chid="2" date="28102009">
    *   <descr>Destruction totale de l'ancien toit</descr>
    *   <imgfld>
    * 		<images imgid="IMG_0991.JPG">imgdescr</images>
    *   </imgfld>
    * </metier>
    *
    *   metier                  : node du métier
    *   chid="1"                : id du métier. Il faut implémenter l'ID  (id="1",id="2",id="3")
    *   descr                   : descriptions du métier (on peut avoir plusieurs descriptions de métier)
    *   imgfld                  : node du paquet d'images
    *   images                  : node de l'image
    *   imgid="IMG_0991.JPG"    : nom de l'image
    *
    ********************************************************************
    */




    function loadpage()
     {
    	if (document.getElementById)
        {document.getElementById('hidepage').style.visibility = 'hidden';}
      else
        {
        if (document.layers)
          {document.hidepage.visibility = 'hidden';}
        else
          {document.all.hidepage.style.visibility = 'hidden';}
        }
      }
    //**********************************************



    function showpage()
     {
    	if (document.getElementById)
        {document.getElementById('hidepage').style.visibility = 'visible';}
      else
        {
        if (document.layers)
          {document.hidepage.visibility = 'visible';}
        else
          {document.all.hidepage.style.visibility = 'visible';}
        }
      }
    //**********************************************



    function showimage(divitem){document.getElementById(divitem).style.display = 'block';}
    function hideimage(divitem){document.getElementById(divitem).style.display = 'none';}
    //**********************************************



    function getimages(divitem,divtoppos,divleftpos,x)
     {
        var i;
        var j;
        var txt;
        i=Math.floor(Math.random() * x.length);
        txt=xmlDoc.getElementsByTagName("images")[i].getAttribute("imgid");
        j="<a href=\"galeries.asp \"><img onmouseout=hideimage(\"" + divitem + "\");showimage(\"item6\"); onmouseover=showimage(\"" + divitem + "\");hideimage(\"item6\"); width=130 border=0 src=activities/small/" + txt + "></a><br/>";
        j=j + "<div style=\"position: absolute; top: " + divtoppos + "; left: " + divleftpos + "; background-repeat: no-repeat; background-position: left top; z-index:0; width:130; visibility:visible\" id=\"" + divitem + "\">";
        j=j + "<img width=590 border=1 src=\"activities/big/" + txt + "\"><br/><br/>";
        j=j + "</div>";
       return j;
     }
    //**********************************************



    function rotation(divi,ixa,ixatop,ixaleft,ixb,ixbtop,ixbleft,ixc,ixctop,ixcleft,ixd,ixdtop,ixdleft,x)
      {
        getimg=getimages(ixa,ixatop,ixaleft,x) + "<br/>" + getimages(ixb,ixbtop,ixbleft,x) +  "<br/>" + getimages(ixc,ixctop,ixcleft,x) +  "<br/>" + getimages(ixd,ixdtop,ixdleft,x);

        if (document.getElementById)
          {document.getElementById(divi).innerHTML = getimg;}
        else if (document.all)
          {document.all[divi].innerHTML = getimg;}

        hideimage(ixa);hideimage(ixb);hideimage(ixc);hideimage(ixd);
        setTimeout("rotation('" + divi + "','" + ixa + "','" + ixatop + "','" + ixaleft + "','" + ixb + "','" + ixbtop + "','" + ixbleft + "','" + ixc + "','" + ixctop + "','" + ixcleft + "','" + ixd + "','" + ixdtop + "','" + ixdleft + "',x)", 15000);
      }
    //**********************************************


    function Galleriesdisplay(divi,x)
      {
        var i=0;
        var txt;
        var ia;
        var j="";
        for (i=0;i<=x.length-1;i++)
          {
            txt= xmlDoc.getElementsByTagName("images")[i].getAttribute("imgid");
            ixa="item" + i + "a";
            j=j + "<img onmouseout=hideimage(\"" + ixa + "\");showimage(\"item6\"); onmouseover=showimage(\"" + ixa + "\");hideimage(\"item6\"); width=130 border=0 src=activities/small/" + txt + "><br/><br/>";
          }

        if (document.getElementById)
          {document.getElementById(divi).innerHTML = j;}
        else if (document.all)
          {document.all[divi].innerHTML = j;}
      }
    //**********************************************


    function CreateTempDiv(divi2,ixatop,ixaleft,txt,ixa)
      {

   			var k="<div style=\"position: absolute; top: " + ixatop + "; left: " + ixaleft + "; background-repeat: no-repeat; background-position: left top; z-index:-1; width:590; \" id=\"" + ixa + "\"><img width=600 border=1 src=\"activities/big/" + txt + "\"/></div>";

        if (document.getElementById)
          {document.getElementById(divi2).innerHTML = k;}
        else if (document.all)
          {document.all[divi2].innerHTML = k;}

      }
    //**********************************************



    function Galleriesdisplaybyitem(divi,xmlDoc,divi2,ixatop,ixaleft,l)
      {

        if (l=="")
          {
            l=0;
          }

        var oMetier;

        oMetier = xmlDoc.getElementsByTagName("metier")[l];

//alert(l);

        var n=oMetier.getElementsByTagName("images").length-1;


        var txt="";
        var j="";
        var ixa="";
        var m=0;
        var i="";


        for (m=0;m<=n;m++)

          {
            txt= oMetier.getElementsByTagName("images")[m].getAttribute("imgid");
            ixa="item" + m + "a";

            i= "<img onmouseout=hideimage(\"" + ixa + "\");showimage(\"item6\"); ";
            i=i + "onmouseover=";
            i=i + "CreateTempDiv(\"" + divi2 + "\",\"" + ixatop + "\",\"" + ixaleft + "\",\"" + txt + "\",\"" + ixa + "\""+ ");";
            i=i + "showimage(\"" + ixa + "\");";
            i=i + "hideimage(\"item6\"); width=130 border=0 src=\"activities/small/" + txt + "\"><br/><br/>";
            j=j+i;

          }

        if (document.getElementById)
          {document.getElementById(divi).innerHTML = j;}
        else if (document.all)
          {document.all[divi].innerHTML = j;}

      }
    //**********************************************



    function XMLDisplayText(divi,xmlDoc)
      {
        var y=xmlDoc.getElementsByTagName("metier");
        var i=0;
        var k;
        var j="";
        var l="";
        var m="";

        for (i=0;i<=y.length-1;i++)
          {

            m=y[i].getAttribute("chid");

            l="onclick=javascript:Galleriesdisplaybyitem(\"divitem1\",xmlDoc,\"divitem1a\",\"20px\",\"190px\"," + i + ")";

//alert ("counter: " + i + "  chid: " + m);

            j=j + "<table style=\"cursor:pointer;\" title=\"Cliquer ici pour afficher les Photos\" " + l + " width=\"95%\" border=\"0\" id=\"table1\" cellspacing=\"0\" cellpadding=\"0\" style=\"margin-top: 0; margin-bottom: 0; padding: 5px;\" class=\"Style1\" onmouseover=\"this.className='greypage';\" onmouseout=\"this.className='whitepage';\" >";
       			j=j + "<tr>";

       			j=j + "<td>" + m;


            k=0;
            var v = y[i].getElementsByTagName("descr");
       			j=j + "<br/>";

            for (k=0;k<=v.length-1;k++)
              {
           			j=j + v[k].childNodes[0].nodeValue + "<br/>";

              }

       			j=j + "</td>";
       			j=j + "</tr>";
       			j=j + "<tr style=\"background-color:#ffffff;\"><td height=\"20\"></td></tr>";
       			j=j + "</table>";

          }

        return j;
      }
    //**********************************************



  	if (window.XMLHttpRequest)
  	  {
  	  xhttp=new window.XMLHttpRequest();
  	  }
  	else
  	  {
  	  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  	  }
  	xhttp.open("GET","activities/xml_activities.xml",false);
  	xhttp.send("");
  	var xmlDoc;
  	xmlDoc=xhttp.responseXML;
    var x=xmlDoc.getElementsByTagName("images");
    //**********************************************



    function checkiffieldsok()
    {
    	if (document.InfosContact.contactcomments.value.length == 0)
    		{
    			alert("Veuillez entrer vos commentaires");
    			return false;
    		}
    	if (document.InfosContact.contactname.value.length == 0)
    		{
    			alert("Veuillez entrer votre nom et prénom");
    			return false;
    		}
    	if (document.InfosContact.contactsubject.value.length == 0)
    		{
    			alert("Veuillez entrer le sujet de votre requête");
    			return false;
    		}
    	return CheckEmail();
    	return true;
    }


    function CheckEmail()
    {

    	if (document.InfosContact.contactemail.value.length == 0)
    		{
    			alert("Veuillez entrer votre e-mail");
    			return false;
    		}
    		else
    		{
    			if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(document.InfosContact.contactemail.value))
    				{
    					return (true)
    				}
    				alert("L'adresse e-mail est éronnée")
    				return (false)
    		}
    }
    //------------------------------------------------------------



/*

    l=y[i].childNodes[0].nodeValue;
    l=y[i].attributes[1].text;
    n=y[i].getElementsByTagName("images").length;
    i=y[i].getElementsByTagName("images")[m].attributes[0].text;
    i=y[i].getElementsByTagName("images")[m].getAttribute("imgid");



		j=j + "<td align='left'>" + y[i].getAttribute("date") + "</td>";
		j=j + "<td>" + y[i].childNodes[0].text + "</td>"; //IE
  	j=j + "<td>" + y[i].childNodes[1].text + "</td>"; //IE
		j=j + "<td>" + y[i].getElementsByTagName("titre")[0].childNodes[0].nodeValue + "</td>";
		j=j +  y[i].getElementsByTagName("lieu")[0].childNodes[0].nodeValue + "<br/>";
    var v = y[i].getElementsByTagName("descr");
    j=j + "<li>" + v[k].childNodes[0].text + "</li>";


    link1="//activities/metier[@chid=\"" + l + "\"]";
    oMetier = xmlDoc.selectSingleNode(link1);

*/