<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Sliding Photograph Horizontal Gallery"
title_url="http://sites.google.com/site/annuairevin/"
height="250"
width="518"
scrolling="false"
directory_title="Sliding Photograph Horizontal Gallery"
description="Sliding Photograph Horizontal Gallery. From an Idea of Stu Nicholls (CSS Play), using CSS to display a sliding Gallery"
screenshot="http://www.liens-du-vin.ch/_pic062/slide-h-screen.png"
thumbnail="http://www.liens-du-vin.ch/_pic062/slide-h-thumb.png"
author="Philippe Chappuis"
author_email="info+gadgetCSE@gmail.com"
author_affiliation="Google"
author_location="Rolle Switzerland"
author_link="http://www.liens-du-vin.ch"
author_photo="http://www.liens-du-vin.ch/_pic02/gadget-author-photo.png"
author_aboutme="An Engineer who likes to develop for the Net and tastes wines"
author_quote="A chief is a man who assumes responsibility. He says &quot;I was beaten&quot; he does not
say &quot;My men were beaten&quot; - Antoine de Saint-Exupery">


<Require feature="analytics" />


</ModulePrefs>

<UserPref name="URL1" display_name="URL Pic 1" required="true" default_value="http://www.liens-du-vin.ch/_pic02/chateau_chatagnereaz.jpg" />
<UserPref name="Tit1" display_name="Title 1" datatype="string" default_value="Château de Châtagneréaz" />

<UserPref name="URL2" display_name="URL Pic 2" required="true" default_value="http://www.liens-du-vin.ch/_pic02/chateau_vinzel.jpg" />
<UserPref name="Tit2" display_name="Title 2" datatype="string" default_value="Château de Vinzel" />

<UserPref name="URL3" display_name="URL Pic 3" required="true" default_value="http://www.liens-du-vin.ch/_pic02/domaine_autecour.jpg" />
<UserPref name="Tit3" display_name="Title 3" datatype="string" default_value="Domaine de Autecour" />

<UserPref name="URL4" display_name="URL Pic 4" required="true" default_value="http://www.liens-du-vin.ch/_pic02/domaine_martheray.jpg" />
<UserPref name="Tit4" display_name="Title 4" datatype="string" default_value="Domaine du Martheray" />

<UserPref name="URL5" display_name="URL Pic 5" required="true" default_value="http://www.liens-du-vin.ch/_pic02/chateau_maison_blanche.jpg" />
<UserPref name="Tit5" display_name="Title 5" datatype="string" default_value="Château Maison Blanche" />

<UserPref name="URL6" display_name="URL Pic 6" required="true" default_value="http://www.liens-du-vin.ch/_pic02/chateau_allaman.jpg" />
<UserPref name="Tit6" display_name="Title 6" datatype="string" default_value="Château d'Allaman" />

<UserPref name="URL7" display_name="URL Pic 7" required="true" default_value="http://www.liens-du-vin.ch/_pic02/chateau_vufflens.jpg" />
<UserPref name="Tit7" display_name="Title 7" datatype="string" default_value="Château de Vufflens" />

<UserPref name="BackSlide" display_name="Container for Slide" required="true" default_value="http://www.liens-du-vin.ch/_pic062/back-slide.jpg" />

<UserPref name="BackCol" display_name="Background Color" required="true" default_value="#d1dae3" />


