{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>