<!-- start partial: PID: PRODUCT_ITEM_INDEX_GALLERY -->

                                                                                                                                                                <div class="ui-productitem ui-productitem-gallery">

                                                                                                                                                                        <!-- start partial: PID: TABLEWRAPPER -->

                                                                                                                                                                        <table width="100%" cellspacing="0" cellpadding="0" summary="0" class="">

                                                                                                                                                                                <tr>

                                                                                                                                                                                        <td class="ui-innertable ui-widget ui-helper-reset">

                                                                                                                                                                                                <div class="primary">

                                                                                                                                                                                                        <div class="ui-innertable-header ui-helper-reset ui-widget-content ui-corner-top ui-innertable-content-active"></div>

                                                                                                                                                                                                        <div class="ui-innertable-content ui-helper-reset ui-widget-content ui-innertable-content-active">

                                                                                                                                                                                                                <table width="100%" cellspacing="0" cellpadding="0" summary="">

                                                                                                                                                                                                                        <tr>

                                                                                                                                                                                                                                <td align="center">

                                                                                                                                                                                                                                        <h3 class="ui-helper-reset">

                                                                                                                                                                                                                                                <span>Name</span>

                                                                                                                                                                                                                                        </h3>

                                                                                                                                                                                                                                </td>

                                                                                                                                                                                                                        </tr>

                                                                                                                                                                                                                        <tr><td>&nbsp;</td></tr>

                                                                                                                                                                                                                        <tr>

                                                                                                                                                                                                                                <td valign="center" style="height: 150px" align="center">

                                                                                                                                                                                                                                       

                                                                                                                                                                                                                                        <div class="imageButton ui-corner-all" style="border: 1px solid #AAACC0; width: 140px; height: 140px; overflow: hidden;">

                                                                                                                                                                                                                                                <a href="#saleImage"><img class="imageSrc" src="<?=ROOT?>1.jpg" style="width: 140px; height: 140px;" /></a>

                                                                                                                                                                                                                                                <div class="ui-corner-all resizeButton" style="display: none; background: #fff; border: 1px solid #000; width: 30px; height: 30px; margin-top: 105px; margin-left: 104px;"></div>

                                                                                                                                                                                                                                        </div>

                                                                                                                                                                                                                                </td>

                                                                                                                                                                                                                        </tr>

                                                                                                                                                                                                                        <!--

                                                                                                                                                                                                                        <tr><td>&nbsp;</td></tr>

                                                                                                                                                                                                                        <tr>

                                                                                                                                                                                                                                <td valign="top" align="left">

                                                                                                                                                                                                                                        <div class="description">

                                                                                                                                                                                                                                                25 Liter, für Katzen ungeeignet

                                                                                                                                                                                                                                        </div>

                                                                                                                                                                                                                                </td>

                                                                                                                                                                                                                        </tr>-->

                                                                                                                                                                                                                        <tr><td>&nbsp;</td></tr>

                                                                                                                                                                                                                        <tr>

                                                                                                                                                                                                                                <td align="right">

                                                                                                                                                                                                                                        <h3 class="ui-helper-reset">

                                                                                                                                                                                                                                                <span>fruffl</span>

                                                                                                                                                                                                                                        </h3>

                                                                                                                                                                                                                                </td>

                                                                                                                                                                                                                        </tr>

                                                                                                                                                                                                                </table>

                                                                                                                                                                                                        </div>

                                                                                                                                                                                                </div>

                                                                                                                                                                                                <div class="secondary">

                                                                                                                                                                                                        <div class="ui-innertable-content ui-helper-reset ui-widget-content ui-innertable-content-active">

                                                                                                                                                                                                                <table width="100%" cellspacing="0" cellpadding="0" summary="">

                                       

                                                                                                                                                                                                                        <tr>

                                                                                                                                                                                                                                <td valign="top" align="center" class="detailButton"><a href="#detailLink">{detail}</a></td>

                                                                                                                                                                                                                                <td valign="top" align="center" class="saleButton">

                                                                                                                                                                                                                                        <a href="#saleLink">

                                                                                                                                                                                                                                                <span>gut finden</span>

                                                                                                                                                                                                                                        </a>

                                                                                                                                                                                                                                </td>

                                                                                                                                                                                                                        </tr>

                                                                                                                                                                                                                </table>                                                       

                                                                                                                                                                                                        </div>

                                                                                                                                                                                                        <div class="ui-innertable-footer ui-helper-reset ui-widget-content ui-corner-bottom ui-innertable-content-active"></div>

                                                                                                                                                                                                </div>

                                                                                                                                                                                        </td>

                                                                                                                                                                                </tr>

                                                                                                                                                                        </table>

                                                                                                                                                                        <!-- end partial: PID: TABLEWRAPPER -->

                                                                                                                                                                </div>

                                                                                                                                                                <!-- end partial: PID: PRODUCT_ITEM_INDEX_GALLERY -->

 

 

 

 

 

 

 

 

 

 

 

 

 

 

