/*
	@author: Bruno Alexandre
	@date:   June 2010
*/
	var cookieOptions = { expires: 30, path: '/' };
	var COOKIE_NAME = 'backgroundColor';
	
	$(document).ready(function() {
		var defaultColor = getColor();
		setColor(defaultColor);	// default color
		
		// colors
		$("#icons ul.colors li").each(function(){
			$(this).click(function(){
				var color = $(this).find("a").attr("rel");	// get color
				setColor(color);
			});
		});
		
		// picture
		$("#name, #picture").click(function() { showHidePicture(); });	
	});
	
	function getColor() {
		return $.cookie(COOKIE_NAME) == null ? 'redBkg' : $.cookie(COOKIE_NAME);
	}
	function setColor(color) {
		$("body").attr("class", color);
		$("#name").attr("class", "name_" + color);
		$("#square").attr("class", "square_" + color);
		
		$("#icons ul.colors li a").removeClass("active");
		$("#icons ul.colors li a[rel=" + color + "]").addClass("active");
		
		$.cookie(COOKIE_NAME, color, cookieOptions);	
	}
	function showHidePicture() {
		if($("#picture").css("display") === 'none') {
			$("#picture").fadeIn('slow');
			$("#name").fadeOut('slow');
		}
		else {
			$("#picture").fadeOut('slow');
			$("#name").fadeIn('slow');
		}
	}