// Put all your code in your document ready area
jQuery(document).ready(function($){

// Navigation. Using JHorizontal
		var originalSizes = new Array();
		$('#contentFrame').jScrollHorizontalPane({scrollbarHeight:0, scrollbarMargin:0});
			// this initialises the demo scollpanes on the page.

			$('a.jumper').click(function(){
				var pos = $(this).attr('id');	
			
				var linkClicked = document.getElementById(pos);
				
				// Show which element has been clicked
				$(linkClicked).fadeOut('fast', function() {
				$(linkClicked).fadeIn('slow');
					// emphesize which tab the current user is looking at. selectedLink is a class in menu.css

					var max = 3;
					var i = 0;
					while(i <= max){
							
						if(i == pos){
							$(linkClicked).removeClass("unSelectedLink");
							$(linkClicked).addClass("selectedLink");
						}
						else{
							linkNotClicked = document.getElementById(i);
							$(linkNotClicked).addClass("unSelectedLink");
						}
						i++;
					}
				});
				var c = $("#contentFrame");
				c[0].scrollTo("li:eq("+pos+")");
				return false;
			});
// Lavalamp, Menu
            $("#NavigationMenu").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
		$(".stickerPicture").draggable();



});