function createAjaxObject() {
	var req;
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		req = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		alert('Probleme a la creation de l\'objet XMLHttpRequest.');
	}
	return req;
}

function set_list(event) {
	var pos_x = event.offsetX ? (event.offsetX) : event.pageX - document.getElementById("tablist").offsetLeft;
	var id_list = Math.ceil(pos_x /24 );

	var xmlHttp = createAjaxObject();
	var i = 0;
	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4){ 
			var result = xmlHttp.responseText;
			if ( result == 'need_reload') {
				window.location.reload();
			}
		} else {
			i++;
		}
	}
        var url = "/ajax.php";
        var params = "command=set_list&id_list="+id_list;
        xmlHttp.open("POST",url,true);
        xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlHttp.setRequestHeader("Content-length", params.length);
        xmlHttp.setRequestHeader("Connection", "close");
        xmlHttp.send(params);
}

function show_recent_visitors() {
	var ran_no=(Math.round((Math.random()*9999)));
	var itembox = document.getElementById('friends_face');

	var url = "/ajax.php";
	var params = "command=show_visitors&ran="+ran_no;
	var xmlHttp = createAjaxObject();
	xmlHttp.onreadystatechange = function() {
		if( xmlHttp.readyState == 4 && xmlHttp.status == 200 ) {
			var response = xmlHttp.responseText;
			if (response) {
				itembox.innerHTML = xmlHttp.responseText;
			} else {
				itembox.innerHTML = '';
			}
		} else {
			itembox.style.display='block';
		}
	}
	xmlHttp.open('POST', url, true);
        xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlHttp.setRequestHeader("Content-length", params.length);
        xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.send(params);
}

function show_friends_list() {
	var ran_no=(Math.round((Math.random()*9999)));
	var itembox = document.getElementById('friends_face');

	var url = "/ajax.php";
	var params = "command=show_friends&ran="+ran_no;
	var xmlHttp = createAjaxObject();
	xmlHttp.onreadystatechange = function() {
		if( xmlHttp.readyState == 4 && xmlHttp.status == 200 ) {
			var response = xmlHttp.responseText;
			if (response) {
				itembox.innerHTML = xmlHttp.responseText;
			} else {
				itembox.innerHTML = '';
			}
		} else {
			itembox.style.display='block';
		}
	}
	xmlHttp.open('POST', url, true);
        xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlHttp.setRequestHeader("Content-length", params.length);
        xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.send(params);
}

function show_article_huged_by( id ) {
	var ran_no=(Math.round((Math.random()*9999)));
	var itembox = document.getElementById('hug_friends_list');

	var url = "/ajax.php";
	var params = "command=show_hugs&article_id="+id+"&ran="+ran_no;
	var xmlHttp = createAjaxObject();
	xmlHttp.onreadystatechange = function() {
		if( xmlHttp.readyState == 4 && xmlHttp.status == 200 ) {
			var response = xmlHttp.responseText;
			if (response) {
				itembox.innerHTML = xmlHttp.responseText;
			} else {
				itembox.innerHTML = '';
			}
		} else {
			itembox.style.display='block';
		}
	}
	xmlHttp.open('POST', url, true);
        xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlHttp.setRequestHeader("Content-length", params.length);
        xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.send(params);
}

