var pwdFieldClear = '<input name="data[Member][password]" type="text" class="pass" id="password" value="Password" />';
var pwdFieldObscure = '<input name="data[Member][password]" type="password" class="pass" id="password" value="" />';
var markedEvents = {};

$(document).ready(function(){
	
	$('div.required label').append('*');
	$(".telephone").mask("999-999-9999");
	$("table.table-style tr:odd td").css("background-color", "#0e2748");
	
	function togglePanel(obj) {
		if ($(obj).hasClass('panel-on')) {
			var img = $(obj).find("img");
			img.attr("src",img.attr("src").replace("-on","-off"));
			$(obj).parent("h2").next("div.form-panel").slideUp('fast');
			$(obj).parent("h2").css('margin-bottom','12px');
			$(obj).parent("h2").next("div.form-panel").find("input.toggle-save").val(0);
			$(obj).removeClass('panel-on');
			$(obj).addClass('panel-off');
		} else {
			var img = $(obj).find("img");
			img.attr("src", img.attr("src").replace("-off", "-on"));
			$(obj).parent("h2").next("div.form-panel").slideDown('fast');
			$(obj).parent("h2").css('margin-bottom', '12px');
			$(obj).parent("h2").next("div.form-panel").find("input.toggle-save").val(1);
			$(obj).removeClass('panel-off');
			$(obj).addClass('panel-on');
		}
	}
	
	$("a.form-panel-toggle").click(
	  function () {
        togglePanel(this);
      }
    );
	
	
    $("ul.navigation ul li a").hover(
	  function () {
        $(this).parents("li:last").find("a:first").addClass("activated");
      }, 
      function () {
    	  $(this).parents("li:last").find("a:first").removeClass("activated");
      }
    );
	
    $('#username').focus(function(){
  	  if($(this).val() == 'E-mail') {
  		  $(this).attr('value','');
  	  }
  	});
  	$('#username').blur(function(){
  	  if($(this).val() == '') {
  		  $(this).val('E-mail');
  	  }
  	});
    
  	$('#enter_shoutout').focus(function(){
	  if($(this).val() == 'Add a shoutout') {
		  $(this).attr('value','');
	  }
	});
	$('#enter_shoutout').blur(function(){
	  if($(this).val() == '') {
		  $(this).val('Add a shoutout');
	  }
	});
  	
  	bindPasswordFocus();
	bindPasswordBlur();
  	
	if($.browser.msie && parseInt($.browser.version) == 6) {
		$(document).pngFix();
	}
	
	$('table.slideout th a').click(function() {
		$(this).parent('th').parent('tr').next('tr').find('td').slideToggle();
		$(this).toggleClass('on');
		return false;
	});
	
	jQuery.getJSON("/shows/get_upcoming_events", function(data){
		jQuery.each(data, function(i,item){
			markedEvents[item.yr.toString() + parseInt((item.mo-1)).toString() + parseInt(item.dy).toString()] = 1;
		});
		jQuery('.mini-calendar').datePicker({
			inline: true,
			selectMultiple: false,
			renderCallback: markEvents,
			showYearNavigation:false
		}).bind('dateSelected',function(e, selectedDate, $td, state) {
			window.location = '/shows/calendar/'+selectedDate.getFullYear()+'/'+(parseInt(selectedDate.getMonth())+1);			
		});
	});
	
});

var markEvents = function($td, thisDate, month, year)
{
	if (markedEvents[thisDate.getFullYear().toString() + thisDate.getMonth().toString() + thisDate.getDate().toString()]) {
		$td.addClass('marked-event');
	}
}

function bindPasswordFocus() {
	$('#password').focus(function(){
		if($(this).val() == 'Password') {
			$(this).replaceWith(pwdFieldObscure);
			$('#password').focus();
		}
		bindPasswordBlur();
	});
}

function bindPasswordBlur() {
	$('#password').blur(function(){
		if($(this).val() == '') {
			$(this).replaceWith(pwdFieldClear);
			bindPasswordFocus();
			bindPasswordBlur();
		}
	});
}