function readFontSizeFromCookie(){
  var size = $.cookie("font_size");

  if(size == null || size == 0) { return 12; }

  $("#content-area p, #content-area li, #content-area label").css("font-size", size + "px");
  return size;
}

$(document).ready(function(){
  $('#ScriptCheck').remove();
  var sizeFromCookie = readFontSizeFromCookie();

  $("#TextSizeSlider").slider({
			value:sizeFromCookie,
			min: 12,
			max: 18,
			step: 2,
			slide: function(event, ui) {
				var headerValue = transformToHeaderSize(ui.value);
				$("#content-area p, #content-area li, #content-area label").animate({
				  fontSize: ui.value				  
				}, 300);
				$("#content-area h3").animate({
				  fontSize: headerValue + '%'				  
				}, 300);
				$.cookie("font_size", ui.value, { expires: 365 });				
			}
  });

  $('#footer input:submit').button();
  validateSignupEmail($('#footer input:submit'));

  $('#search-box .form-text').attr('value', 'Hakusanasi');

  $('#search-box .form-text').focus(function(){
	if($(this).val() == "Hakusanasi")
	  $(this).attr('value', '');
  });
  $('#search-box .form-text').focusout(function(){
	if($(this).val() == "")
	  $(this).attr('value', 'Hakusanasi');
  });
  $('#search-box .form-submit').attr('value', '');
  
  $('#footer #footer-panel-right #edit-email').keyup(function() {
	validateSignupEmail($(this));
  });
  $('#footer #footer-panel-right #edit-email').change(function() {
	validateSignupEmail($(this));
  });
});

function validateSignupEmail(control) {
	var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
	if(filter.test(control.val())){
		$('#footer #checkmark').show();
		$('#footer #footer-panel-right #edit-submit').removeAttr('disabled');
		$('#footer #footer-panel-right #edit-submit').removeClass('ui-button-disabled');
		$('#footer #footer-panel-right #edit-submit').removeClass('ui-state-disabled');			
	}
	else{
		$('#footer #checkmark').hide();
		$('#footer #footer-panel-right #edit-submit').attr('disabled', 'disabled');
		$('#footer #footer-panel-right #edit-submit').addClass('ui-button-disabled');
		$('#footer #footer-panel-right #edit-submit').addClass('ui-state-disabled');		
	}	
}

function transformToHeaderSize(value){
	switch(value){
		case 12: return 135;
		case 14: return 150;
		case 16: return 165;
		case 18: return 180;
		default: return 135;
	}
}