// <! --
function boxpreview() {
var c = document.getElementById('boxcolors');
var color = c.options[c.selectedIndex].value;
c = document.getElementById('boxmodel');
var modele = c.options[c.selectedIndex].value;
var el = document.getElementById('preview');
var str = '<div class="testbox" style="width:210px; margin-bottom:10px;">'
+'<div class="testbox-top" style="background:transparent url(http://francisek.gplm.free.fr/tools4ob/boxmaker.php?n=box-top-center&rgb='
+ color + '&m=' + modele + ') repeat-x scroll top left;">'
+'<div class="testbox-right" style="background:transparent url(http://francisek.gplm.free.fr/tools4ob/boxmaker.php?n=box-middle-right&rgb='
+color+'&m=' + modele +') repeat-y scroll top right; ">'
+'<div class="testbox-bottom" style="background:transparent url(http://francisek.gplm.free.fr/tools4ob/boxmaker.php?n=box-bottom-center&rgb='+color+'&m=' + modele +') repeat-x scroll bottom left; ">'
+'<div class="testbox-left" style="background:transparent url(http://francisek.gplm.free.fr/tools4ob/boxmaker.php?n=box-middle-left&rgb='+color+'&m=' + modele +') repeat-y scroll top left; ">'
+'<div class="testbox-topLeft" style="background:transparent url(http://francisek.gplm.free.fr/tools4ob/boxmaker.php?n=box-top-left&rgb='+color+'&m=' + modele +') no-repeat scroll top left; ">'
+'<div class="testbox-topRight" style="background:transparent url(http://francisek.gplm.free.fr/tools4ob/boxmaker.php?n=box-top-right&rgb='+color+'&m=' + modele +') no-repeat scroll top right; ">'
+'<div class="testbox-bottomLeft" style="background:transparent url(http://francisek.gplm.free.fr/tools4ob/boxmaker.php?n=box-bottom-left&rgb='+color+'&m=' + modele +') no-repeat scroll bottom left; ">'
+'<div class="testbox-bottomRight" style="background:transparent url(http://francisek.gplm.free.fr/tools4ob/boxmaker.php?n=box-bottom-right&rgb='+color+'&m=' + modele +') no-repeat scroll bottom right; ">'
+'<div class="testbox-content" style="overflow:auto; padding:0px 10px 15px 5px; color: #'+color+'&m=' + modele +'; ">'
+'<p>&nbsp;</p>'
+'</div>' // testbox-content
+'</div>' // testbox-bottomRight
+'</div>' // testbox-bottomLeft
+'</div>' // testbox-topRight
+'</div>' // testbox-topLeft
+'</div>' // testbox-left
+'</div>' // testbox-bottom
+'</div>' // testbox-right
+'</div>' // testbox-top
+'</div>';
str += '<br/><a href="http://francisek.gplm.free.fr/tools4ob/boxdl.php?rgb='+color+'&m='+modele+'">T&eacute;l&eacute;charger les images</a>';
el.innerHTML = str;
}
// -->
