var temp;
var id;
var agenciesWallpaperCookie;
var agenciesColorCookie;
var date = new Date();
var couleur;
var page;
var extensionWallpaper = 'gif';

$(document).ready(function() {
	$("#navigation a").click(function() {
		//return false;
	});
	
	
	$("#navigation a[name!=active]").hover(
		function() {
			id = $(this).parent().attr('id');
			$(this).addClass(id + '-' + couleur);
		},
		function() {
			$(this).removeClass(id + '-' + couleur);
		}
	);
	
	agenciesWallpaperCookie = $.cookie('agenciesWallpaper');
	agenciesColorCookie = $.cookie('agenciesColor');
	
	/* wallpaper */
	
	if (agenciesWallpaperCookie == null) {
		//$("#navigation-wallpaper-none").addClass('active');
		$("#navigation-wallpaper-flowers").addClass('active');
		$("body").css("background","url(/images/layout/background/bg-flowers.jpg) top center no-repeat");
	} else {
		$("#navigation-wallpaper a[class$='active']").removeClass();
		$("#navigation-wallpaper-" + agenciesWallpaperCookie).addClass('active');
		if (agenciesWallpaperCookie == 'flowers') {
			extensionWallpaper = 'jpg';
			/*$("body").css("background","url(/images/layout/background/bg-" + agenciesWallpaperCookie + "." + extensionWallpaper + ") fixed -100px");*/
			$("body").css("background","url(/images/layout/background/bg-" + agenciesWallpaperCookie + "." + extensionWallpaper + ") top center no-repeat");
		} else {
			extensionWallpaper = 'gif';
			$("body").css("background","url(/images/layout/background/bg-" + agenciesWallpaperCookie + "." + extensionWallpaper + ") repeat");
		}
	}
	
	$(".wallpaper").click(function() {
		id = $(this).attr('id');
		temp = id.replace('navigation-wallpaper-', '');
		if (temp == 'flowers') {
			extensionWallpaper = 'jpg';
			$("body").css("background","url(/images/layout/background/bg-" + temp + "."+ extensionWallpaper + ") top center no-repeat");
		} else {
			extensionWallpaper = 'gif';
			$("body").css("background","url(/images/layout/background/bg-" + temp + "."+ extensionWallpaper + ") repeat");
		}
		$("#navigation-wallpaper a[class$='active']").removeClass();
		$(this).addClass('active');
		date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000));
        $.cookie('agenciesWallpaper', temp, { path: '/', expires: date });
		return false;
	});
	
	/* liencouleur */
	
	if (agenciesColorCookie == null) {
		couleur = '3cc';
	} else {
		couleur = agenciesColorCookie;
	}
	
	if (couleur == '3cc') {
		$("#contenu p a").css('background-color', '#9ff');
		$("#contenu li[class!=work-navigation-li] a").css('background-color', '#9ff');
		$(".entry a").css('background-color', '#9ff');
		$("#work-navigation a").css('border-color', '#9ff');
		$("#work-navigation-next-prev a").css('border-color', '#9ff');
	} else if (couleur == '6c9') {
		$("#contenu p a").css('background-color', '#6f9');
		$("#contenu li[class!=work-navigation-li] a").css('background-color', '#6f9');
		$(".entry a").css('background-color', '#6f9');
		$("#work-navigation a").css('border-color', '#' +couleur);
		$("#work-navigation-next-prev a").css('border-color','#' +couleur);
	} else {
		$("#contenu p a").css('background-color', '#' +couleur);
		$("#contenu li[class!=work-navigation-li] a").css('background-color', '#' +couleur);
		$(".entry a").css('background-color', '#' +couleur);
		$("#work-navigation a").css('border-color', '#' +couleur);
		$("#work-navigation-next-prev a").css('border-color', '#' +couleur);
	}
	
	$("#navigation-liens a[class$='active']").removeClass();
	$("#navigation-lien-" + couleur).addClass('active');
	$("#contenu a[class!='texteOuvre'][class!='texteFerme'][class!='lienWorkNavigation']").addClass('couleur-' + couleur);
	//$("#contenu a").css('border-color', '#' +couleur);
	$("#navigation-wallpaper a").css('border-color', '#' +couleur);
	$("#navigation-liens a").css('border-color', '#' +couleur);
	$("#navigation-langue a").css('border-color', '#' +couleur);
	$(".cat-item a").css('border-color', '#' +couleur);
	$(".lienWorkNavigation").css('border-color', '#' +couleur);
	
	$("#contenu a.texteFerme").css('color', '#' +couleur);
	
	$(".sujetContainer h2 a").hover(
		function() {
			//alert('ok');
			$(this).css('color', '#' +couleur);
			$(this).parent().prev().css('color', '#' +couleur);
		},
		function() {
			$(this).css('color', '#666');
			$(this).parent().prev().css('color', '#666');
		}	
	);
	
	
	$(".liensCouleur").click(function() {
		id = $(this).attr('id');
		couleur = id.replace('navigation-lien-', '');
		$("#work-navigation a").css('border-color', '#' +couleur);
		
		$("#navigation-liens a[class$='active']").removeClass();
		$(this).addClass('active');
		
		$("#contenu a[class!='texteOuvre'][class!='texteFerme'][class!='lienWorkNavigation']").css('border-color', '#' +couleur);
		
		$("#contenu a.texteFerme").css('color', '#' +couleur);
		
		$(".sujetContainer h2 a").hover(
			function() {
				//alert('ok');
				$(this).css('color', '#' +couleur);
				$(this).parent().prev().css('color', '#' +couleur);
			},
			function() {
				$(this).css('color', '#666');
				$(this).parent().prev().css('color', '#666');
			}	
		);
		$("#navigation-wallpaper a").css('border-color', '#' +couleur);
		$("#navigation-liens a").css('border-color', '#' +couleur);
		$("#navigation-langue a").css('border-color', '#' +couleur);
		$(".cat-item a").css('border-color', '#' +couleur);
		$(".lienWorkNavigation a").css('border-color', '#' +couleur);
		$(".current-cat a").css('border-color', '#' +couleur);
		if (couleur == '3cc') {
			$("#contenu p a").css('background-color', '#9ff');
			$("#contenu li[class!=work-navigation-li] a").css('background-color', '#9ff');
			$(".entry a").css('background-color', '#9ff');
			$("#work-navigation a").css('border-color', '#9ff');
			$("#work-navigation-next-prev a").css('border-color', '#9ff');
		} else if (couleur == '6c9') {
			$("#contenu p a").css('background-color', '#6f9');
			$("#contenu li[class!=work-navigation-li] a").css('background-color', '#6f9');
			$(".entry a").css('background-color', '#6f9');
			$("#work-navigation a").css('border-color', '#' +couleur);
			$("#work-navigation-next-prev a").css('border-color','#' +couleur);
		} else {
			$("#contenu p a").css('background-color', '#' +couleur);
			$("#contenu li[class!=work-navigation-li] a").css('background-color', '#' +couleur);
			$(".entry a").css('background-color', '#' +couleur);
			$("#work-navigation a").css('border-color', '#' +couleur);
			$("#work-navigation-next-prev a").css('border-color','#' +couleur);
		}
		
		$(".ouvert").css('color', '#' +couleur);		
		$(".ouvert").parent().prev().css('color', '#' +couleur);
		
		$(".texteOuvre").hover(
			function() {
				$(this).css('color', '#' +couleur);
				$(this).parent().prev().css('color', '#' +couleur);
			},
			function() {
				$(this).css('color', '#666');
				$(this).parent().prev().css('color', '#666');
			}	
		);
		
		$(".ouvert").hover(
			function() {
				$(this).css('color', '#' +couleur);
				$(this).parent().prev().css('color', '#' +couleur);
			},
			function() {
				$(this).css('color', '#' +couleur);
				$(this).parent().prev().css('color', '#' +couleur);
			}	
		);
		
		temp = $("#navigation a[name=active]").parent().attr('id');
		temp = temp.replace('navigation-', '');
		$("#navigation a[name=active]").removeClass().addClass('navigation-' + temp + '-' + couleur);
		
		temp = '/images/layout/pointilles-couleur/' + couleur + '.gif';
		$(".pointilles").attr('src', temp);
		temp = '/images/layout/fleches-couleur/' + couleur + '.gif';
		$(".fleches").attr('src', temp);
		date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000));
		$.cookie('agenciesColor', couleur, { path: '/', expires: date });
		
		return false;
	});
	
	$(".textePlie").hide();
	$(".texteFerme").hide();
	//$(".texteFerme").unbind('mouseover').unbind('mouseout');
	$(".texteOuvre").click(function() {
		$(this).addClass("ouvert");
		$(this).siblings().addClass("ouvert");
		$(this).parent().parent().find(".textePlie").slideDown();
		$(this).parent().parent().find(".pointilles").hide();
		$(this).parent().parent().find(".texteFerme").show();
		
		$(this).hover(
			function() {
				//alert('ok');
				$(this).css('color', '#' +couleur);
				$(this).parent().prev().css('color', '#' +couleur);
			},
			function() {
				$(this).css('color', '#' +couleur);
				$(this).parent().prev().css('color', '#' +couleur);
			}	
		);
		$(this).siblings().hover(
			function() {
				//alert('ok');
				$(this).css('color', '#' +couleur);
				$(this).parent().prev().css('color', '#' +couleur);
			},
			function() {
				$(this).css('color', '#' +couleur);
				$(this).parent().prev().css('color', '#' +couleur);
			}	
		);
		
		return false;
	});
	$(".texteFerme").click(function() {
		//$(this).parent().parent().css('border', '1px solid red');
		$(this).parent().parent().find(".textePlie").slideUp();
		$(this).parent().parent().find(".pointilles").show();
		//$(this).parent().parent().find(".texteOuvre").bind('mouseover');
		$(this).siblings().show();
		$(this).hide();
		//$(".sujetContainer a[class!='texteFerme'][class!='ouvert']").css('color', '#666');
		//$(".sujetContainer a[class!='ouvert']").parent().prev().css('color', '#666');
		
		//$(".sujetContainer a[class!='texteFerme']").removeClass("ouvert");
		$(this).parent().parent().find(".ouvert").removeClass("ouvert");
		$(this).parent().parent().find("h1").css('color', '#666');
		sujetContainerHover();
		return false;
	});
	
	function sujetContainerHover() {
		//$(".texteOuvre").bind('mouseover').bind('mouseout');
		$(".sujetContainer h2 a[class!='texteOuvre ouvert'][class!='texteFerme ouvert']").hover(
			function() {
				//alert('ok');
				$(this).css('color', '#' +couleur);
				$(this).parent().prev().css('color', '#' +couleur);
			},
			function() {
				$(this).css('color', '#666');
				$(this).parent().prev().css('color', '#666');
			}	
		);
		//alert('ok');
	}
});