laurence for favorite panel

1 files changed, 19 insertions, 2 deletions

diff --git a/colors.htm b/colors.htm
index f302e1e..986e36e 100644
--- a/colors.htm
+++ b/colors.htm
@@ -49,7 +49,7 @@
 				<div id="favpanel" style="display:none;">
 					<input type="hidden" name="favcolors" id="favcolors" />
 					<label class="paneltitle">FAVORITES</label>
-					<span class="favcolor" style="display:none;"><input name="favcolor" type="radio" id="favnone" onclick="selectfavColor('');"><label>&nbsp;</label></span>	
+					<span class="favcolor" style="display:none;"><input name="favcolor" type="radio" id="favnone" onclick="selectfavColor('');"><label>&nbsp;</label><span class="favcolorbox">&nbsp;</span></span>
 				</div>
 				<div class="clear"></div>
 			</form>
@@ -63,7 +63,7 @@
 	<script type="text/javascript" src="./js/colorpicker.js"></script>
 	<script type="text/javascript" src="./js/jquery.fancybox.js?v=2.1.5"></script>
 	<script type="text/javascript" src="./js/jquery.remember-state.js"></script>
-	<script type="text/javascript">
+	<script type="text/javascript">		
 		$('#submitvalue').click(function(){
 			$("form").rememberState("save");
 		});
@@ -76,6 +76,23 @@
 			  $('#linkrestore').click();			  
 			  ColorPicker.loadColorStorage();
 		});
+		var lastoffset = 0;
+		$(window).scroll(function(){
+			if($(this).scrollTop() == 0) {
+					$('#switches').css({'top': '118px' });
+			}
+			if (bscroll)
+			{
+				if($(this).scrollTop() != 0) {					
+					var fcolors = $('#favcolors').val();	
+					var clist=fcolors.split(separate);
+					if (lastoffset < $(this).scrollTop()) {
+						$('#switches').css({'top': (118 - 19 * (clist.length - 3)) + 'px' });
+					}
+				}
+			}			
+			lastoffset = $(this).scrollTop();			
+		});		
   </script>
 </body>
 </html>