============================================= jquery:

 

                                // not in IE6

                                if(!(jQuery.browser.msie && jQuery.browser.version < 7))

                                {

                               

                                        $("img.imageSrc").hide();

                                       

                                        $('div.ui-productitem-gallery table tr td div.primary').each(function()

                                        {

                                               

                                                                                               

                                               

                                                $(this).find("div.imageButton").css

                                                (

                                                        {

                                                                'background-image': 'url('+$(this).find("div.imageButton").find("img.imageSrc").attr('src')+')',

                                                                'background-position': '50% 50%'

                                                        }

                                                );

                                               

                                                $(this).mouseover

                                                (      

                                                        function()

                                                        {

                                                                $(this).addClass('mouse_pointer');

                                                                $(this).find("div.ui-innertable-header").addClass('ui-state-hover');

                                                                $(this).find("div.ui-innertable-content").addClass('ui-state-hover');

                                                               

                                                                $(this).find("div.imageButton").mouseover

                                                                (

                                                                        function()

                                                                        {

                                                                                // yayaa this is NOT flash *stfu*

                                                                                $(this).find("div.resizeButton").fadeIn().mouseover

                                                                                (

                                                                                        function()

                                                                                        {

                                                                                                $(this).stop(true).css({'background-color':'#f00'});

                                                                                        }

                                                                                ).click

                                                                                (

                                                                                        function()

                                                                                        {

                                                                                                location.href = $(this).parent().find('a').attr('href');

                                                                                                return false;

                                                                                        }

                                                                                );

                                                                        }

                                                                );

                                                               

                ;

                                                        }

                                                ).mouseout

                                                (      

                                                        function()

                                                        {

                                                                $(this).removeClass('mouse_pointer');

                                                                $(this).find("div.ui-innertable-header").removeClass('ui-state-hover');

                                                                $(this).find("div.ui-innertable-content").removeClass('ui-state-hover');

                                                                $(this).find("div.imageButton").mouseout

                                                                (

                                                                        function()

                                                                        {

                                                                                $(this).find("div.resizeButton").fadeOut().mouseout

                                                                                (

                                                                                        function()

                                                                                        {

                                                                                                $(this).stop(true).css({'background-color':'#fff'});

                                                                                        }

                                                                                );

                                                                        }

                                                                );

                                                        }

                                                ).click

                                                (      

                                                        function()

                                                        {

                                                                location.href = $(this).parent().parent().find("td.detailButton a").attr('href');

                                                                return false;

                                                        }

                                                );

 

                                        });

                                       

                                       

                                        $('div.ui-productitem-gallery table tr td div.secondary').each(function()

                                        {

                                                $(this).find('td.detailButton').hide();

                                               

                                                $(this).mouseover

                                                (      

                                                        function()

                                                        {

                                                                $(this).addClass('mouse_pointer');

                                                                $(this).find("div.ui-innertable-content").addClass('ui-state-hover');

                                                                $(this).find("div.ui-innertable-footer").addClass('ui-state-hover');

                                                               

                                                        }

                                                ).mouseout

                                                (      

                                                        function()

                                                        {

                                                                $(this).removeClass('mouse_pointer');

                                                                $(this).find("div.ui-innertable-content").removeClass('ui-state-hover');

                                                                $(this).find("div.ui-innertable-footer").removeClass('ui-state-hover');

                                                        }

                                                ).click

                                                (      

                                                        function()

                                                        {

                                                                location.href = $(this).find("td.saleButton a").attr('href');

                                                                return false;

                                                        }

                                                );     

                                        });                    

                                }