var show_login_slider = function() {
	if ($("#slider_flag").is(":hidden")) {
	  $("#slider").animate({
	    marginTop: "0px"
	    }, 500 );
	  $("#slider_flag").show();
	  $(this).removeClass("over");
	  $(this).parent("div").parent("div").removeClass("over");
	} else {
	  $("#slider").animate({
	    marginTop: "-280px"
	    }, 500 );      
	  $("#slider_flag").hide();      
	};
};

$(document).ready(function(){
  $("#slider_flag, #my_cart_flag").hide();
  
  $("a#my_bookshelf").hover(function(){
    if ($("#slider_flag").is(":hidden")) {
      $(this).addClass("over");
      $(this).parent("div").parent("div").addClass("over");
    }
  }, function(){
    if ($("#slider_flag").is(":hidden")) {
      $(this).removeClass("over");
      $(this).parent("div").parent("div").removeClass("over");
    }
  });

  $("a#my_bookshelf").click( show_login_slider );
  $("a#slider_close").click( show_login_slider );
  
  $("input.submit").hover(function(){
    $(this).addClass("over");
  }, function(){
    $(this).removeClass("over");
  });
  
  $("a#my_cart_tab").click( function() {
    if ($("#my_cart_flag").is(":hidden")) {
      //$('#my_cart').load('home/my_cart');
      $("#my_cart").animate({
        marginRight: "-1px"
        }, 500 );
      $("#my_cart_flag").show();
    } else {
      $("#my_cart").animate({
        marginRight: "-129px"
        }, 500 );
      $("#my_cart_flag").hide();
    };
  });
  
  $('#my_cart ul li a').click( function() {
  	id = $(this).attr('id');
  	li = $(this).parent();
  	
  	$.ajax({
		type: "POST",
		url: "cart/removeFdtAJAX/"+id,
		success: function(msg){
			if (msg!= '')
				return;
			li.remove();
			update_my_cart_div_num();
		}
	});

  	return false;
  });
  
  // $('#add').fancyZoom();
  
  var zind = 500;
  $("#profile-bookshelf").find(".anythingSlider>div>ul>li>div").each(function(){
    $(this).css({
      "z-index": zind
    });
    zind = zind-1;
  });
  
  $("#profile-bookshelf").find(".anythingSlider>div>ul>li>div:first-child").each(function(){
    $(this).addClass("first");
  });
  
  

});

function update_my_cart_div_num(){
	var ul = $('#my_cart ul')[0];
	var x = $(ul).find('li').size();
	$('#my_cart p.title').html('Your cart has: <span>'+(x)+' Items.</span>');
}



