$(document).ready(function() {
	$('#sidebar_style_list').hide();
	$('#sidebar_category_list').hide();
	$('#sidebar_collection_list').hide();
	
	var cookie = $.cookie('nav');
	
	switch (cookie)
	{
		case 'style':
			$('#sidebar_style_link').parent().attr('class', 'arrowdown');
			$('#sidebar_style_list').show();
			break;

		case 'category':
			$('#sidebar_category_link').parent().attr('class', 'arrowdown');
			$('#sidebar_category_list').show();
			break;

		case 'collection':
			$('#sidebar_collection_link').parent().attr('class', 'arrowdown');
			$('#sidebar_collection_list').show();
			break;
		
		default:
		break;
	}
	
	
	
	$('#sidebar_collection_link').click(
		function()
		{
			if($(this).parent().attr('class') == "arrowright")
			{
				$('#sidebar_collection_list').slideDown().parent().attr("class","arrowdown");
				$('#sidebar_category_list, #sidebar_style_list').slideUp();
				$('#sidebar_category_list, #sidebar_style_list').parent().attr("class","arrowright");
				$.cookie('nav','collection',{ path: '/' });
			} else {
				$('#sidebar_collection_list').slideUp();
				$(this).parent().attr("class","arrowright");
				$.cookie('nav',null,{ path: '/' });
			}				
		}
	);
	

	$('#sidebar_style_link').click(
		function()
		{
			if($(this).parent().attr('class') == "arrowright")
			{
				$('#sidebar_style_list').slideDown().parent().attr("class","arrowdown");
				$('#sidebar_category_list, #sidebar_collection_list').slideUp();
				$('#sidebar_category_list, #sidebar_collection_list').parent().attr("class","arrowright");
				// set cookie
				$.cookie('nav','style',{ path: '/' });
			} else {
				$('#sidebar_style_list').slideUp();
				$(this).parent().attr("class","arrowright");
				$.cookie('nav',null,{ path: '/' });
			}			
			return false;			
		}
	);
	
	$('#sidebar_category_link').click(
		function()
		{
			if($(this).parent().attr('class') == "arrowright")
			{
				$('#sidebar_category_list').slideDown().parent().attr("class","arrowdown");
				$('#sidebar_style_list, #sidebar_collection_list').slideUp();
				$('#sidebar_style_list, #sidebar_collection_list').parent().attr("class","arrowright");
				$.cookie('nav','category',{ path: '/' });
			} else {
				$('#sidebar_category_list').slideUp();
				$(this).parent().attr("class","arrowright");
				$.cookie('nav',null,{ path: '/' });
				
			}
			
			return false;				
		}
	);
	
	// search function
	
	autoFill($("#font_search"), "Find Fonts");
	
});

function autoFill(id, v){
	// http://www.joesak.com/2008/11/19/a-jquery-function-to-auto-fill-input-fields-and-clear-them-on-click/
	$(id).css({ color: "#b2adad" }).attr({ value: v }).focus(function(){
		if($(this).val()==v){
			$(this).val("").css({ color: "#333" });
		}
	}).blur(function(){
		if($(this).val()==""){
			$(this).css({ color: "#b2adad" }).val(v);
		}
	});

}