
/*=====================init Mise a jour=============================*/
function init(){
    document.getElementById("miseAjour").innerHTML = maj;
}
/*====================INDEX=========================================*/
function changeCouleur(argFond,argId,argCurseur,argCouleur ,argCategorie){
    document.getElementById(argId).style.backgroundColor = argFond;
    document.getElementById(argId).style.cursor = argCurseur;
    document.getElementById(argId).style.color = argCouleur;
    if(argCategorie) document.getElementById('btnCat').style.display = "block";
    else             document.getElementById('btnCat').style.display = "none";
}
function changeCurseur(argId,argCurseur){
    document.getElementById(argId).style.cursor = argCurseur;
}
function drap(argDrap){
    document.getElementById('pageDroite').innerHTML = "<div style = \"margin-top:50px\"><img src = \"img/texte_"+argDrap+".gif\"></div>";
    document.getElementById('pageDroite').style.backgroundImage = "";
}
/*===================GALERIE========================================*/
function dilate(argCurseur,argId){//alert(argId+'   '+argCurseur)
    document.getElementById(argId).style.cursor = argCurseur;
    var w = document.getElementById(argId).width;
    var h = document.getElementById(argId).height;
    if(argCurseur == 'pointer'){
       document.getElementById(argId).style.width = w + 15;//125;
       document.getElementById(argId).style.height= h + 15;//95;
    } 
    if(argCurseur == 'default'){
       document.getElementById(argId).style.width = w - 15;//110;
       document.getElementById(argId).style.height= h - 15;//80;
    }
}

function galerie(argCat){
      var chaine = '<table border = "0" width = "90%" height = "90%" cellspacing = "0" style = "margin-top:0px;background:transparent;margin-left:50px">';
      for(var ligne = 1 ; ligne < 4 ; ligne++){
          chaine += '<tr>';
          for(var colonne = 1 ; colonne < 4 ; colonne++){
             chaine += ' <td width = "130" height = "165" align = "center">';
                    chaine += '<img id = "img'+ligne+colonne+'" src = "tableaux'+argCat+'/'+argCat+ligne+colonne+'.jpg" width = "110"  alt = "" title = "cliquez sur l\'image"';
                    chaine += '        onMouseOver = "dilate(\'pointer\',\'img'+ligne+colonne+'\')"';
                    chaine += '        onMouseOut  = "dilate(\'default\',\'img'+ligne+colonne+'\')"';
                    chaine += '        onClick     = "appelTableau(\''+argCat+'\','+ligne+','+colonne+')">';
                    chaine += '     </td>';
          }
          chaine += '</tr>';
      }
   chaine += '</table>';
   document.getElementById('pageDroite').innerHTML = chaine;
   document.getElementById('pageDroite').style.backgroundImage = "";
   document.getElementById('pageDroite').title = "";
   if(argCat == "N") document.getElementById('paragraphe').innerHTML = "Lanscape in Normandy <br> Paysage de Normandie";
   if(argCat == "P") document.getElementById('paragraphe').innerHTML = "Vues de Paris <br> Vues de Paris";
   if(argCat == "D") document.getElementById('paragraphe').innerHTML = "Sujets divers<br>Other Subjects";

}
/*==========================ACCUEIL==================================*/
function pageAccueil(){
    var chaine = ' <div style  = "width:40%"><h5 style = "text-align:justify"><p>';
    chaine += 'Inspired by the particular light  of the SEINE valley,Patrick MARIE has been painting the Normandy landscapes ';
    chaine += 'for many years. He was born in 1951 near Paris and lives in the region of Rouen. He has been oil painting for more than twenty five ';
    chaine += 'years and has never attended painting schools  <br><br>Imprégné par cette lumière si particulière de la vallée de la Seine, Patrick Marie a posé son chevalet ';
    chaine += 'dans ces paysages qui inspirèrent de nombreux peintres impressionnistes</p></font>';
	/*=====pour la pub==============*/
    chaine += '</p></h5><p align=center><br><br><br><font size="4" color="red"><br></font></div>';

    document.getElementById('pageDroite').innerHTML = chaine;
    document.getElementById('pageDroite').style.backgroundImage="url(img/painting-flowers-impressionism.gif)";
    document.getElementById('pageDroite').title = "artist painter Patrick Marie";
    document.getElementById('paragraphe').innerHTML = "";    
}

