/*
	@author: Bruno Alexandre
	@date:   June 2010
*/

/**
 * Cookie plugin
 *
 * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 */
// http://plugins.jquery.com/files/jquery.cookie.js.txt

jQuery.cookie=function(name,value,options){if(typeof value!='undefined'){options=options||{};if(value===null){value='';options.expires=-1}var expires='';if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){var date;if(typeof options.expires=='number'){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000))}else{date=options.expires}expires='; expires='+date.toUTCString()}var path=options.path?'; path='+(options.path):'';var domain=options.domain?'; domain='+(options.domain):'';var secure=options.secure?'; secure':'';document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('')}else{var cookieValue=null;if(document.cookie&&document.cookie!=''){var cookies=document.cookie.split(';');for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+'=')){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break}}}return cookieValue}};

/********/

var cookieOptions = { expires: 30, path: '/' },
	COOKIE_NAME = 'backgroundColor';

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() {
	$("#picture").fadeToggle('slow');
	$("#name").fadeToggle('slow');
}

$(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);
			return false;
		});
	});
	
	// picture
	$("#square").click(function() { showHidePicture(); });
});