var emailfld 	= null;
var text_timer;
var text_visible = 1;
var default_email = "@";

function blink() { if (text_visible) { text_tmp = default_email; emailfld.value = '';	text_visible = false;}else{ emailfld.value = text_tmp; text_visible = true; } }
function start_blink() {if (emailfld.value=='@' || emailfld.value==default_email) { text_timer = setInterval('blink()', 500); } }
function stop_blink() { if (text_timer) { clearInterval(text_timer); } }
function email_focus() { stop_blink();	e = emailfld; if (e.value == default_email) e.value = ''; }
function email_blur() { e = emailfld; if (e.value == default_email || e.value == '') { e.value = default_email; start_blink(); } }


$(document).ready(function(){
	//Load thumbs
	var thumb_size = '150x150';
	if (typeof femmes_60x60 != 'undefined')
		thumb_size = '60x60';
	else if (typeof femmes_100x100 != 'undefined')
		thumb_size = '100x100';


	var thumbs = camsympa_getThumbs(6, thumb_size, 'femmes');
	for (id in thumbs) {
		if (typeof $('#image'+(parseInt(id)+1)).attr('src') != 'undefined') {
			$("#image"+(parseInt(id)+1)).attr("src", thumbs[id][0]);
		}
	}

	emailfld	= $("#mail")[0];
	var theme 	= $.url.param("theme");
	var type 	= $.url.param("type");
	var demail 	= $.url.param("email");

	if (demail != '') {
		default_email = demail;
		$("#mail").val(default_email);
	}

	start_blink();

	if (type == 'js') {
		var close 				= document.createElement("A");
		close.style.position 	= 'absolute';
		close.style.top			= "2px";
		close.style.right		= "2px";
		close.className			= "close";
		close.href				= "#";
		close.innerHTML			= "<img border=\"0\" src=\"media/images/close.gif\" />";
		document.body.appendChild(close);
	}


	// black theme
	if (theme == 'black') {
	//background
		$(".cam_catcher").css('background-color','#0f0f0f');
		//title 1
		$(".cam_title_1").css('color','#e40202');
		//title 2
		$(".cam_title_2").css('color','#eeeeee');
		//labels
		$(".cam_form label").css('color','#eeeeee');
		//button
		$(".cam_button a").css('color','#ffffff');
		$(".cam_button a").css('background-color','#e40202');
	}

	// brown theme
	if (theme == 'brown') {
		//background
		$(".cam_catcher").css('background-color','#9a451f');
		//title 1
		$(".cam_title_1").css('color','#fcf149');
		//title 2
		$(".cam_title_2").css('color','#fcc349');
		//labels
		$(".cam_form label").css('color','#fcc349');
		//button
		$(".cam_button a").css('color','#ffffff');
		$(".cam_button a").css('background-color','#000000');
	}

	// dark_blue theme
	if (theme == 'dark_blue') {
		//background
		$(".cam_catcher").css('background-color','#1d365a');
		//title 1
		$(".cam_title_1").css('color','#ffffff');
		//title 2
		$(".cam_title_2").css('color','#ffeb90');
		//labels
		$(".cam_form label").css('color','#e5f8ff');
		//button
		$(".cam_button a").css('color','#e5f8ff');
		$(".cam_button a").css('background-color','#ff5a00');
	}

	// green theme
	if (theme == 'green') {
		//background
		$(".cam_catcher").css('background-color','#517b00');
		//title 1
		$(".cam_title_1").css('color','#ffc600');
		//title 2
		$(".cam_title_2").css('color','#d3e96c');
		//labels
		$(".cam_form label").css('color','#ffffff');
		//button
		$(".cam_button a").css('color','#e5f8ff');
		$(".cam_button a").css('background-color','#000000');
	}

	// light_blue theme
	if (theme == 'light_blue') {
		//background
		$(".cam_catcher").css('background-color','#049bd3');
		//title 1
		$(".cam_title_1").css('color','#ffffff');
		//title 2
		$(".cam_title_2").css('color','#c1eeff');
		//labels
		$(".cam_form label").css('color','#ffffff');
		//button
		$(".cam_button a").css('color','#deecf5');
		$(".cam_button a").css('background-color','#153a52');
	}

	// orange theme
	if (theme == 'orange') {
		//background
		$(".cam_catcher").css('background-color','#ff5400');
		//title 1
		$(".cam_title_1").css('color','#ffffff');
		//title 2
		$(".cam_title_2").css('color','#FF0');
		//labels
		$(".cam_form label").css('color','#ffffff');
		//button
		$(".cam_button a").css('color','#ffffff');
		$(".cam_button a").css('background-color','#000000');
	}

	// pink theme
	if (theme == 'pink') {
		//background
		$(".cam_catcher").css('background-color','#ff589b');
		//title 1
		$(".cam_title_1").css('color','#ffffff');
		//title 2
		$(".cam_title_2").css('color','#ffdbe9');
		//labels
		$(".cam_form label").css('color','#ffffff');
		//button
		$(".cam_button a").css('color','#ffffff');
		$(".cam_button a").css('background-color','#151515');
	}

	// red theme
	if (theme == 'red') {
		//background
		$(".cam_catcher").css('background-color','#c61515');
		//title 1
		$(".cam_title_1").css('color','#ffffff');
		//title 2
		$(".cam_title_2").css('color','#fcd3d3');
		//labels
		$(".cam_form label").css('color','#ffffff');
		//button
		$(".cam_button a").css('color','#ffffff');
		$(".cam_button a").css('background-color','#151515');
	}

	// yellow theme
	if (theme == 'yellow') {
		//background
		$(".cam_catcher").css('background-color','#1b1b1b');
		//title 1
		$(".cam_title_1").css('color','#fff000');
		//title 2
		$(".cam_title_2").css('color','#fff886');
		//labels
		$(".cam_form label").css('color','#fff886');
		//button
		$(".cam_button a").css('color','#fff000');
		$(".cam_button a").css('background-color','#ff4800');
	}

	// purple theme
	if (theme == 'purple') {
		//background
		$(".cam_catcher").css('background-color','#98197c');
		//title 1
		$(".cam_title_1").css('color','#ffffff');
		//title 2
		$(".cam_title_2").css('color','#ffc3f2');
		//labels
		$(".cam_form label").css('color','#ffeffb');
		//button
		$(".cam_button a").css('color','#ffffff');
		$(".cam_button a").css('background-color','#200e1c');
	}

	//Colors
	var background_color 		= $.url.param("background_color");
	var title1_color 			= $.url.param("title1_color");
	var title2_color 			= $.url.param("title2_color");
	var labels_color 			= $.url.param("labels_color");
	var button_color 			= $.url.param("button_color");
	var button_background_color = $.url.param("button_background_color");

	if (background_color)
		$(".cam_catcher").css('background-color','#'+background_color);
	if (title1_color)
		$(".cam_title_1").css('color','#'+title1_color);
	if (title2_color)
		$(".cam_title_2").css('color','#'+title2_color);
	if (labels_color)
		$(".cam_form label").css('color','#'+labels_color);
	if (button_color)
		$(".cam_button a").css('color','#'+button_color);
	if (button_background_color)
		$(".cam_button a").css('background-color','#'+button_background_color);
});

