$(document).ready(function () {

	// Add navigation animations
	$('#navigation a:not(.active)').hover(function() {
		$(this).animate({marginTop: '0', height: '30px'}, 200);
	}, function() {
		$(this).animate({marginTop: '10px', height: '20px'}, 200);
	});
	
	// Adjust portfolio CSS as javascript is enabled (don't need fallback styles anymore)
	$('body:has(#portfolio)').css({backgroundColor: '#c89043', backgroundPosition: 'top'});
	// $('#portfolio .panel').css({height: '300px'});
	$('#portfolio .item .extended').css({top: '0'});
	
	// Hide all item extended text, show overviews
	$('#portfolio .item .extended').hide();
	$('#portfolio .item .overview').show();
	
	// Add next/previous buttons to portfolio (add them after footer for IE)
	if ($('body:has(#portfolio)').length > 0) {
		$('#footer').after('<a id="previous" title="Previous page of sounds" class="scrollButton disabled" href="">Previous</a>');
		if ($(".panel").length > 1) {
		  $("#footer").after('<a id="next" title="Next page of sounds" class="scrollButton" href="">Next</a>');
		}
		
	}
	
	function loadMore() {
	  if ($(".panel:eq(" + window._page + ")").html() != null) {
	    $.get('/sounds', {page: window._page+1, count: window._count}, function(data) {
  	    $(".panel:eq(" + window._page + ")").html(data);
  	    $(".panel:eq(" + window._page + ") .rating_form").children().not(":radio").hide();

      	// Create stars
      	$(".panel:eq(" + window._page + ") .rating_form").stars({
      		callback: function(ui, type, value)
      		{
      		  //alert(this.name);
      			$(ui.element).siblings(".loader").show()
      			$(ui.element).fadeOut(function() //Note: IE sucks when fading 32bit PNG!
      			{
      				$.post("rate", {rate: value, sound_id: $(ui.element)[0].id.split("_")[1]}, function(db)
      				{
      					ui.select(Math.round(db.avg));
      					$(ui.element).siblings().find(".avg").text(db.avg)
      					$(ui.element).siblings().find(".votes").text(db.votes)

      					$(ui.element).fadeIn();
      					$(ui.element).siblings(".loader").fadeOut();

      				}, "json");
      			});
      		},
      		oneVoteOnly: true
      	});
      	window._page += 1;

  	  });
	  }

	  
	}
	
	// Setup carousel
	$('#portfolio > div').jCarouselLite({
        btnNext: '#next',
        btnPrev: '#previous',
        scroll: 1,
        visible: 1,
        circular: false,
        easing: 'swing',
        speed: 400,
        beforeStart: function(a) {
          loadMore();
        }
    });
    
    
    // Add navigation links to portfolio items (has to be done after carousel setup)
	//$('#portfolio .item .overview').append('<a class="details" href="">View Details</a>');
	//$('#portfolio .item .extended').append('<p><a class="back" href="">Back To Portfolio</a></p>');
	$('#portfolio .item').each(function(index) {
		$(this).find('.extended').addClass('extended' + index);
    // $(this).find('.overview a.details').click(function() {
    //  $('.scrollButton').fadeOut();
    //  $('#portfolio .overview').hide();
    //  $('#portfolio .extended' + index).fadeIn();
    //  return false;
    // });
    // $(this).find('.extended a.back').click(function() {
    //  $('.scrollButton').fadeIn();
    //  $('#portfolio .extended' + index).hide();
    //  $('#portfolio .overview').fadeIn();
    //  return false;
    // });
	});
});