Product Details

Our new product line should sell very well this year.

Market Data

The market for our products is growing.

• 15% new
• 60% old
• 25% used

<!-- This element has the filter applied. -->

<DIV ID="oTransContainer" STYLE="position:absolute; top: 0px; left: 0px; 
    width: 300px;height:300px;  
filter:progid:DXImageTransform.Microsoft.Checkerboard(squaresX=12,
     squaresY=8, direction='right', duration=1) ">

<!-- This is the first content that is displayed. -->

    <DIV ID="oDIV1" STYLE="position:absolute; top:50px; left:10px; width:240px; height:160px;
    background:gold"> This is DIV #1  </DIV>

<!-- This content displays after the first content. -->

    <DIV ID="oDIV2" STYLE="visibility:hidden; position:absolute; top:50px; left:10px; 
    width:240px; height:160px; background: yellowgreen; "> <BR> This is DIV #2
    </DIV> 
</DIV>

<BUTTON onclick="fnToggle()">Toggle Transition</BUTTON>

<SCRIPT>
var bTranState = 0;
function fnToggle() {
    oTransContainer.filters[0].Apply();
    if (bTranState=='0') { 
		bTranState = 1;
        oDIV2.style.visibility="visible"; 
		oDIV1.style.visibility="hidden";}
    else {  
		bTranState = 0;
        oDIV2.style.visibility="hidden"; 
		oDIV1.style.visibility="visible";}
    	oTransContainer.filters[0].Play();}
</SCRIPT>