/*==========================Le TABLEAU===============================*/
function appelTableau(argCat,argIdTableauY,argIdTableauX){ //alert(argCat+'  '+argIdTableauY+'  '+argIdTableauX);
    if(argCat == 'G'){
       var chaine = '<div style = "margin-left:5px;margin-top:10px;border:0px solid red" align = "center">';
           chaine += '<img id = "imgTab" src="tableaux'+argCat+'/'+argCat+argIdTableauY+argIdTableauX+'.jpg" border = "0" height = "300"></div>';
           chaine += '<input type = "button" value = "<" onClick = "suivant(\''+argCat+'\','+argIdTableauY+','+argIdTableauX+',-1)">';
           chaine += '<input type = "button" value = ">" onClick = "suivant(\''+argCat+'\','+argIdTableauY+','+argIdTableauX+',+1)">';
    }
    else {
       var chaine = '<div style = "margin-left:5px;margin-top:10px;border:0px solid red" align = "center">';
           chaine += '<img id = "imgTab" src="tableaux'+argCat+'/'+argCat+argIdTableauY+argIdTableauX+'.jpg" border = "0" height = "450"></div>';
           chaine += '<input type = "button" value = "<" onClick = "suivant(\''+argCat+'\','+argIdTableauY+','+argIdTableauX+',-1)">';
           chaine += '<input type = "button" value = ">" onClick = "suivant(\''+argCat+'\','+argIdTableauY+','+argIdTableauX+',+1)">';
    }
    document.getElementById('pageDroite').innerHTML = chaine;
    document.getElementById('paragraphe').innerHTML = tabTitreTableau[argCat+argIdTableauY][argIdTableauX-1];
}
/*========================precedent suivant==========================*/
function suivant(argCat,argIdTableauY,argIdTableauX,sens){
  if(argCat == 'G') var maxX = 2;
  else              var maxX = 3;
  if(sens == 1){
    if(argIdTableauX == maxX){
         argIdTableauX = 1;
         if(argIdTableauY == 3) argIdTableauY  = 1;
         else                   argIdTableauY += 1;
    }
    else     argIdTableauX += 1;
  }

  if(sens == -1){
    if(argIdTableauX == 1){
         argIdTableauX = maxX;
         if(argIdTableauY == 1) argIdTableauY  =  3;
         else                   argIdTableauY += -1;
    }
    else  argIdTableauX  +=  -1;
  }

  appelTableau(argCat,argIdTableauY,argIdTableauX);
}

/*=======================GRANDS FORMATS==============================*/
function grandsFormats(){
    var chaine  = '<table border = "0" width = "100%" cellpadding="0" cellpadding = "0" style = "margin-left:5%;margin-top:0">' ;
    for(var ligne = 1;ligne < 4; ligne++){
        chaine += '<tr height = "130" >';
        chaine += '    <td  width = "40%" align = "center">     ';
        chaine += '        <img src = "tableauxG/G'+ligne+1+'.jpg" height = "110" id = "img'+ligne+1+'" title = "cliquez sur l\'image" ';
        chaine += '                    onClick     = "appelTableau(\'G\',\''+(ligne)+'\',\'1\')"         ';
        chaine += '                    onMouseOver = "dilate(\'pointer\',\'img'+ligne+1+'\')"       ';
        chaine += '                    onMouseOut  = "dilate(\'default\',\'img'+ligne+1+'\')"></td> ';
        chaine += '    <td  width = "10%"></td>';
        chaine += '    <td  width = "40%"  align = "center">     ';
        chaine += '        <img src = "tableauxG/G'+ligne+2+'.jpg" height = "110" id = "img'+ligne+2+'"  title = "cliquez sur l\'image"';
        chaine += '                    onClick     = "appelTableau(\'G\',\''+(ligne)+'\',\'2\')"         ';
        chaine += '                    onMouseOver = "dilate(\'pointer\',\'img'+ligne+2+'\')"       ';
        chaine += '                    onMouseOut  = "dilate(\'default\',\'img'+ligne+2+'\')"></td> ';
        chaine += '    <td  width = "10%"></td>';
        chaine += '</tr>';
        }
    chaine += '</table>';
    document.getElementById('pageDroite').innerHTML = chaine;
    document.getElementById('paragraphe').innerHTML = "Larges Formats - Triptych<br>Grands formats - Triptyques";
    document.getElementById('pageDroite').style.backgroundImage = "";
    document.getElementById('pageDroite').title = "";
}

