<span bgcolor="#dddddd" style="background: #dddddd; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; height: 35px; left: 300px; padding-left: 5px; padding-right: 5px; position: absolute; text-align: center; top: 419px; width: 500px; background-image: url(copybg.gif); background-repeat: no-repeat">
<button style="margin-top:3; margin-bottom:3;" onclick="copy2clipboard();">
copy code to clipboard
</button>
</span>
<span id="filtersection" issource=true style="display:none">
<b>select a filter:</b><br>
<select id="oselect" onchange="changefilter()">
<option value="empty" selected><no filter></option>
<option value="progid:dximagetransform.microsoft.basicimage">basicimage</option>
<option value="progid:dximagetransform.microsoft.crblur">blur</option>
<option value="progid:dximagetransform.microsoft.chroma">chroma</option>
<option value="progid:dximagetransform.microsoft.dropshadow">dropshadow</option>
<option value="progid:dximagetransform.microsoft.cremboss">emboss</option>
<option value="progid:dximagetransform.microsoft.crengrave">engrave</option>
<option value="progid:dximagetransform.microsoft.pixelate">pixelate</option>
</select><br><br>
</span>
<span id="transitionsection" issource=true style="display:none">
<b>select a transition:</b><br>
<select id="oselect" onchange="changetrans();">
<option value="empty" selected><no transition></option>
<option value="progid:dximagetransform.microsoft.crbarn()">barn</option>
<option value="progid:dximagetransform.microsoft.crblinds()">blinds</option>
<option value="progid:dximagetransform.microsoft.checkerboard()">checkerboard</option>
<option value="progid:dximagetransform.microsoft.fade()">fade</option>
<option value="progid:dximagetransform.microsoft.crinset()">inset</option>
<option value="progid:dximagetransform.microsoft.criris()">iris</option>
<option value="progid:dximagetransform.microsoft.pixelate()">pixelate</option>
<option value="progid:dximagetransform.microsoft.crradialwipe()">radialwipe</option>
<option disabled value="progid:dximagetransform.microsoft.randombars()">random bars</option>
<option value="progid:dximagetransform.microsoft.crslide()">slide</option>
<option value="progid:dximagetransform.microsoft.crspiral()">spiral</option>
<option value="progid:dximagetransform.microsoft.crstretch()">stretch</option>
<option disabled value="progid:dximagetransform.microsoft.crstrips()">strips</option>
<option value="progid:dximagetransform.microsoft.crwheel()">wheel</option>
<option value="progid:dximagetransform.microsoft.wipe()">wipe</option>
<option value="progid:dximagetransform.microsoft.crzigzag()">zigzag</option>
</select>
<button onclick="transstart(oimg)">apply transition</button><br><br>
</span>
<span id="oblurcontrols" issource=true style="display:none">
pixelradius:
<select name="pixelradiuslist" onchange="blurfilterchange()">
<option value="0">0</option>
<option value="5" selected>5</option>
<option value="10">10</option>
<option value="20">20</option>
</select>
<input type="checkbox" name="makeshadowswitch" onclick="blurfilterchange()"> makeshadow</input><br><br>
shadowopacity:
<select name="shadowopacitylist" onchange="blurfilterchange()">
<option value="0.00">0.00</option>
<option value="0.25">0.25</option>
<option value="0.50">0.50</option>
<option value="0.75">0.75</option>
<option value="1.00" selected>1.00</option>
</select>
</span>
<span id="opixelatecontrols" issource=true style="display:none">
maxsquare:
<select name="maxsquarelist" onchange="pixelatefilterchange()">
<option value="5">5</option>
<option value="10">10</option>
<option value="25">25</option>
<option value="50" selected>50</option>
</select>
progress:
<select name="progresslist" onchange="pixelatefilterchange()">
<option value="0.0">0.00</option>
<option value="0.25">0.25</option>
<option value="0.50">0.50</option>
<option value="0.75">0.75</option>
<option value="1.00" selected>1.00</option>
</select>
</span>
<span id="odropshadowcontrols" issource=true style="display:none">
color:
<select name="shadowcolorlist" onchange="dropshadowfilterchange()">
<option value="dddddd" selected>light gray (dddddd)</option>
<option value="999999">dark gray (999999)</option>
<option value="ffff00">yellow (ffff00)</option>
<option value="0000ff">blue (0000ff)</option>
</select><br><br>
offx:
<select name="offsetxlist" onchange="dropshadowfilterchange()">
<option value="3">-3</option>
<option value="-1">-1</option>
<option value="1" selected>1</option>
<option value="3">3</option>
</select>
offy:
<select name="offsetylist" onchange="dropshadowfilterchange()">
<option value="-3">-3</option>
<option value="-1">-1</option>
<option value="1" selected>1</option>
<option value="3">3</option>
</select><br><br>
<input type="checkbox" name="positiveswitch" onclick="dropshadowfilterchange()" checked> positive</input>
</span>
<span id="ochromacontrols" issource=true style="display:none">
color:
<select name="chromacolorlist" onchange="chromafilterchange()">
<option value="000000" selected>black (000000)</option>
<option value="ffffff">white (ffffff)</option>
</select>
</span>
<span id="obasicimagecontrols" issource=true style="display:none">
rotation:
<select name="rotationlist" onchange="basicimagefilterchange()">
<option value="0" selected>0 (0 deg.)</option>
<option value="1">1 (90 deg.)</option>
<option value="2">2 (180 deg.)</option>
<option value="3">3 (270 deg.)</option>
</select>opacity:
<select name="basicimageopacitylist" onchange="basicimagefilterchange()">
<option value="0.00">0.00</option>
<option value="0.25">0.25</option>
<option value="0.50">0.50</option>
<option value="0.75">0.75</option>
<option value="1.00" selected>1.00</option>
</select><br>
<input type="checkbox" name="mirrorswitch" onclick="basicimagefilterchange()"> mirror</input>
<input type="checkbox" name="invertswitch" onclick="basicimagefilterchange()"> invert</input><br>
<input type="checkbox" name="xrayswitch" onclick="basicimagefilterchange()"> xray</input>
<input type="checkbox" name="grayscaleswitch" onclick="basicimagefilterchange()"> grayscale</input><br>
<input type="checkbox" name="basicimagemaskswitch" onclick="basicimagefilterchange()"> mask</input>
<span id="maskcolorspan">
maskcolor:
<select name="basicimagemaskcolorlist" onchange="basicimagefilterchange()">
<option value="ff0000">red (ff0000)</option>
<option value="ffff00">yellow (ffff00)</option>
<option value="00ff00">green (00ff00)</option>
<option value="ff00ff">magenta (ff00ff)</option>
<option value="0000ff">blue (0000ff)</option>
<option value="00ffff" selected>cyan (00ffff)</option>
</select>
</span>
</span>
<span id="obarncontrols" issource=true style="display:none">
<input type="checkbox" name="openingswitch" onclick="barntranschange()"> opening</input>
<input type="checkbox" name="barnverticalswitch" onclick="barntranschange()"> vertical</input>
</span>
<span id="oblindscontrols" issource=true style="display:none">
bands:
<select name="blindsbandslist" onchange="blindstranschange()">
<option value="2">2</option>
<option value="4">4</option>
<option value="6">6</option>
<option value="8">8</option>
<option value="10" selected>10</option>
</select>
direction:
<select name="blindsdirectionlist" onchange="blindstranschange()">
<option value="up" selected>up</option>
<option value="down">down</option>
<option value="left">left</option>
<option value="right">right</option>
</select>
</span>
<span id="ocheckerboardcontrols" issource=true style="display:none">
direction:
<select name="checkerboarddirectionlist" onchange="checkerboardtranschange()">
<option value="up">up</option>
<option value="down">down</option>
<option value="left">left</option>
<option value="right" selected>right</option>
</select><br><br>
squaresx:
<select name="squaresxlist" onchange="checkerboardtranschange()">
<option value="2">2</option>
<option value="4">4</option>
<option value="6">6</option>
<option value="8">8</option>
<option value="10">10</option>
<option value="12">12</option>
</select>
squaresy:
<select name="squaresylist" onchange="checkerboardtranschange()">
<option value="2">2</option>
<option value="4">4</option>
<option value="6">6</option>
<option value="8">8</option>
<option value="10">10</option>
<option value="12">12</option>
</select>
</span>
<span id="ofadecontrols" issource=true style="display:none">
overlap:
<select name="fadeoverlaplist" onchange="fadetranschange()">
<option value="0.00">0.00</option>
<option value="0.25">0.25</option>
<option value="0.50">0.50</option>
<option value="0.75">0.75</option>
<option value="1.00" selected>1.00</option>
</select>
<input type="checkbox" name="centerswitch" onclick="fadetranschange()"> center</input>
</span>
<span id="oiriscontrols" issource=true style="display:none">
irisstyle:
<select name="irisstylelist" onchange="iristranschange()">
<option value="diamond">diamond</option>
<option value="circle">circle</option>
<option value="cross">cross</option>
<option value="plus" selected>plus</option>
<option value="square">square</option>
<option value="star">star</option>
</select>
<input type="checkbox" name="irisreverseswitch" onclick="iristranschange()"> reverse</input>
</span>
<span id="opixelatetranscontrols" issource=true style="display:none">
maxsquare:
<select name="maxsquaretranslist" onchange="pixelatetranschange()">
<option value="5">5</option>
<option value="10">10</option>
<option value="25">25</option>
<option value="50" selected>50</option>
</select>
</span>
<span id="oradialwipecontrols" issource=true style="display:none">
wipestyle:
<select name="radialwipestylelist" onchange="radialwipetranschange()">
<option value="clock">clock</option>
<option value="wedge">wedge</option>
<option value="radial">radial</option>
</select>
</span>
<span id="orandombarscontrols" issource=true style="display:none">
<input type="checkbox" name="randombarsverticalswitch" onclick="randombarstranschange()"> vertical</input>
</span>
<span id="oslidecontrols" issource=true style="display:none">
slidestyle:
<select name="slidestylelist" onchange="slidetranschange()">
<option value="hide" selected>hide</option>
<option value="push">push</option>
<option value="swap">swap</option>
</select>
bands:
<select name="slidebandslist" onchange="slidetranschange()">
<option value="1" selected>1</option>
<option value="3">3</option>
<option value="5">5</option>
<option value="7">7</option>
<option value="9">9</option>
</select>
</span>
<span id="ospiralcontrols" issource=true style="display:none">
gridsizex:
<select name="spiralgridsizexlist" onchange="spiraltranschange()">
<option value="8">8</option>
<option value="16" selected>16</option>
<option value="24">24</option>
<option value="32">32</option>
</select>
gridsizey:
<select name="spiralgridsizeylist" onchange="spiraltranschange()">
<option value="8">8</option>
<option value="16">16</option>
<option value="24">24</option>
<option value="32">32</option>
</select>
</span>
<span id="ostretchcontrols" issource=true style="display:none">
stretchstyle:
<select name="stretchstylelist" onchange="stretchtranschange()">
<option value="hide">hide</option>
<option value="push">push</option>
<option value="spin" selected>spin</option>
</select>
</span>
<span id="ostripscontrols" issource=true style="display:none">
movement:
<select name="movementlist" onchange="stripstranschange()">
<option value="hide">hide</option>
<option value="push">push</option>
<option value="spin" selected>spin</option>
</select>
stripsy:
<select name="stripsylist" onchange="stripstranschange()">
<option value="2">2</option>
<option value="4" selected>4</option>
<option value="6">6</option>
<option value="8">8</option>
<option value="10">10</option>
</select>
</span>
<span id="owheelcontrols" issource=true style="display:none">
spokes:
<select name="spokeslist" onchange="wheeltranschange()">
<option value="2">2</option>
<option value="4" selected>4</option>
<option value="6">6</option>
<option value="8">8</option>
<option value="10">10</option>
</select>
</span>
<span id="owipecontrols" issource=true style="display:none">
gradientsize:
<select name="gradientsizelist" onchange="wipetranschange()">
<option value="0.00">0.00</option>
<option value="0.25" selected>0.25</option>
<option value="0.50">0.50</option>
<option value="0.75">0.75</option>
<option value="1.00">1.00</option>
</select><br><br>
wipestyle:
<select name="wipestylelist" onchange="wipetranschange()">
<option value="0" id="ltrrtltext" selected>0 (left-to-right)</option>
<option value="1" id="ttbbtttext">1 (top-to-bottom)</option>
</select><br><br>
<input type="checkbox" name="wipereverseswitch" onclick="wipetranschange()"> reverse</input>
</span>
<span id="ozigzagcontrols" issource=true style="display:none">
gridsizex:
<select name="zigzaggridsizexlist" onchange="zigzagtranschange()">
<option value="8">8</option>
<option value="16" selected>16</option>
<option value="24">24</option>
<option value="32">32</option>
</select>
gridsizey:
<select name="zigzaggridsizeylist" onchange="zigzagtranschange()">
<option value="8">8</option>
<option value="16">16</option>
<option value="24">24</option>
<option value="32">32</option>
</select>
</span>
<!– document content end –>
</body>
</html>
