$(document).ready(function($) {
  $(".tt img[title]").tooltip({
    effect: "slide",
    opacity: 0.8,
    tip: '#bubbleTooltip',
    bounce: true,
    slideInSpeed: 250,
    slideOutSpeed: 250,
    onBeforeShow: function(toolTipEvent, toolTipPosition) { 
      this.getTip().append('<div class="pointer"><div class="inner-pointer"></div></div>');
      this.getTip().css({'z-index':'500'}); 
    } 
  });
  
  $("ul.dropdown li").hover(function(){
    $(this).addClass("hover");
    $('ul:first',this).slideDown('fast').show();
  }, function(){
    $(this).removeClass("hover");
    $('ul:first',this).slideUp('fast').show();
  });
  $("ul.dropdown li ul li:has(ul)").find("a:first").append(" &raquo; ");
  
  $("a.nolink").attr("href", "").click(function() {
    return false;
  });
  
  $('#whmcsF select[name=country]').change(function() {
    updateState();
  });
  
  $("a.comingSoon").click(function() {
    alert('Our dedicated Mac Mini Servers will be available shortly.');
    return false;
  });
  
  updateState();
});

var curSect = "";

function updateState()
{
  var country = $('#whmcsF select[name=country] option:selected').val();
  
  if (!country)
    return;
    
  if (country.length > 0) {
    var curStateField = $("#tdStateField input:visible:enabled:first, #tdStateField select:visible:enabled:first");
    if (curStateField.size() != 1)
      return; // This really shoudn't happend, if it does, don't do anything that could make it worse

    var state = curStateField.val();
    
    if (country == "CA" || country == "US") {
      $('#tdStateField').empty().prepend("<select name=\"state\" id=\"stateField\"><option value=\"\">Please pick a state/province</option></select>");
      $.getJSON("/js/state_"+country+".json", function(data){
        $.each(data, function(i,item){
          $('#tdStateField select').append("<option value=\""+i+"\" "+((i==state.substr(0,2))?"selected=\"selected\" ":"")+">"+item+"</option>");//(data.items, false);
        });
      });
    }
    else
    {
      $('#tdStateField').empty().prepend("<input type=\"text\" name=\"state\" id=\"stateField\" value=\""+state+"\" size=\"25\" />");
    }
  }
}