/*============================TARIFS=================================*/
var tab=Array("300","400","500","600","700","800","900","1000","1200","1500");
function tablePrix(){
    for(var i = 0;i < 10; i++){
        document.getElementById("e"+i).innerHTML=tab[i]+" €";
        document.getElementById("d"+i).innerHTML="$"+tab[i]*1.3;
    }
}
function change(arg1,arg2){
  if(arg1=="1"){document.getElementById("t"+arg2).style.background="yellow";
                document.getElementById("t"+arg2).style.color="red";
  }
  if(arg1=="2"){document.getElementById("t"+arg2).style.background="beige";
                document.getElementById("t"+arg2).style.color="black";
  }
}
function tarif(){
var chaine  = '<div><center><font size="5" color="#999900">TARIFS - PRICES</font>';
    chaine += '';
    chaine += '<table border="0" id="tar" width = "70%">';
    chaine += '<tr align="center" id="t0"><td width = "50"><b>format</b></td><td><b>dimension CM</b></td><td><b>dimension INCH</b></td><td id="ed" ><b>PRICE  PRIX  €</b></td><td id="ed" ><b>PRICE  PRIX  $</b></td></tr>';
    chaine += '<tr id="t1" onMouseOver="change(1,1)" onmouseout="change(2,1)"><td>6</td><td>41x33 - 41x27 - 41x24 </td><td> 16 x 10,6 </td>          <td id="e0"></td><td id="d0"></td></tr>';
    chaine += '<tr id="t2" onMouseOver="change(1,2)" onmouseout="change(2,2)"><td>8</td><td>46x38 -  46x33 -  46x27 </td><td> 18 x 13</td>           <td id="e1"></td><td id="d1"></td></tr>';
    chaine += '<tr id="t3" onMouseOver="change(1,3)" onmouseout="change(2,3)"><td>10</td><td>55x46 -  55x38 - 55x33 </td><td> 21,6 x 15</td>         <td id="e2"></td><td id="d2"></td></tr>';
    chaine += '<tr id="t4" onMouseOver="change(1,4)" onmouseout="change(2,4)"><td>12</td><td>61x50 -  61x46 -  61x38 </td><td> 24 x 18 </td>         <td id="e3"></td><td id="d3"></td></tr>';
    chaine += '<tr id="t5" onMouseOver="change(1,5)" onmouseout="change(2,5)"><td>15</td><td>65x54 -  65x50 -  65x46 </td><td> 25,5 x 19,6 </td>     <td id="e4"></td><td id="d4"></td></tr>';
    chaine += '<tr id="t6" onMouseOver="change(1,6)" onmouseout="change(2,6)"><td>20</td><td>73x60 -  73x54 -  73x50 </td><td> 28,7 x 21 </td>       <td id="e5"></td><td id="d5"></td></tr>';
    chaine += '<tr id="t7" onMouseOver="change(1,7)" onmouseout="change(2,7)"><td>25</td><td>81x65 -  81x60 -  81x54  </td><td>  31,8 x 23,6 </td>   <td id="e6"></td><td id="d6"></td></tr>';
    chaine += '<tr id="t8" onMouseOver="change(1,8)" onmouseout="change(2,8)"><td>30</td><td>92x73 -  92x65 -  92x60  </td><td> 36,2 x 25,5 </td>    <td id="e7"></td><td id="d7"></td></tr>';
    chaine += '<tr id="t9" onMouseOver="change(1,9)" onmouseout="change(2,9)"><td>40</td><td>100x81 - 100x73 - 100x65 </td><td> 39,3 x 28,7 </td>    <td id="e8"></td><td id="d8"></td></tr>';
    chaine += '<tr id="t10" onMouseOver="change(1,10)" onmouseout="change(2,10)"><td>50</td><td> 116x89 - 116x81 - 116x73 </td><td> 45,6 x 31,8 </td><td id="e9"></td><td id="d9"></td></tr>';
    chaine += '';
    chaine += '<tr align = "center"><td colspan = "2" width = "50%"></td><td colspan = "3" style="color:red">Transport not included <br>Transport non compris</td></tr>';
    chaine += '</table></center></div>';
    document.getElementById("pageDroite").innerHTML = chaine;
    document.getElementById('pageDroite').style.backgroundImage="url(img/painting-flowers-impressionism.gif)";
    document.getElementById('pageDroite').title = "artist painter Patrick Marie";
    document.getElementById('paragraphe').innerHTML = "";
    tablePrix();
}
/*==========================Commentaires=============================*/
function commentaire(){
    var chaine  = "<div style  = \"width:40%\"> ";
        chaine += "<h5><p>Depuis 1951, date de sa naissance, Patrick MARIE vit en NORMANDIE.<br>";
        chaine += "Il peint depuis plus de quarante ans la vallée de la Seine ,des ANDELYS jusqu'à ROUEN et sa région.";
        chaine += "Sa peinture est inspirée du style impressionniste .";
        chaine += "L'essentiel des oeuvres sont des peintures à l'huile de tout format.";
        chaine += "<br><br>";
        chaine += "Ever since 1951, when he was born, Patrick MARIE has lived in NORMANDY.";
        chaine += "He has been oil painting for more than forty years the vallée of the Seine ,from \"les ANDELYS\" to ROUEN and the surrounding countryside.";
        chaine += "His painting is inspired by the impressionist style . ";
        chaine += "The main part of his work is oil paintings in all sizes. ";
        chaine += "</p></h5>";
        chaine += "</td></tr></div>";
document.getElementById("pageDroite").innerHTML = chaine;
document.getElementById('pageDroite').style.backgroundImage="url(img/painting-flowers-impressionism.gif)";
document.getElementById('pageDroite').title = "artist painter Patrick Marie";
document.getElementById('paragraphe').innerHTML = "";
}
/*==========================exposition===============================*/
function expo(){
    var chaine  = "";
        chaine += "<div style=\"width:48%;text-align:left\"> ";
        chaine += "<font size =\"5\" color = \"#c0c0c0\" ><b>expositions - exhibitions</font><br><br><br>  ";
        chaine += "<font size =\"2\" color = \"#000000\" >";
	chaine += "PARIS Montmartre Galerie des Arches 2009<br>";
        chaine += "Vente aux particuliers 2005 - 2009<br>";
        chaine += "NEW YORK 2004 Abada Felix Incorporated <br> ";
        chaine += "BIELEFELD Allemangne 2003 galerie Kunsthandel Schmidt<br> ";
        chaine += "ROUEN 2003 Forum des arts,<br> ";
        chaine += "ROUEN 2002 Forum des arts,<br>";        
        chaine += "LONDRES 2001 galerie Taylor Jardine <br> ";
        chaine += "LONDRES 2000 galerie Isobel Naden <br> ";
        chaine += "ROUEN 1999,95 Forum des arts,<br> ";
        chaine += "TOKYO 1996 par la galerie Christiane Vallée,<br> ";
        chaine += "PARIS 1992,90 Salon des indépendants, <br> ";
        chaine += "ROUEN 1992,85 Salon des indépendants, <br> ";
        chaine += "PARIS 1991 Salon d'hiver  <br>            ";
        chaine += "TROUVILLE 1991 Galerie du PORT <br>";
        chaine += "</div>";
document.getElementById("pageDroite").innerHTML = chaine;
document.getElementById('pageDroite').style.backgroundImage="url(img/painting-flowers-impressionism.gif)";
document.getElementById('pageDroite').title = "artist painter Patrick Marie";
document.getElementById('paragraphe').innerHTML = "";
}
/*=============================liens=================================*/
function liens(argPage){
    document.getElementById('pageDroite').style.backgroundImage="";
    document.getElementById('pageDroite').title = "";
    envoiAjax('liens'+argPage+'.htm','null');
}
/*============================AJAX===================================*/
var xhr_object = null;
var tabReponse = new Array();

  function connexion(){
    //-------------ouverture connection--------------------
    if(window.XMLHttpRequest) // Firefox
       xhr_object = new XMLHttpRequest();
    else if(window.ActiveXObject) // Internet Explorer
       xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
    else { // XMLHttpRequest non supportÃ© par le navigateur
       alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
       return;
    }
  }

  //===========================LECTURE =======================
  function envoiAjax(url,data){//alert(data);
    connexion();
    //-------------reception des donnÃ©es ------------------
    xhr_object.open("POST", url, true);
    xhr_object.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT")
    xhr_object.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr_object.onreadystatechange = function() {
        if(xhr_object.readyState == 4) {
            if (xhr_object.status == 200 || xhr_object.status == 304){
             if(xhr_object.responseText){
                 tabReponse = xhr_object.responseText.split('##') ;//alert(xhr_object.responseText);
                 var i = 0;while(tabReponse[i])document.getElementById(tabReponse[i++]).innerHTML = tabReponse[i++];
             }
        }
        }
    }
    xhr_object.send(data);
  }



