var delta = 0;
    var points = [];

    // Make a random list of waypoints for the animation to follow

    points.push([170, 180]);
    points.push([210, 210]);
    points.push([230, 240]);
    points.push([240, 270]);
    points.push([242, 300]);
    points.push([242, 330]);
    points.push([240, 360]);
    points.push([235, 390]);
    points.push([220, 410]);
    points.push([210, 440]);
    points.push([180, 470]);
    points.push([145, 500]);
    points.push([135, 530]);
    points.push([120, 560]);
    points.push([125, 590]);
    points.push([145, 615]);
    points.push([175, 640]);
    points.push([220, 670]);
    points.push([270, 700]);
    points.push([300, 730]);
    points.push([315, 770]);
    points.push([310, 800]);
    points.push([300, 830]);
    points.push([290, 860]);
    points.push([250, 890]);
    points.push([205, 920]);
    points.push([180, 950]);
    points.push([160, 980]);
    points.push([160, 1010]);
    points.push([165, 1040]);
    points.push([175, 1070]);
    points.push([190, 1100]);
    points.push([215, 1130]);
    points.push([230, 1160]);
    points.push([245, 1190]);
    points.push([255, 1220]);
    points.push([260, 1250]);
    points.push([265, 1280]);
    points.push([255, 1310]);
    points.push([240, 1340]);
    points.push([215, 1370]);


    var tmp = 0;
    var index = 0;
	var under16 = false;
	
	function moveMonkey(index, scrollDelta)
	{
		$('.monkey').css("background-position", "-" + index * 50 + "px -50px");
		$('.monkey').animate({
			left: points[index][0] ,
			top: points[index][1]
		}, 2 * scrollDelta, function(){ });
		
		//$('.monkey').css("left", points[index][0]);
        //$('.monkey').css("top", points[index][1]);
        
	}
	
	
    $(window).scroll(function() {
		var newScrollPos = $(window).scrollTop();
		var newIndex = Math.round(($(window).scrollTop() / 23));

        if(newIndex < points.length)
		{
            index = newIndex;
			moveMonkey(newIndex, Math.abs(newScrollPos - delta)); 
			
		}
       
		delta = newScrollPos;
     
    
    });
	
	/*
	$(document).ready(function() {
			for(i = 0; i < points.length; i++)
			{
				//$("#map").append("<div class='monkey' style='left: " + points[i][0] +"px !important; top: " + points[i][1] + "px; background-position: -" + i * 50 + "px -50px;'></div>");
			}
	});*/

    function hideMenu()
    {
        $('#header').hide();
    }
    function showMenu()
    {
		if(!under16)
			$('#header').show();
    }
	
	

	$(document).ready(function() {

		var hash = window.location.hash;
		
		if(hash == "#under16")
		{
			$('#welcome-wrapper').css('display', 'none');
			$('#header').css('display', 'none');
			$('#footer-product-txt').css('display', 'none');
			$('#container').css('display', 'block');
			
			under16 = true;			
			window.location.hash = "#under16";
		}
		else if(hash == "#over16")
		{
			$('#welcome-wrapper').css('display', 'none');
			$('#container').css('display', 'block');
			
			under16 = false;
			window.location.hash = "#over16";
		}
		else if(hash == "#quiz")
		{
			$('#welcome-wrapper').css('display', 'none');
			$('#container').css('display', 'block');
			
			under16 = false;
			window.location.hash = "#quiz";
			
			$("#quiz-dialog").dialog({ width: 425, height: 320, autoOpen: false, open: function(event, ui) { hideMenu(); }, close: function(event, ui) { showMenu(); } });
			$('#quiz-dialog').dialog('open');
		}
		
		
		$('#btn-under16').click(function() {
			$('#welcome-wrapper').css('display', 'none');
			$('#header').css('display', 'none');
			$('#footer-product-txt').css('display', 'none');
			$('#container').css('display', 'block');
			
			under16 = true;			
			window.location.hash = "#under16";
			
			return false;
		});
		$('#btn-over16').click(function() {
			$('#welcome-wrapper').css('display', 'none');
			$('#container').css('display', 'block');
			
			under16 = false;
			window.location.hash = "#over16";
			
			return false;
		});
		
		 $('.om-safari').click(function() {
			$.scrollTo('#footer-slide', 1000);
			return false;
		});

	   



		$("#game-dialog-ubat").dialog({width: 827, height: 650, position: 'center', autoOpen: false,
			open: function(event, ui) {
				hideMenu();
				$('.ui-widget ').css('top', '0');
				$('#game-dialog-ubat .game-container').prepend("<div id='game2'></div>");
				swfobject.embedSWF("/wp-content/themes/safari/games/ubat.swf", "game2", "698", "430", "9.0.0");
			},
			close: function(event, ui) {
				showMenu();
				swfobject.removeSWF("game2");
			}
		});
		
		$('#ubat-game-map, .dialog-game-ubat').click(function() {
			$('#game-dialog-pusle').dialog('close');
			$('#game-dialog-huske').dialog('close');
			$('#game-dialog-jungel').dialog('close');
			$('#game-dialog-ballong').dialog('close');
			$('#game-dialog-ubat').dialog('open');
			
			$(".ui-dialog-titlebar-close").css('top', 90);
			$(".ui-dialog-titlebar-close").css('right', 0);
			
		
							
			return false;
		});



		$("#game-dialog-jungel").dialog({width: 827, height: 650, position: 'center', autoOpen: false,
			open: function(event, ui) {
				hideMenu();
				$('.ui-widget ').css('top', '0');
				$('#game-dialog-jungel .game-container').prepend("<div id='game1'></div>");
				swfobject.embedSWF("/wp-content/themes/safari/games/jungle.swf", "game1", "698", "430", "9.0.0");
				
			},
			close: function(event, ui) {
				showMenu();
				swfobject.removeSWF("game1");
			}
		});
		
		$('#jungle-game-map, #spill, .dialog-game-jungel').click(function() {
			$('#game-dialog-pusle').dialog('close');
			$('#game-dialog-huske').dialog('close');
			$('#game-dialog-ballong').dialog('close');
			$('#game-dialog-ubat').dialog('close');
			$('#game-dialog-jungel').dialog('open');
			
			$(".ui-dialog-titlebar-close").css('top', 90);
			$(".ui-dialog-titlebar-close").css('right', 0);
			
			return false;
		});



		$("#game-dialog-ballong").dialog({width: 827, height: 650, position: 'center', autoOpen: false, 
			open: function(event, ui) {
				hideMenu();
				$('.ui-widget ').css('top', '0');
				$('#game-dialog-ballong .game-container').prepend("<div id='game3'></div>");
				swfobject.embedSWF("/wp-content/themes/safari/games/ballong.swf", "game3", "698", "430", "9.0.0");
			},
			close: function(event, ui) {
				showMenu();
				swfobject.removeSWF("game3");
			}
		});

		$('#ballong-game-map, .dialog-game-ballong').click(function() {
			$('#game-dialog-pusle').dialog('close');
			$('#game-dialog-huske').dialog('close');
			$('#game-dialog-jungel').dialog('close');
			$('#game-dialog-ubat').dialog('close');
			$('#game-dialog-ballong').dialog('open');
			
			$(".ui-dialog-titlebar-close").css('top', 90);
			$(".ui-dialog-titlebar-close").css('right', 0);
			
			return false;
		});



		$("#game-dialog-huske").dialog({width: 827, height: 650, position: 'center', autoOpen: false,
			open: function(event, ui) {
				hideMenu();
				$('.ui-widget ').css('top', '0');
				$('#game-dialog-huske .game-container').prepend("<div id='game4'></div>");
				swfobject.embedSWF("/wp-content/themes/safari/games/huskespill.swf", "game4", "550", "442", "9.0.0");
			},
			close: function(event, ui) {
				showMenu();
				swfobject.removeSWF("game4");
			}
		});
		
		$('#huske-game-map, .dialog-game-huske').click(function() {
			$('#game-dialog-pusle').dialog('close');
			$('#game-dialog-jungel').dialog('close');
			$('#game-dialog-ubat').dialog('close');
			$('#game-dialog-ballong').dialog('close');
			$('#game-dialog-huske').dialog('open');
			
			$(".ui-dialog-titlebar-close").css('top', 90);
			$(".ui-dialog-titlebar-close").css('right', 0);
			
			return false;
		});




		$("#game-dialog-pusle").dialog({width: 827, height: 650, position: 'center', autoOpen: false,
			open: function(event, ui) {
				hideMenu();
				$('.ui-widget ').css('top', '0');
				$('#game-dialog-pusle .game-container').prepend("<div id='game5'></div>");
				swfobject.embedSWF("/wp-content/themes/safari/games/puslespill.swf", "game5", "698", "430", "9.0.0");
			},
			close: function(event, ui) {
				showMenu();
				swfobject.removeSWF("game5");
			}
		});
		
		$('#pusle-game-map, .dialog-game-pusle').click(function() {
			$('#game-dialog-huske').dialog('close');
			$('#game-dialog-jungel').dialog('close');
			$('#game-dialog-ubat').dialog('close');
			$('#game-dialog-ballong').dialog('close');
			$('#game-dialog-pusle').dialog('open');
			
			$(".ui-dialog-titlebar-close").css('top', 90);
			$(".ui-dialog-titlebar-close").css('right', 0);
			
			return false;
		});
	});