function processReg() {
	var html 	= window.location.href.match(/([0-9]+x[0-9]+_[0-9]+)\.html/);
	var id 		= $.url.param("id");
	var tracker = $.url.param("tracker") + "_MCatcher880_"+html[1];
	var email 	= $("#mail").val();

	if (email == '') {
		alert("Votre email doit être valable!");
		return false;
	}

	var REG_MAIL = /^[\w-\.]{2,}@[\w-]{1,}\./;
	if (!REG_MAIL.test(email)) {
		alert("Votre email doit être valable!");
		return false;
	}

	document.forms[0].method = "get";
	document.forms[0].action = "gateway.php";
	document.forms[0].target = "_blank";



	//Check for id parameter
	if (!document.getElementById("id")) {
		var idElem 		= document.createElement("INPUT");
		idElem.type	 	= "hidden";
		idElem.name		= "id";
		idElem.id 		= "id";
		idElem.value	= id;
		document.forms[0].appendChild(idElem);
	}

	//Check for tracker parameter
	if (!document.getElementById("tracker")) {
		var trackerElem 	= document.createElement("INPUT");
		trackerElem.type	= "hidden";
		trackerElem.name	= "tracker";
		trackerElem.id 		= "tracker";
		trackerElem.value	= tracker;
		document.forms[0].appendChild(trackerElem);
	}

	document.forms[0].submit();

	/*var uri = 'http://r.camsympa.com/u.php?callback=?',
	defaults = {
		'id': id,
		'tracker': tracker,
		'format': 'json'
	},
	getResults = function (data) { //data represente les données reçues via appel JSON au webservice
		switch (data.code) {
		    case 'OK':
		    	top.location = data.link;
		        //window.open(data.link, 'test');
		        break;
			case 'Error1': //les arguments soumis sont imcomplets
				alert("Erreur d'accès : URL invalide !");
				break;
			case 'Error2': //l'email soumis est invalide
				alert("Erreur : cet email est invalide !");
				break;
			case 'Error3': //la personne est deja inscrite
				alert("Erreur : cet email est déjà inscrit !");
				break;
		    default: //ne devrait jamais arrive
		   		alert(data.result)
		        break;
		}
	},
	options = $.extend({}, defaults, {email: $("#mail").val()});
	$.getJSON(uri, options, getResults);*/
	return false;
}