$(document).ready( function() {
  var i=0;
  $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=8440273@N04&lang=en-us&format=json&jsoncallback=?", function(data){
    $.each(data.items, function(i,item){
      i++;
      var test = item.media.m.replace('_m','_b');
      if (i <= 3) {
	  if (i == 1) id = "fone";
	  if (i == 2) id = "ftwo";
	$("<img class='flickr' width=164 />").attr("src", item.media.m).appendTo("#flickr")
	  .wrap("<a id='single_image' rel='flickr' href='" + test + "'></a>");
      }
    });
    $("a#single_image").fancybox({
				    'transitionIn':'elastic', 'transitionOut':'elastic'
				    });
  });

  $("#dologin").click( function() {
    $("#overlay").fadeIn(1000);
    $("#loginDiv").fadeIn(1000);
  });

  $("#cancelLogin").click( function() {
    $("#loginDiv").hide();
    $("#overlay").fadeOut(300);
  });

  $("#goLogin").click( function() {
    var user = $("#username").val();
    var pass = $("#password").val();
    if (user == "") {
      $("#username").parent().after("<p class='error'><label>&nbsp;</label><span  class='error'>This field is required</span></p>");
    }
    if (pass == "") {
      $("#password").parent().after("<p class='error'><label>&nbsp;</label><span  class='error'>This field is required</span></p>");
    }
  });



});