<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Semi transparent border for pictures"
title_url="http://sites.google.com/site/annuairevin/"
height="400"
width="400"
scrolling="false"
directory_title="Semi transparent border for pictures - background URL not valid in Google Sites"
description="Create a semi-transparent border for your pictures"
screenshot="http://www.liens-du-vin.ch/_pic062/screen-transparent-border.png"
thumbnail="http://www.liens-du-vin.ch/_pic062/thumb-transparent-border.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="URLPic" display_name="URL of Picture" required="true" default_value="http://www.liens-du-vin.ch/_pic06/chateau-chardonne.jpg" />
<UserPref name="Title" display_name="Title" datatype="string" default_value="Château de Chardonne" />

<UserPref name="PicWidth" display_name="With of picture" required="true" default_value="320" />
<UserPref name="PicHeight" display_name="Height of picture" required="true" default_value="210" />

<UserPref name="BorderCol" display_name="Border Color" required="true" default_value="#fff" />

<UserPref name="ContainerCol" display_name="Container Color" required="true" default_value="#d1dae3" />

<Content type="html"><![CDATA[

<style>
body
{
background: __UP_ContainerCol__;
padding: 0;
margin:0;
}
  
</style>
  

<script type="text/javascript">

var prefs = new _IG_Prefs(__MODULE_ID__);

var s_img = _trim(prefs.getString("URLPic"));
s_img = s_img.replace("'"," ");
s_img = s_img.replace(" ","%20");

var s_tit = _trim(prefs.getString("Title"));
s_tit = s_tit.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>  
  
<!--[if lt IE 8]>
<script type="text/javascript">

  i_pwi=i_pwi + 20;
  i_phe=i_phe + 20;
  
</script>      
<![endif]-->    
  
<script type="text/javascript">

  i_pwi=i_pwi + "px";
  i_phe=i_phe + "px";
  
</script>      
      
  
<div id="container"></div>  

<script type="text/javascript">
  
var s_html = "";
  
s_html = "<div title='" + s_tit + 
          "' style='border: solid 1px #000; padding: 0; " +
          "background-image: url(" + s_img + "); width: " + s_pwi + "; height: " + s_phe + "; margin: auto; '>" +
          "<div id='inner' style='border: solid 10px " + s_bco + "; width: " + i_pwi + "; height: " + i_phe + "; " + 
           "filter: alpha (opacity=50); moz-opacity: .50; opacity: .50; khtml-opacity: 0.5'></div></div>";


_gel("container").innerHTML = s_html;  
  

_IG_Analytics("UA-442758-35", "/g_border");  
                                        
</script>  


]]></Content>

</Module>