display full episode image on clicks

panikweb_templates/static/js/specifics.js

@@ -409,6 +409,13 @@ $(function() {
 		$('#nav-search a').unbind('click').on('click', navsearch_click);
 		$('#nav-search form').unbind('submit').on('submit', navsearch_click);
 
+		$('[data-toggle-img]').bind('click', function() {
+			var src = $(this).data('toggle-img');
+			$(this).data('toggle-img', $(this).attr('src'));
+			$(this).attr('src', src);
+			$(this).toggleClass('right marged');
+		});
+
 		if (document.cookie.indexOf('panikdb=on') != -1) {
 			panikdb_path = null;
 			if (window.location.pathname.indexOf('/emissions/') == 0) {

panikweb_templates/templates/episodes/detail.html

@@ -38,9 +38,7 @@
 	{% endif %}
 	<div class="content userContent marged">
 		{% if episode.image %}
-		<div class="logo right">
-			<img src="{{ episode.image|thumbnail:'640x480' }}"/>
-		</div>
+		<img class="logo right button" data-toggle-img="/media/{{episode.image}}" src="{{ episode.image|thumbnail:'640x480' }}"/>
 		{% endif %}
 		{% if episode.subtitle %}
 		<div class="description">