function hug(id, uid, id_message, id_art, id_image) {
	xmlHttp = createAjaxObject();
	xmlHttp.onreadystatechange = function(){
		var loader = document.getElementById('loading_'+id);
		var uldiv = document.getElementById('ul_'+id);

		if (xmlHttp.readyState == 4){ 
			
			var res = xmlHttp.responseText;
			
			loader.style.display = 'block';
			if (res == 'already_voted') {
				loader.innerHTML = '<img src="/themes/sms/images/vote-deja.jpg" alt="Vous avez déjà voté!" title="Vous avez déjà voté!" />';
			} else if (res == 'oups') {
				loader.innerHTML = ' ';
			} else {
				var resultats = res.split('#');
				loader.innerHTML = '<img src="/themes/sms/images/vote-merki.jpg" alt="Merci d\'avoir voté!" title="Merci d\'avoir voté!" />';
				var out_count   = document.getElementById('showHugs_'+id);
				var out_stcount = document.getElementById('showSHugs_'+id);
				var pluriel = (resultats[0] > 1) ? 's' : '';
				out_count.innerHTML = resultats[0];
				out_stcount.innerHTML = pluriel;
				if ((uid != '0') && (uid != '') && (uid != 'null')) {
					if (resultats[1] > 0) {
						var user_tag = '0';
						var is_facebook_user = false;
						var fb_pattern = 'fb:\\[(\\d+)\\]';
						var fb_reg = new RegExp(fb_pattern);
						if (uid.match(fb_reg)) {
							user_tag =  uid.replace(fb_reg, "_fb_$1");
							var is_facebook_user = true;
						}

						var fb_count   = document.getElementById('hugVal');
						var fb_pluriel = document.getElementById('hugSVal');
						var fb_url     = document.getElementById('hugUrl');
						var pluriel = (resultats[1] > 1) ? 's' : '';
						fb_count.innerHTML   = resultats[1];
						fb_pluriel.innerHTML = pluriel;
						fb_url.innerHTML     = '(<a href=\"/hugged_by-'+user_tag+'.html\">voir</a>)';

						if (is_facebook_user) {
							var template_data = {"post-secret" : ""+id_message+"",
							"post-url" : "http://www.show-my-secret.com/secret-"+id_art+".html",
							"images":[{"src":"http://www.show-my-secret.com/datas/messages/"+id_image+"", "href":"http://www.show-my-secret.com/secret-"+id_art+".html"},
							          {"src":"http://www.show-my-secret.com/themes/sms/images/coeur.png", "href":"http://www.show-my-secret.com/secret-"+id_art+".html"}]};
							FB.Connect.showFeedDialog(50981768137, template_data); 
						}
					}
				}
			}
		} else {
			loader.innerHTML = '<img src="/themes/sms/images/rating/rating_loading.gif" alt="loading" />';	
		}
	}
	var url = "/hug.php";
	var ran_no=(Math.round((Math.random()*9999)));
	var params = "id="+id+"&rand="+ran_no+"&uid="+uid;
	xmlHttp.open("POST",url,true);
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlHttp.setRequestHeader("Content-length", params.length);
	xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.send(params);
} 

function show_light(id, status ) {
	var item_id = document.getElementById('img_light_'+id);
	var img_status = (status) ? 'on' : 'off';
	item_id.src = '/themes/sms/images/ampoule-'+img_status+'-25.jpg';
}

function show_heart( id, status ) {
	var item_id = document.getElementById('img_heart_'+id);
	var img_status = (status) ? 'on' : 'off';
	item_id.src = '/themes/sms/images/coeur-'+img_status+'-25.jpg';
}

function facebook_reload() {
        update_user_box();
        window.location.reload();
}

function update_user_box() { 
        FB.XFBML.Host.parseDomTree(); 
} 

function facebook_invit_users(title_window, post_url, content_text, content_url, action_text, type, invite, command) {
    FB.ensureInit(function() {
        var dialog = new FB.UI.FBMLPopupDialog(title_window, '');
        var fbml = "<fb:fbml>"
	+ "<fb:request-form style='width:630px; height:450px;' action='"+post_url+"'\tmethod='POST' invite='"+invite+"' type='"+type+"' "
	+ "content=\""+content_text+" : <fb:req-choice url='"+content_url+"' label='Confirmer' />\" >"
	+ "<input type=\"hidden\" name=\"frm_fb_command\" id=\"frm_fb_command\" value=\""+command+"\" />"
	+ "<fb:multi-friend-selector\tshowborder='false' exclude_ids='' actiontext='"+action_text+"' rows='3' bypass='Annuler'\tshowborder='false' />"
	+ "</fb:request-form>"
	+ "</fb:fbml>";
        dialog.setFBMLContent(fbml);
        dialog.setContentWidth(630); 
        dialog.setContentHeight(450);
        dialog.show();
    });
}

function facebook_friends_list(title_window, id ) {
    FB.ensureInit(function() {
        var dialog = new FB.UI.FBMLPopupDialog(title_window, '');
        var fbml = "<fb:fbml>"
	+ "<form id='friends' fbtype=\"multiFeedStory\" action='http://www.show-my-secret.com/' onsubmit='addToArray(this.serialize());return false;' style=\"width:630px; height:570px;\">"
	+ '<fb:friend-selector uid="'+id+'" name="uid" idname="friend_sel" />' 
        + "<input id='sbmt' name='sbmt' type='submit' value='Enter Friends' />"
	+ "</form>"
	+"</fb:fbml>";
        dialog.setFBMLContent(fbml);
        dialog.setContentWidth(630); 
        dialog.setContentHeight(570);
        dialog.show();
	});
}