$(document).ready(function() {
  project_rollover_handler();
  project_rolloff_handler();
  project_show_images_handler();
  project_handle_get_next();
  project_handle_get_prev();
  project_image_rollovers();
});


function project_image_rollovers() {

  var timer;
  var sib;

  $("div.proj_images").hover(
     function() {
       $(this).siblings("div.buttons").fadeIn(300);
       sib=$(this).siblings("div.buttons").attr('id');
       clearTimeout(timer);
     },
     function() {
      timer=setTimeout("$('#"+sib+"').fadeOut(300);", 300);
     }
  );

  $("div.proj_images").siblings("div.buttons").mouseenter(function() {
    clearTimeout(timer);
  });



}


function project_handle_get_prev() {
  $("a.prevBtn").click(function(e) {
  var cMarg = $(this).parent().siblings("div.proj_images").children("ul").css("marginLeft").replace("px","");
   var cnt = $(this).parent().siblings("div.proj_count").attr("name");
  if (cMarg < 0) {
    cMarg = eval(cMarg) + 500;
    var cval = parseInt($(this).parent().siblings("div.proj_count").text());
    cval=cval-1;
    $(this).parent().siblings("div.proj_count").html(cval + " / " + cnt);
  }
 $(this).parent().siblings("div.proj_images").children("ul").animate({marginLeft:cMarg+'px'},100);
  return false;
  });

 $("a.prevBtnB").click(function(e) {
  var cMarg = $(this).parent().siblings("div.proj_images").children("ul").css("marginLeft").replace("px","");
   var cnt = $(this).parent().siblings("div.proj_count").attr("name");
  if (cMarg < 0) {
    cMarg = eval(cMarg) + 500;
    var cval = parseInt($(this).parent().siblings("div.proj_count").text());
    cval=cval-1;
    $(this).parent().siblings("div.proj_count").html(cval + " / " + cnt);
  }
 $(this).parent().siblings("div.proj_images").children("ul").animate({marginLeft:cMarg+'px'},100);
  return false;
  });

}

function project_handle_get_next() {


  $("a.nextBtn").click(function(e) {
  var cMarg = $(this).parent().siblings("div.proj_images").children("ul").css("marginLeft").replace("px","");
  var cnt = $(this).parent().siblings("div.proj_count").attr("name");
  if (cMarg > (-500 * (cnt-1))) {
    var cval = parseInt($(this).parent().siblings("div.proj_count").text());
    cval=cval+1;
    $(this).parent().siblings("div.proj_count").html(cval + " / " + cnt);

    cMarg = cMarg - 500;
  }

    $(this).parent().siblings("div.proj_images").children("ul").animate({marginLeft:cMarg+'px'}, 100);
    return false;
  });

$("a.nextBtnB").click(function(e) {
  var cMarg = $(this).parent().siblings("div.proj_images").children("ul").css("marginLeft").replace("px","");
  var cnt = $(this).parent().siblings("div.proj_count").attr("name");
  if (cMarg > (-500 * (cnt-1))) {
    var cval = parseInt($(this).parent().siblings("div.proj_count").text());
    cval=cval+1;
    $(this).parent().siblings("div.proj_count").html(cval + " / " + cnt);

    cMarg = cMarg - 500;
  }

    $(this).parent().siblings("div.proj_images").children("ul").animate({marginLeft:cMarg+'px'}, 100);
    return false;
  });


}

function project_show_images_handler() {
  $("a.project").click(function(e) {

  var roller = $(this).siblings("div.imagearea");
  var projid = roller.attr('id').replace('project-','');
  
  if (roller.is(":hidden")) {
  var gurl = "http://www.elizabeth-harmon.com/getProject.php?proj="+projid;
 
    $("#project-"+projid).children("div.proj_desc").html("Loading Project...")
    $.getJSON(gurl,
     function(data) {
       var proj = data.photoset.pageid
       var dataArea = $("#project-"+proj);
       var count=data.photoset.count;
       var imgText;
       for(var i=0;i<count;i++) {
         imgText=imgText+"<li><img src=\""+data.photoset.images.image[i]+"\"/></li>\n";
       }
       dataArea.children("div.proj_images").children("ul").html(imgText);
       dataArea.children("div.proj_desc").html(data.photoset.description);
       dataArea.children("div.proj_count").attr("name",count);
       dataArea.children("div.proj_count").html(
        "1 / "+data.photoset.count);
     });
    roller.slideDown(300);
  } else {
    var dArea = $("#project-"+projid);
    roller.slideUp(300, function() {
    dArea.children("div.proj_images").children("ul").attr("style", "margin:0px;padding:0px;list-style:none;");
   });
  }
  return false;
  });
}

function project_rollover_handler() {

  $("a.project").mouseover(function() {
   $("a.project").css("color", "#A7A9AC");
   $(this).css("color", "#000000");
  });
}

 function project_rolloff_handler() {
   $("a.project").mouseout(function() {
     $("a.project").css("color", "#000000");
   });
 }