From 65ac6a179ff68d5ffea9300ea96c00765c752b9b Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Thu, 19 Jul 2012 17:56:02 +0400
Subject: [PATCH] minor adjustments, think I'm done, now time to merge...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 ui/experiment-ribbon-navigation-n-zoom.html | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/ui/experiment-ribbon-navigation-n-zoom.html b/ui/experiment-ribbon-navigation-n-zoom.html
index d4510333..f071f3dc 100755
--- a/ui/experiment-ribbon-navigation-n-zoom.html
+++ b/ui/experiment-ribbon-navigation-n-zoom.html
@@ -23,6 +23,15 @@ $(document).ready(function(){
 	$('.current.square').click()
 })
 
+function toggleMarkers(){
+	var marker = $('.v-marker, .h-marker')
+	if(marker.css('display') == 'none'){
+		marker.fadeIn()
+	} else {
+		marker.fadeOut()
+	}
+}
+
 function squareClick(){
 	// set classes...
 	$('.current').removeClass('current')
@@ -339,13 +348,18 @@ function fitThreeImages(){
 
 </style>
 
-Zoom: <button onclick="zoomContainerBy(2)">+</button>
+Guides:
+<button onclick="toggleMarkers()">Toggle Guides</button>
+<br>
+
+Zoom:
+<button onclick="zoomContainerBy(2)">+</button>
 <button onclick="zoomContainerBy(0.5)">-</button>
 <button onclick="setContainerZoom(1)">Original</button>
 <button onclick="fitImage()">Image</button>
 <button onclick="fitThreeImages()">Three</button>
-
 <br>
+
 Size: 
 <button onclick="containerSize($('.meta-container').width()*1.5, $('.meta-container').height()*1.5)">+</button>
 <button onclick="containerSize($('.meta-container').width()*0.75, $('.meta-container').height()*0.75)">-</button>