$(document).ready(function() {

				oldKarttaId = $("#kartta").attr('class');

				$(".laatikot div div").click(function(){
						window.location.href = window.location.protocol + "//" + window.location.hostname + "/vihreattoivotalkoot/haasta_kaverisi/?E2203622teko=" +  encodeURIComponent($(this).children("p").html());
						// = haasteLinkki;
				});


				$("map area", "#kartta").hover(function(){
								var karttaId = $(this).attr("href");
								karttaId = karttaId.substring(18);
								karttaId = "kartta" + karttaId;
								$("#kartta").attr("class", "");
								$("#kartta").addClass(karttaId);
				},
				function(){
								$("#kartta").attr("class", "");
				});

				$("#kartta").hover(function(){},
													 function(){
																$("#kartta").attr("class", oldKarttaId);
													 })

        $(".box").hover(
				function(){
								$(this).children().fadeIn("fast");
				},
				function() {
								$(this).children().fadeOut("fast");
				});


				$("div#ekoteot div p").append('<a href="/vihreatoivotalkoot/haasta_kaverisi/"><br><img src="/res/viher/haasta.gif" alt="Haasta kaverisi" /></a>');

				$("#ekoteot a").bind("click", function(){
						window.location.href = window.location.protocol + "//" + window.location.hostname + "/vihreattoivotalkoot/haasta_kaverisi/?E2203622teko=" + encodeURIComponent($(this).siblings("span").html());
						return false;
				});

    var sliderPos = $("#slider").offset();
        sliderPos = sliderPos.left;

		$('#cursor').bind('drag',function( event ){

				if ((event.offsetX - sliderPos) < 520 && (event.offsetX - sliderPos) > 0) {
			  $( this ).css({
          left: Math.round( (event.offsetX  - sliderPos) /26 ) * 26
        });
      };

      if($(this).css("left") == '0pt' || $(this).css("left") == '0px') {
        showEkoTeko("eko1");
      } else if($(this).css("left") == '26px') {
        showEkoTeko("eko2");
      } else if($(this).css("left") == '52px') {
        showEkoTeko("eko3");
      } else if($(this).css("left") == '78px') {
        showEkoTeko("eko4");
      } else if($(this).css("left") == '104px') {
        showEkoTeko("eko5");
      } else if($(this).css("left") == '130px') {
        showEkoTeko("eko6");
      } else if($(this).css("left") == '156px') {
        showEkoTeko("eko7");
      } else if($(this).css("left") == '182px') {
        showEkoTeko("eko8");
      } else if($(this).css("left") == '208px') {
        showEkoTeko("eko9");
      } else if($(this).css("left") == '234px') {
        showEkoTeko("eko10");
      } else if($(this).css("left") == '260px') {
        showEkoTeko("eko11");
      } else if($(this).css("left") == '286px') {
        showEkoTeko("eko12");
      } else if($(this).css("left") == '312px') {
        showEkoTeko("eko13");
      } else if($(this).css("left") == '338px') {
        showEkoTeko("eko14");
      } else if($(this).css("left") == '364px') {
        showEkoTeko("eko15");
      } else if($(this).css("left") == '390px') {
        showEkoTeko("eko16");
      } else if($(this).css("left") == '416px') {
        showEkoTeko("eko17");
      } else if($(this).css("left") == '442px') {
        showEkoTeko("eko18");
      } else if($(this).css("left") == '468px') {
        showEkoTeko("eko19");
      } else if($(this).css("left") == '494px') {
        showEkoTeko("eko20");
      }


			$( this ).css({
				left: event.offsetX - sliderPos
		  });

      if ((event.offsetX - sliderPos) < 0)
        $( this ).css({
				left: 0
      });

      if ((event.offsetX - sliderPos) > 494)
        $( this ).css({
				left: 494
      });



		});

    $('#cursor').bind('dragend',function( event ){



		});

    $("#slider div.ekoboksi").click(hoverEkoTeko);

		function hoverEkoTeko(){
				var slideId = $(this).attr("id");
       var newPosition = slideId.substring(5) * 26 - 26;
       $("#cursor").stop().animate({
        left: newPosition
       }, 200);
       slideId = "eko" + slideId.substring(5);
       showEkoTeko(slideId);
		}

    function showEkoTeko(tekoId) {
				$('#ekoteot div').removeClass("active");
        $('#' + tekoId).addClass("active");

        var boxId = "slide" + tekoId.substring(3);
        $("#slider div.ekoboksi").removeClass("active");
        $("#slider div#"+ boxId).addClass("active");
    }

  });