// A List Apart
// http://alistapart.com/articles/makingcompactformsmoreaccessible
// Modified to use jQuery

function initOverLabels () {
  if (!document.getElementById) return;

  var labels, id, field;

  // Set focus and blur handlers to hide and show
  // LABELs with 'overlabel' class names.
  labels = document.getElementsByTagName('label');
  for (var i = 0; i < labels.length; i++) {

    if (labels[i].className == 'overlabel') {

      // Skip labels that do not have a named association
      // with another field.
      id = labels[i].htmlFor || labels[i].getAttribute('for');
      if (!id || !(field = document.getElementById(id))) {
        continue;
      }

      // Change the applied class to hover the label
      // over the form field.
      labels[i].className = 'overlabel-apply';

      // Hide any fields having an initial value.
      if (field.value !== '') {
        hideLabel(field.getAttribute('id'), true);
      }

      // Set handlers to show and hide labels.
      field.onkeyup = function () {
		if (this.value === '') hideLabel(this.getAttribute('id'), false);
      };
	  field.onkeydown = function () {
        hideLabel(this.getAttribute('id'), true);
      };
	  field.onfocus = field.onfocus = function () {
	  	if(this.value == "") {
        	//dimLabel(this.getAttribute('id'), true);
        	hideLabel(this.getAttribute('id'), true);
        } else {
        	hideLabel(this.getAttribute('id'), true);
        }
      };
      field.onblur = function () {
        if (this.value === '') {
          hideLabel(this.getAttribute('id'), false);
		  //dimLabel(this.getAttribute('id'), false);
        }
      };

      // Handle clicks to LABEL elements (for Safari).
      labels[i].onclick = function () {
        var id, field;
        id = this.getAttribute('for');
        if (id && (field = document.getElementById(id))) {
          field.focus();
        }
      };

    }
  }
};

function hideLabel (field_id, hide) {
  var field_for;
  var labels = document.getElementsByTagName('label');
  for (var i = 0; i < labels.length; i++) {
    field_for = labels[i].htmlFor || labels[i].getAttribute('for');
    if (field_for == field_id) {
      labels[i].style.textIndent = (hide) ? '-999em' : '0';
      return true;
    }
  }
}

function dimLabel (field_id, dim) {
	var field_for;
	var labels = document.getElementsByTagName('label');
	for (var i = 0; i < labels.length; i++) {
		field_for = labels[i].htmlFor || labels[i].getAttribute('for');
			if (field_for == field_id) {
    		if(dim == true) {
    			$(labels[i]).addClass('dimmed');
    		} else {
    			$(labels[i]).removeClass('dimmed');
    		}
			return true;
		}
	}
}


// SH Hover (similar to suckerfish hover class)

function initSHHover () {
	$('.conv_compose_cat, .shdropdown, .conv_message, .conv_feed, #conv_compose_button, .user, .profile_section').hover(function() {
		$(this).addClass('shhover');
	}, function() {
		$(this).removeClass('shhover');
	});
}


// Inline Login

function inlineLogin () {
	$('#login_link').click(function() {
		$('#inline_login').fadeIn('fast');
		$('#UserUsername').select();
		return false;
	});
	$('#inline_login_close').click(function() {
		$('#inline_login').fadeOut('fast');
		return false;
	});
}


// Init Command Line

function initCommandLine(){
	$("#widgeous #commandline input").focus(function(){
		$("#commandline").addClass("active");
	});
	$("#widgeous #commandline input").blur(function(){
		$("#commandline").removeClass("active");
	});
}

// Init Tabs

function initTabs() {

	var $tabs = $('.ui-tabs-nav').tabs(); // UI Tabs		
	$('#tab-link1').click(function(){
		$tabs.tabs('select', 2);
		return false;
	});

}


// Init Tooltip

function initTooltip() {

	$('a.tooltip').tooltip({
		track: true, 
		delay: 0, 
		showURL: false, 
		opacity: 0.85
	});
	
	$('a.noclick').click(function(){
		return false;
	});

}


// Init

$(document).ready(function() {

	initOverLabels();
	initSHHover();
	inlineLogin();
	initCommandLine();
	initTabs();
	initTooltip();

});