 
 
 
 
  Code for Example 7 MarieClaudeBay.html
  This is the HTML code from the page which has been encrypted using the ltwpsyn™ protocol
 
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
 
  <!--http://www.marieclaudebay.com/fr/accueil.html -->
 
  <html>
 
  <head>
 
  <BASE HREF="http://www.marieclaudebay.com/">
 
  <meta charset="iso-8859-1">
 
  <link type="text/css" rel="stylesheet" href="http://www.marieclaudebay.com/css/commun.css" />
 
  <style type="text/css">#menu_gauche{padding-left:15px;}a.menu {font-size:12px;color:;font-family:;outline:none;outline-style:none;}a.menu:link {font-size:12px;text-decoration:;color:;outline:none;outline-style:none;}a.menu:visited {font-size:12px;text-decoration:;color:;outline:none;outline-style:none;}a.menu:hover {font-size:12px;text-decoration:;color:;-moz-transition:color 0.4s ease 0s;background-color:#CBCBCB;outline:none;outline-style:none;}a.menu:active {font-size:12px;text-decoration:;color:;outline:none;outline-style:none;}</style>
 
  <link href='http://fonts.googleapis.com/css?family=Delius' rel='stylesheet' type='text/css'><style type="text/css"> body {color:#555555;background:#F0F0F0;font-family:'Delius', cursive;font-size:12px; }#popup_container {font-family: 'Delius', cursive;font-size: 12px;background: #DFDFDF;border: solid 5px #555555;color: #555555;}#conteneur_principal{width: 950px; margin: 0px auto;}#conteneur_site{background-color:rgb(223,223,223); border: 1px #5D7C62 solid;;width:950px;}div#bandobas {border: solid 1px #5D7C62;}div.footer {font-size:10px;text-align:center;}div.footer a {font-size:10px;}hr{background-color:#555555;}#titresite{font-size:15px;color:#3D3C3C;font-family:;margin-bottom: 20px;}a {font-size:12px;color:#531613;font-family:'Delius', cursive;}a:link {font-size:12px;text-decoration:none;color:#555555;}a:visited {font-size:12px;text-decoration:none;color:#555555;}a:hover {font-size:12px;text-decoration:none;color:#171717;background-color:#DFDFDF;}a:active {font-size:12px;text-decoration:none;color:#555555;}#separateur{font-size:12px;color:;font-family:;}.bordures02 { border:1px #000000 solid }#content{margin-left:180px;}#centre{padding-right: 15px;margin-top:20px;}</style>
 
  <script language="javascript" src="http://www.marieclaudebay.com/js/jquery-1.3.2.min.js"></script>
 
  <script language="javascript" src="http://www.marieclaudebay.com/js/script.js"></script>
 
  </head>
 
   <BR>        <A href=http://www.1000names.co.nz/Whitepaper.html#examples><IMG width="120" height="40" align="LEFT" src="http://www.1000names.co.nz/Encrypting_the_Internet_files/Backto.PNG"></a>
 
  <A NAME ="Top">
 
  <body ondragstart="return(false);">
 
  <div id="conteneur_principal">
 
  <div class='lang'>
 
  </div><div id="conteneur_site"><div id="logo">
 
  				<div id="haut" style="text-align:right;">
 
            
 
  					<a href="http://www.marieclaudebay.com" style="text-decoration:none;"><img name="logo" src="http://www.marieclaudebay.com/clients/82/fichiers/logo/30755.png" alt="logo" style="border:none;border: 0pt none; display: block;" /></a>
 
  				</div>
 
  <div id="centre"> <div id="menu_gauche" style="float:left; width:150px;">
 
  <div align='left'><a href='fr/accueil.html' class='menu' style="margin-bottom:5px;display:block;">Accueil</a><div id='550-550' align='left' style='margin-left:10px; display:none;'></div><a href='fr/bio.html' class='menu' style="margin-bottom:5px;display:block;">Biographie</a><div id='551-551' align='left' style='margin-left:10px; display:none;'></div><a href='javascript:void( look_menu_gauche( "9903-9903" ) );' class='menu' style="margin-bottom:5px;display:block;">Expositions</a><div id='9903-9903' align='left' style='margin-left:10px; display:none;'><a href='fr/page_551.html' class='menu' style="margin-bottom:5px;display:block;">Pré©sentation</a><div id='5326-5326' align='left' style='margin-left:10px; display:none;'></div><a href='fr/travaux.html' class='menu' style="margin-bottom:5px;display:block;">Galerie</a><div id='554-554' align='left' style='margin-left:10px; display:none;'></div></div><a href='javascript:void( look_menu_gauche( "9887-9887" ) );' class='menu' style="margin-bottom:5px;display:block;">Installations</a><div id='9887-9887' align='left' style='margin-left:10px; display:none;'><a href='fr/page_4924.html' class='menu' style="margin-bottom:5px;display:block;">Le Bonheur Atlantiqué</a><div id='9902-9902' align='left' style='margin-left:10px; display:none;'></div><a href='fr/page_4915.html' class='menu' style="margin-bottom:5px;display:block;">Face é  faces</a><div id='9888-9888' align='left' style='margin-left:10px; display:none;'></div></div><a href='javascript:void( look_menu_gauche( "9877-9877" ) );' class='menu' style="margin-bottom:5px;display:block;">Fiches techniques</a><div id='9877-9877' align='left' style='margin-left:10px; display:none;'><a href='fr/page_555.html' class='menu' style="margin-bottom:5px;display:block;">Expositions classiques</a><div id='5327-5327' align='left' style='margin-left:10px; display:none;'></div><a href='fr/page_4933.html' class='menu' style="margin-bottom:5px;display:block;">Le Bonheur Atlantiqué</a><div id='9910-9910' align='left' style='margin-left:10px; display:none;'></div><a href='fr/page_4918.html' class='menu' style="margin-bottom:5px;display:block;">Face é  faces</a><div id='9897-9897' align='left' style='margin-left:10px; display:none;'></div></div><a href='fr/recommander.html' class='menu' style="margin-bottom:5px;display:block;">Envoyer é  un ami</a><div id='556-556' align='left' style='margin-left:10px; display:none;'></div><a href='fr/contact.html' class='menu' style="margin-bottom:5px;display:block;">Contact</a><div id='553-553' align='left' style='margin-left:10px; display:none;'></div></div></div><div id="content"><title>Marie Claude Bay - </title>
 
  <script type="text/javascript">
 
  Nom = navigator.appName;
 
  
 
  ns = (Nom == 'Netscape') ? 1:0
 
  ie = (Nom == 'Microsoft Internet Explorer') ? 1:0
 
   
 
  
 
  if (ie) {
 
  	window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);
 
  	//alert('IE');
 
  }
 
  if (ns) {
 
  	window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);
 
  	//alert('NS');
 
  }
 
  var d=document, imgs = new Array(),divs = new Array(), zInterval = null, current=0, pause=false; marche='';
 
  
 
  function so_init(){
 
  	if(!d.getElementById | 
  | 
   !d.createElement)return;
 
  
 
  	css = d.createElement('link');
 
  	css.setAttribute('href','css/slideshow.css');
 
  	css.setAttribute('rel','stylesheet');
 
  	css.setAttribute('type','text/css');
 
  	d.getElementsByTagName('head')[0].appendChild(css);
 
  
 
  	imgs = d.getElementById('img_home').getElementsByTagName('img');
 
  	for(i=1;i<imgs.length;i++){
 
  		imgs[i].xOpacity = 0;
 
  	}
 
  /* ----------------------------------------------------------------------------------- */	
 
  	imgs[0].style.display = 'block';
 
  	imgs[0].xOpacity = .99;
 
  	marche = setTimeout(so_xfade,5000);
 
  }
 
  
 
  function so_xfade(){
 
  		//alert(imgs[current][0]);
 
  		cOpacity = imgs[current].xOpacity;
 
  		nIndex = imgs[current+1]?current+1:0;
 
  		nOpacity = imgs[nIndex].xOpacity;
 
  	
 
  		cOpacity-=.05;
 
  		nOpacity+=1;
 
  		
 
  		imgs[current].xOpacity = cOpacity;
 
  		imgs[nIndex].xOpacity = nOpacity;
 
  	
 
  		setOpacity(imgs[current]);
 
  		setOpacity(imgs[nIndex]);
 
  		
 
  		/*divs_texte[current].xOpacity = cOpacity;
 
  		divs_texte[nIndex].xOpacity = nOpacity;
 
  	
 
  		setOpacity(divs_texte[current]);
 
  		setOpacity(divs_texte[nIndex]);*/
 
  	
 
  		if(cOpacity<=0)
 
  		{
 
  			imgs[current].style.display = 'none';
 
  			imgs[nIndex].style.display = 'block';
 
  			current = nIndex;
 
  			marche = setTimeout(so_xfade,5000);
 
  		}
 
  		else
 
  		{
 
  			marche = setTimeout(so_xfade,50);
 
  		}
 
  	
 
  		function setOpacity(obj){
 
  			if(obj.xOpacity>.99)
 
  			{
 
  				obj.xOpacity = .99;
 
  				return;
 
  			}
 
  	
 
  			obj.style.opacity = obj.xOpacity;
 
  			obj.style.MozOpacity = obj.xOpacity;
 
  			obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
 
  		}
 
  }
 
  /*----------------------------------------------------------------------------------------------------------------*/
 
  </script>
 
  <style type="text/css">
 
  a.image_3 {
 
  	display:block;
 
  	margin:0 auto;
 
  	background: none repeat scroll 0 0 transparent;
 
  }
 
  </style>
 
  <div ">
 
  
 
  <div align="center" >
 
  <div id="img_home"> 
 
  		<a href='fr/travaux.html'>
 
  			<img src="http://www.marieclaudebay.com/clients/82/fichiers/selection/2615.jpg" width='600' style="border:0; " />
 
  		</a>
 
  </div></div></div>
 
  <style>
 
  #social{margin: 15px 0 15px -45px;width:100%;}
 
  .element{display:inline-block;margin: 0 5px;vertical-align:top;width:78px;}
 
  </style>
 
  </div>
 
  </div>
 
  </div>
 
  </div><div class='footer'>
 
  <div id="conteneur_principal">
 
  <a href="http://fr.photographes.com/">©</a> Marie Claude Bay <a href="http://actuphoto.com"> - </a> </a>
 
  <a href="conditions-generales.html">Conditions générales</a> 
 
   <br><a href="administration" class="ico"><img src="http://www.marieclaudebay.com//img/logout_ico.gif"></a></div></div>
 
  
 
  
 
   <br>
 
   <div class="docfoot">
 
   <div class="nav"><A href="http://www.1000names.co.nz/Examples/MarieClaudeBay_ltwpsyn.html#Top"><IMG width="120" height="40" align="CENTER" src="http://www.1000names.co.nz/Encrypting_the_Internet_files/Top.PNG"></a>      <A href=
 
   "http://www.1000names.co.nz/Whitepaper.html#examples"><IMG width="120" height="40" align="CENTER" src="http://www.1000names.co.nz/Encrypting_the_Internet_files/Backto.PNG"></a>      <A href=
 
   "http://www.1000names.co.nz/Examples/JeanBernard_Blogg_ltwpsyn.html"><IMG width="120" height="40" align="CENTER" src="http://www.1000names.co.nz/Encrypting_the_Internet_files/Next.PNG"></a></div>
 
   <BR> 
 
   <A href=
 
   "http://www.1000names.co.nz/Whitepaper.html#examples" > http://www.1000names.co.nz </a>
 
   
 
   
 
   <p>Last updated Thursday, December 5, 2013 at 01:47 p.m.</p>
 
   </div>
 
   
 
  </body>
 
  </html>
 
  <!--Service proposé© par actuphoto.com-->