<Content type="html"><![CDATA[

<style>
body
{
background-color: __UP_BackCol__;
padding: 0;
margin:0;
}


#gallery_horizontal
{
padding: 0; 
margin: 0 auto 5em auto; 
list-style-type: none; 
overflow: hidden; 
width: 492px; 
height: 240px; 
border: 1px solid #c00; 
background: #d1dae3 url(__UP_BackSlide__);
}  
  
#gallery_horizontal li a:hover 
{
width: 320px;
}

#gallery_horizontal li a:hover img 
{
width: 320px;
}

#gallery_horizontal li
{
float: left;
}

#gallery_horizontal li a
{
display: block; 
height: 240px;
width: 28px; 
float: left; 
text-decoration: none; 
cursor: default;
}

#gallery_horizontal li a img 
{
width: 27px; 
height: 240px; 
border: 0;
}    
      
</style>
  

<script type="text/javascript">

var prefs = new _IG_Prefs(__MODULE_ID__);

var s_img1 = _trim(prefs.getString("URL1"));
s_img1 = s_img1.replace("'"," ");
s_img1 = s_img1.replace(" ","%20");
var s_tit1 = _trim(prefs.getString("Tit1"));
s_tit1 = s_tit1.replace("'"," ");

var s_img2 = _trim(prefs.getString("URL2"));
s_img2 = s_img2.replace("'"," ");
s_img2 = s_img2.replace(" ","%20");
var s_tit2 = _trim(prefs.getString("Tit2"));
s_tit2 = s_tit2.replace("'"," ");

var s_img3 = _trim(prefs.getString("URL3"));
s_img3 = s_img3.replace("'"," ");
s_img3 = s_img3.replace(" ","%20");
var s_tit3 = _trim(prefs.getString("Tit3"));
s_tit3 = s_tit3.replace("'"," ");
    
var s_img4 = _trim(prefs.getString("URL4"));
s_img4 = s_img4.replace("'"," ");
s_img4 = s_img4.replace(" ","%20");
var s_tit4 = _trim(prefs.getString("Tit4"));
s_tit4 = s_tit4.replace("'"," ");

var s_img5 = _trim(prefs.getString("URL5"));
s_img5 = s_img5.replace("'"," ");
s_img5 = s_img5.replace(" ","%20");
var s_tit5 = _trim(prefs.getString("Tit5"));
s_tit5 = s_tit5.replace("'"," ");

var s_img6 = _trim(prefs.getString("URL6"));
s_img6 = s_img6.replace("'"," ");
s_img6 = s_img6.replace(" ","%20");
var s_tit6 = _trim(prefs.getString("Tit6"));
s_tit6 = s_tit6.replace("'"," ");
  
var s_img7 = _trim(prefs.getString("URL7"));
s_img7 = s_img7.replace("'"," ");
s_img7 = s_img7.replace(" ","%20");
var s_tit7 = _trim(prefs.getString("Tit7"));
s_tit7 = s_tit7.replace("'"," ");
  
      
var s_pwi = _trim(prefs.getString("PicWidth")); 
var i_pwi = (s_pwi - 20) ;
var s_pwi = s_pwi + "px";  
  
var s_phe = _trim(prefs.getString("PicHeight"));
var i_phe = (s_phe - 20) ;
var s_phe = s_phe + "px";  
  
var s_bco =   _trim(prefs.getString("BorderCol"));
         
</script>  
  
<div id="container"></div>  

<script type="text/javascript">
  
var s_html = "";
  
s_html = "<ul id='gallery_horizontal'>"
          + "<li><a href='javascript: void(0);' onmouseover='window.status=&#39;" + s_tit1 + "&#39;; return true;' "
          + "onmouseout='window.status=&#39; &#39;; return true;' style='border: 0 none; text-decoration: none;'>"
          + "<img src='" + s_img1 + "' alt='" + s_tit1 + "' title='" + s_tit1 + "' "
          + "width='320'></a></li>"        
          + "<li><a href='javascript: void(0);' onmouseover='window.status=&#39;" + s_tit2 + "&#39;; return true;' "
          + "onmouseout='window.status=&#39; &#39;; return true;' style='border: 0 none; text-decoration: none;'>"
          + "<img src='" + s_img2 + "' alt='" + s_tit2 + "' title='" + s_tit2 + "' "
          + "width='320'></a></li>"
          + "<li><a href='javascript: void(0);' onmouseover='window.status=&#39;" + s_tit3 + "&#39;; return true;' "
          + "onmouseout='window.status=&#39; &#39;; return true;' style='border: 0 none; text-decoration: none;'>"
          + "<img src='" + s_img3 + "' alt='" + s_tit3 + "' title='" + s_tit3 + "' "
          + "width='320'></a></li>"
          + "<li><a href='javascript: void(0);' onmouseover='window.status=&#39;" + s_tit4 + "&#39;; return true;' "
          + "onmouseout='window.status=&#39; &#39;; return true;' style='border: 0 none; text-decoration: none;'>"
          + "<img src='" + s_img4 + "' alt='" + s_tit4 + "' title='" + s_tit4 + "' "
          + "width='320'></a></li>"        
          + "<li><a href='javascript: void(0);' onmouseover='window.status=&#39;" + s_tit5 + "&#39;; return true;' "
          + "onmouseout='window.status=&#39; &#39;; return true;' style='border: 0 none; text-decoration: none;'>"
          + "<img src='" + s_img5 + "' alt='" + s_tit5 + "' title='" + s_tit5 + "' "
          + "width='320'></a></li>"        
          + "<li><a href='javascript: void(0);' onmouseover='window.status=&#39;" + s_tit6 + "&#39;; return true;' "
          + "onmouseout='window.status=&#39; &#39;; return true;' style='border: 0 none; text-decoration: none;'>"
          + "<img src='" + s_img6 + "' alt='" + s_tit6 + "' title='" + s_tit6 + "' "
          + "width='320'></a></li>"       
          + "<li><a href='javascript: void(0);' onmouseover='window.status=&#39;" + s_tit7 + "&#39;; return true;' "
          + "onmouseout='window.status=&#39; &#39;; return true;' style='border: 0 none; text-decoration: none;'>"
          + "<img src='" + s_img7 + "' alt='" + s_tit7 + "' title='" + s_tit7 + "' "
          + "width='320'></a></li></ul>";        


_gel("container").innerHTML = s_html;  
  

_IG_Analytics("UA-442758-35", "/g_slide");  
                                        
</script>  


]]></Content>

</Module>