this.label2value = function(){	

  var inactive = "inactive";
  var active = "active";
  var focused = "focused";
  
  $("label").each(function(){		
    obj = document.getElementById($(this).attr("for"));
    if((obj) && (($(obj).attr("type") == "text") || (obj.tagName.toLowerCase() == "textarea"))){			
      $(obj).addClass(inactive);			
      var text = $(this).text();
      $(this).css("display","none");			
      $(obj).val(text);
      $(obj).focus(function(){	
        $(this).addClass(focused);
        $(this).removeClass(inactive);
        $(this).removeClass(active);								  
        if($(this).val() == text) $(this).val("");
      });	
      $(obj).blur(function(){	
        $(this).removeClass(focused);													 
        if($(this).val() == "") {
          $(this).val(text);
          $(this).addClass(inactive);
        } else {
          $(this).addClass(active);		
        };				
      });				
    };	
  });		
};
this.changeLabels = function(box){
  $(box).each(function(){
    if ($(this).hasClass('active'))
      $(this).addClass('ready');
    $(this).removeClass('active');
	$(this).find('img').attr("src", $(this).find('img').attr("src").replace('_active', '_inactive'));
  });
};
$(document).ready(function(){

  var cb_count = 0;
  var status = 'enabled';
  var redstate = 0;
  
  $('div.check_holder').click(function(){
    if($(this).find('div.checkbox').hasClass('disabled')){
      if($(this).find('div.checkbox').hasClass('wrong')){
        $(this).find('div.checkbox').addClass('empty');
        $(this).find('div.checkbox').removeClass('disabled');
        $(this).find('div.checkbox').removeClass('wrong');
        cb_count--;
        enableBoxes();
      }
    }
    else if($(this).find('div.checkbox').hasClass('wrong')){
      enableBoxes();
      $(this).find('div.checkbox').addClass('empty');
      $(this).find('div.checkbox').removeClass('selected');      
      $(this).find('div.checkbox').removeClass('wrong');      
      cb_count--;
    }
    else if($(this).find('div.checkbox').hasClass('empty')){
      if(status == 'enabled'){
        $(this).find('div.checkbox').addClass('selected');
        $(this).find('div.checkbox').removeClass('empty');
        cb_count++;
      }
      activate();
    }
    else if($(this).find('div.checkbox').hasClass('selected')){
      if(status == 'enabled'){
        $(this).find('div.checkbox').addClass('empty');
        $(this).find('div.checkbox').removeClass('selected');
        cb_count--;
      }
    }
    
  });
  
  function activate(){
    if(cb_count > 3){
      status = 'disabled';
      $('div.checkbox').each(function(){
        $(this).addClass('disabled');
      });
      $('div.readybox').show();
    }
  }
  
  function disableBoxes()
  {
    $('div.checkbox').each(function(){
      $(this).addClass('disabled');
    });
    status = 'disabled';
  }
  
  function enableBoxes()
  {
    $('div.checkbox').each(function(){
      $(this).removeClass('disabled');
    });
    status = 'enabled';
  }
  
  $('div.readybox').click(function(){
    $('p.context_sent').hide('slow');            
    validateCB();
  });
  
  $('#tuubi-submit').click(function(){
    if(($('#name').val() == '')||($('#name').val() == 'Nimi *')) { $('p.red').html('Syötä nimi'); var tosend1 = 'no'; } else { $('p.red').html(''); var tosend1 = 'ok'; }
    if(($('#email').val() == '')||($('#email').val() == 'Sähköposti *')) { $('p.red2').html('Syötä email'); var tosend2 = 'no' } else { $('p.red2').html(''); var tosend2 = 'ok'; }
    if(($('#born').val() == '')||($('#born').val() == 'Syntymävuosi *')) { $('p.red3').html('Syötä syntymävuosi'); var tosend3 = 'no' } else { $('p.red3').html(''); var tosend3 = 'ok'; }
    if((tosend1 == 'ok')&&(tosend2 == 'ok')&&(tosend3 == 'ok')) $('#kisa').submit();
  });
  
  label2value();

  $('div.botnavi div.ready').click(function(){
    var week = $(this).find('div.week').html();
    $('#form_holder').hide('slow');
    changeLabels('div.botnavi div.box_holder');
    $(this).addClass('active');
	$(this).find('img').attr("src", $(this).find('img').attr("src").replace('inactive', 'active'));
//    $('#ing').load('/obxi.php/myfuture/ingress/?wk='+week);
    $('#video_frame').load('/obxi.php/myfuture/video/?wk='+week);
  });
  
  $('div.botnavi div.current').click(function(){
    var week = $(this).find('div.week').html();
    $('#form_holder').show('slow');
    changeLabels('div.botnavi div.box_holder');
    $(this).addClass('active');
	$(this).find('img').attr("src", $(this).find('img').attr("src").replace('inactive', 'active'));
//    $('#ing').load('/obxi.php/myfuture/ingress/?wk='+week);
    $('#video_frame').load('/obxi.php/myfuture/video/?wk='+week);
  });

  $('div.botnavi div.box_holder').mouseover(function(){
    $(this).addClass('tempactive');
	$(this).find('img').attr("src", $(this).find('img').attr("src").replace('inactive', 'active'));
	});

  $('div.botnavi div.box_holder').mouseout(function(){
    $(this).removeClass('tempactive');
	if (!$(this).hasClass('active'))
		$(this).find('img').attr("src", $(this).find('img').attr("src").replace('_active', '_inactive'));
	});

  $('span.textnavi').click(function(){
	var week = 0;
	var weekname = 'week0';
	switch($(this).html()) {
		case ('kotoa'):
			week = 22;
			weekname = 'week22';
			break;
		case ('kirjastosta'):
			week = 23;
			weekname = 'week23';
			break;
		case ('kaupungilta'):
			week = 21;
			weekname = 'week21';
			break;
		case ('mökiltä'):
			week = 24;
			weekname = 'week24';
			break;
		default:
			break;
	}
    $('#form_holder').show('slow');
    changeLabels('div.botnavi div.box_holder');
    $('.'+weekname).addClass('active');
	$('.'+weekname).find('img').attr("src", $('.'+weekname).find('img').attr("src").replace('inactive', 'active'));
//    $('#ing').load('/obxi.php/myfuture/ingress/?wk='+week);
    $('#video_frame').load('/obxi.php/myfuture/video/?wk='+week);
  });

});