//when login box fails to close in certain context (cluetip right now)
//so close them all
function closeLoginBox() {
  $("#cluetip").hide();
  $("#login_container").hide();
}

function toggleLogin() {
  $("#edit-login-tab").attr('value', true);
  $("#login_container").toggle();
  $("#register_container").hide();
}

function toggleRegister() {
		$("#edit-register-tab").attr('value', true);
		$("#register_container").toggle();
		$("#login_container").hide();
}


$(document).ready(function() {
	$("#login_btn").click(function() {
	  // we need to do this now that we are sharing this dialog
    $("#login_container").css('top', '145px');
    $("#login_container").css('left', '680px');
    toggleLogin();
	});

	$("#comments-login-btn").click(function(e) {
    var x = $(this).offset().top - 250;
    var y = $(this).offset().left - 400;
    $("#login_container").css('top', x+'px');
    $("#login_container").css('left', y+'px');
    toggleLogin();
    return false;
	});

	$("#comments-register-btn").click(function() {
    toggleRegister();
	});

	/*$("#login_btn-block-1").click(function() {
		$("#edit-login-tab").attr('value', true);
		$("#login_container-1").toggle();
	});*/

	$("#register_btn").click(function() {
    toggleRegister();
	});

	$("#login_close_btn").click(function() {
		$("#edit-login-tab").attr('value', false);
		$("#login_container").hide();
  return false;
	});

	$("#register_close_btn").click(function() {
		$("#edit-register-tab").attr('value', false);
		$("#register_container").hide();
	});

	$("#not_member_btn").click(function() {
		$("#register_container").show();
		$("#login_container").hide();
	});

	$("#not_member_btn_popup").click(function() {
		$("#register_container").show();
		$("#login_container").hide();
	});

  $('.trigger-login').click(function() {
    var offset = $(this).offset();
    $("#login_container").css('top', (offset.top + 24) + 'px');
    $("#login_container").css('left', (offset.left + 100) + 'px'); // need to add compensation for window dimensions
    toggleLogin();
  });
});

$(window).load(function() {
  $("div.contest_image").removeClass("status");
  $("div.contest_photo_flipper").removeClass("status");
});