var pageControlsId = ".page-controls a";
var outfitsPerPageId = "select[@name=outfitsPerPage]";
var pageToLoadId = "select[@name=pageToLoad]";
var formId = "form#FindOutfits";


var lastPageId = ".last-page";
var firstPageId = ".first-page";
var nextPageId = ".next-page";
var previousPageId = ".previous-page";

$(function() {
		
	// make the hrefs do nothing, 
	$(pageControlsId).click(function() { return false; });
		
	//outfits per page dropdown
	$(outfitsPerPageId).each(function(i) {
		$(this).change(function() {	
			$(outfitsPerPageId).eq(i%1).val( $(this).val() );
			gotoFirstPage();
		 });
	});
	
	//page to load
	$(pageToLoadId).each(function(i) {
		$(this).change(function() {
			$(pageToLoadId).eq(i%1).val( $(this).val() );
			submitForm();
		});
	});
		
	//last page Event
	$(lastPageId).click(function() { gotoLastPage(); });	
	
	//first page event
	$(firstPageId).click(function() { gotoFirstPage(); });

	// next page
	$(nextPageId).click(function() { gotoNextPage(); });
	
	// prev page
	$(previousPageId).click(function() { gotoPreviousPage(); });

	//I like it functionality.	
	$(".like-it a").each(function() {
		$(this).click(function() {
			params = "rating=1&outfitId=" + $(this).attr("id");
			updateHTML('iLikeIt',params, 'GET',  $(this).parent());
		});
		$(this).attr("href","javascript:void(0)");
	});


});

function submitForm() {
	$(formId).submit();
}

function gotoLastPage() {
	$(pageToLoadId).val( $(pageToLoadId + " option").eq( ($(pageToLoadId + " option").size() - 1)).val() )
	submitForm();
}

function gotoFirstPage() {
	$(pageToLoadId).val(1);
	submitForm();
}

function gotoNextPage() {
	$(pageToLoadId).val( parseInt( $(pageToLoadId).eq(0).val() ) + 1 );
	submitForm();
}
		
function gotoPreviousPage() {
	if( ($(pageToLoadId).eq(0).val() - 1) >= 1 )
	{
		$(pageToLoadId).val( parseInt( $(pageToLoadId).eq(0).val() ) - 1); 
		submitForm();
	}
}

function setOrderBy(orderBy) {
	//reset to page 1
	$(pageToLoadId).val("1");
	
	if( $("input[@name=orderBy]").val() == orderBy )
	{ $("input[@name=sortAscending]").val( $("input[@name=sortAscending]").val() * -1 ); }
	else
	{
	  $("input[@name=orderBy]").val( orderBy );
	  if ($("input[@name=orderBy]").val() == 'outfitName'){
		$("input[@name=sortAscending]").val(1);
	  }else if ($("input[@name=orderBy]").val() == 'designerName'){
		$("input[@name=sortAscending]").val(1);
	  }else{
		$("input[@name=sortAscending]").val(-1);
	  }
	}

	$(formId).submit();
};