root/extensions/Front2Back/template/Front2Back.tpl @ 9784

{combine_script id="jquery"}
{combine_css path=$F2B_PATH|@cat:"template/Front2Back.css"}

{footer_script require="jquery"}
        jQuery('.reverse').click(function() {ldelim}
                if (jQuery(this).attr('name') == 'front') {ldelim}
                        /* picture attributes */
                        jQuery('#theImage img:first-child').attr({ldelim}
                                src: '{$VERSO_URL}',
                                style: 'width:;height:;',
                        });
                        
                        /* hd link atributes */
                        {if isset($VERSO_HD)}
                        jQuery('#theImage a:first-child').attr({ldelim}
                                href: "javascript:phpWGOpenWindow('{$VERSO_HD}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')"
                        });
                        {/if}
                        
                        /* f2b link content */
                        jQuery(this).html('<img src="{$F2B_PATH}template/rotate_2.png"/> {'Front2Back_front'|@translate}');
                        jQuery(this).attr('name', 'back');
                        
                } else if (jQuery(this).attr('name') == 'back') {ldelim}
                        jQuery('#theImage img:first-child').attr({ldelim}
                                src: '{$SRC_IMG}',
                                style: 'width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;',
                        });
                        
                        {if isset($VERSO_HD)}
                        jQuery('#theImage a:first-child').attr({ldelim}
                                href: "javascript:phpWGOpenWindow('{$high.U_HIGH}','{$high.UUID}','scrollbars=yes,toolbar=no,status=no,resizable=yes')')"
                        });
                        {/if}
                        
                        jQuery(this).html('<img src="{$F2B_PATH}template/rotate_1.png"/> {'Front2Back_back'|@translate}');
                        jQuery(this).attr('name', 'front');
                }
        });
{/footer_script}

<a class="reverse" name="front">
        <img src="{$F2B_PATH}template/rotate_1.png"/>
        {'Front2Back_back'|@translate}
</a>