//window.loadFirebugConsole();

var SearchTerms = Array();

$(document).ready(function(){
	$("#categories").accordion({
		alwaysOpen: false,
		active: false,
		collapsible: true,
		header: ".head",
		clearStyle: true,
		animated: false,
		autoHeight: false
	});
	//$("#outlets").accordion("activate", i);
	
	$(".ui-accordion").bind("accordionchange",
		function(event, ui)
		{
			if ($(ui.newHeader).length != 0)
				$(ui.newHeader).addClass("selected");
				
			if ($(ui.oldHeader).length != 0)
				$(ui.oldHeader).removeClass("selected");
		}
	);
	
	$("input.checkbox").toggle(
		function() {
			var id = (this.id).replace("product","");
			//$("#"+this.id).attr("checked", true);
			//this.checked = true;
			addKeyword( id );
		},
		function() {
			var id = (this.id).replace("product","");
			//$("#"+this.id).attr("checked", false);
			//this.checked = false;
			removeKeyword( id );			
		}
	);
	
	$("a.add").bind("click",
		function select() {
			var id = (this.id).replace("product", "");
			addKeyword( id );
			
			$(this).unbind("click");
			$(this).bind("click", function unselect() {
				var id = (this.id).replace("product", "");
				removeKeyword( id );
				$(this).unbind("click");
				$(this).bind("click", select);
				return false;
			});
			return false;
		}
	);
});


function addKeyword( id )
{
	var NewValue = $( "#product"+id ).attr("value").replace(",", "");
	if( jQuery.inArray(NewValue, SearchTerms) < 0)
		SearchTerms.push(NewValue);	
	
	var Value = $( "#search_search" ).attr("value");
	$( "#search_search" ).attr( "value", GenerateSearchTerms() );
}

function removeKeyword( id )
{
	var NewValue = $( "#product"+id ).attr("value").replace(",", "");
	
	var position = jQuery.inArray(NewValue, SearchTerms);
	SearchTerms.splice(position, 1);
	
	$( "#search_search" ).attr( "value", GenerateSearchTerms() );
}

function GenerateSearchTerms()
{
	string = "";
	jQuery.each(SearchTerms,
		function(i, val)
		{
			string += val + ", ";
		}
	)
	return string.slice(0,string.length-2); //return the string without the trailing ", "
}

function showProducts()
{
	$(".products_box").css("display", "block")
}