// Boite a Lightbox sur la droite

var selected = ""
var image_last = "";
var image_last_remove = "";

var requete_lightbox = createXhrObject();
var images_contenues = createXhrObject();
var requete_lightbox_page = createXhrObject();
var rename_query = createXhrObject();
var update_query = createXhrObject();
var delete_query = createXhrObject();
var create_query = createXhrObject();
var lastSelectedLightbox = "";

var contenu_lightbox = "";
var image_count = 0;
var last_rename = "";
var last_delete = "";

var page_type = "";

var def_sel = createXhrObject();

var default_status = "";

var tableau_compte = new Array();

var lightbox_page = 1;

function setCompte(id, compte) {
	tableau_compte[id] = compte;
}

function getCompte(id) {
	document.getElementById('compte_' + id).innerHTML = "(" + tableau_compte[id] + ")";
}

function selectLightbox(id){
	
	if(lastSelectedLightbox != id) {
		lightbox_page = 1;
	}
	
	lastSelectedLightbox = id;
	
    if (selected) {
		document.getElementById('li_' + selected).style.backgroundImage = "url('gfx/lightbox_unselected.gif')";
		document.getElementById('a_' + selected).style.color = "black";
	}
	
	document.getElementById('li_' + id).style.backgroundImage = "url('gfx/lightbox_selected.gif')";
	document.getElementById('a_' + id).style.color = "white";
	selected = id;
	
	var ierand = Math.random();
	
	requete_lightbox.open('GET', 'lightbox/list.images.php?id=' + id + "&rand=" + ierand + '&page=' + lightbox_page, true);
	requete_lightbox.onreadystatechange = ajaxLightbox;
	requete_lightbox.send(null);
	
	delete ierand;

	def_sel.open('GET', 'lightbox/definition.selection.php?id=' + id, true);
	def_sel.send(null);
	
	images_contenues.open('GET', 'lightbox/images.contenues.php?id=' + id, true);
	images_contenues.onreadystatechange = ajaxImagescontenues;
	images_contenues.send(null);
	
	default_status = '<a href="index.php?a=lightbox&id=' + selected + '" title="Voir cette Lightbox comme une galerie">Pleine page</a> | <a href="javascript:lightboxPop(\'link\', \'open\');" title="Lien direct vers cette Lightbox">Lien</a> | <a href="lightbox/dupplicate.php?id=' + selected + '&old_nom=' + document.getElementById("lightbox_name_" + selected ).innerHTML + '" title="Dupliquer cette Lightbox">Dupliquer</a> | <a href="javascript:lightboxPop(\'rename\', \'open\');" title="Renommer cette Lightbox">Renommer</a> | <a href="javascript:lightboxPop(\'delete\', \'open\');" title="Supprimer cette Lightbox">Supprimer</a>';	
	
	if(document.getElementById('fpi')) {
		
		document.getElementById('fpi').value = selected;
		
	}
		
}

function ajaxLightbox(){
    if(requete_lightbox.readyState != 4) {
		document.getElementById('lightbox_status').innerHTML = '<img src="lightbox/preloader.gif">';
	}
	
	else if (requete_lightbox.readyState == 4) {
		document.getElementById('lightbox_images').innerHTML = requete_lightbox.responseText;
		document.getElementById('lightbox_status').innerHTML = default_status;
    }
	
}

function ajaxImagescontenues() {
	if (images_contenues.readyState == 4) {
		contenu_lightbox = images_contenues.responseText;
		checkBoutons();
	}
}

function checkBoutons() {
	var starter = 0;
	while(image_count > starter) {
		var image_id = document.getElementById('hidden_image_' + starter).value;
		
		if(document.getElementById('hidden_lightboxes_' + image_id).value.indexOf(selected) != -1) {
			if(page_type == "showimage") {
				document.getElementById('plus_' + image_id).innerHTML = '<img src="gfx/buttons.php?txt=remove_lightbox&lang=fr">';
			}
			else {
				document.getElementById('plus_' + image_id).innerHTML = '<img src="gfx/lightbox_remove_from.png">';
				document.getElementById('img_' + image_id).style.border = '3px solid green';
			}
	
			document.getElementById('plus_' + image_id).href = "javascript:removefromLightbox('" + image_id + "');";			
		}
		else {
			var image_id = document.getElementById('hidden_image_' + starter).value;
			
			if(page_type == "showimage") {
				document.getElementById('plus_' + image_id).innerHTML = '<img src="gfx/buttons.php?txt=add_lightbox&lang=fr">';
			}
			else {
				document.getElementById('plus_' + image_id).innerHTML = '<img src="gfx/lightbox_add_to.png">';
				document.getElementById('img_' + image_id).style.border = '1px solid #CDCDCD';
			}
			document.getElementById('plus_' + image_id).href = "javascript:addtoLightbox('" + image_id + "')";
		}
		starter++;
	}
}

var insertion_lightbox = createXhrObject();

function addtoLightbox(image){
    if (selected) {
        insertion_lightbox.open('GET', 'lightbox/insert.php?id=' + selected + '&image=' + image, true);
        insertion_lightbox.onreadystatechange = addtoReady;
        insertion_lightbox.send(null);
		
		image_last = image;
    }
    else {
        alert("Vous devez d'abord séléctionner une Lightbox");
    }
}

function addtoReady(){
	if(insertion_lightbox.readyState != 4) {
		document.getElementById('lightbox_status').innerHTML = "Ajout de l'image...";
	}
	
    else if (insertion_lightbox.readyState == 4) {
		
		selectLightbox(selected);
		
		tableau_compte[selected]++;
		getCompte(selected);
		
		if(page_type == "showimage") {
			document.getElementById('plus_' + image_last).innerHTML = '<img src="gfx/buttons.php?txt=remove_lightbox&lang=fr">';
		}
		else {
			document.getElementById('plus_' + image_last).innerHTML = '<img src="gfx/lightbox_remove_from.png">';
		}
		document.getElementById('plus_' + image_last).href = "javascript:removefromLightbox('" + image_last + "')";
		document.getElementById('hidden_lightboxes_' + image_last).value = document.getElementById('hidden_lightboxes_' + image_last).value + ", " + selected;     
    }
}

var suppression_lightbox = createXhrObject();

function removefromLightbox(image) {
	
	suppression_lightbox.open('GET', 'lightbox/remove.php?id=' + selected + '&image=' + image, true);
	suppression_lightbox.onreadystatechange = removefromReady;
	suppression_lightbox.send(null);
	
	image_last_remove = image;
}

function removefromReady() {
	
	if(suppression_lightbox.readyState != 4) {
		document.getElementById('lightbox_status').innerHTML = "Suppression de l'image...";
	}
	
	else if(suppression_lightbox.readyState == 4) {
		
		selectLightbox(selected);
		
		tableau_compte[selected]--;
		getCompte(selected);
		
		if (page_type == "showimage") {
			document.getElementById('plus_' + image_last_remove).innerHTML = '<img src="gfx/buttons.php?txt=add_lightbox&lang=fr">';
		}
		
		else if (page_type == "lightbox_page") {
			document.getElementById('lightbox_page').removeChild(document.getElementById('plus_' + image_last_remove).parentNode.parentNode.parentNode);
		}
			
		else if (page_type == "gors") {
			document.getElementById('plus_' + image_last_remove).innerHTML = '<img src="gfx/lightbox_add_to.png">';
		}
				
				
		if (page_type) {
			document.getElementById('plus_' + image_last_remove).href = "javascript:addtoLightbox('" + image_last_remove + "')";
			document.getElementById('hidden_lightboxes_' + image_last_remove).value = document.getElementById('hidden_lightboxes_' + image_last_remove).value.replace(selected, "");
		}

		
	}
}

function lightboxPage() {
	
	if(current_lightbox_page != "") {
			
			if(current_lightbox_page == selected) {
			
				requete_lightbox_page.open('GET', 'lightbox/full.php?id=' + selected + '&source=a', true);
				requete_lightbox_page.onreadystatechange = ajaxLightboxPage;
				requete_lightbox_page.send(null);
			
			}
	}
}

function ajaxLightboxPage() {
	
	var divpage = document.getElementById('lightbox_page');
	
	if(requete_lightbox_page.readyState != 4) {
		divpage.innerHTML = "Chargement en cours...";
	}
	else if(requete_lightbox_page.readyState == 4) {
		divpage.innerHTML = requete_lightbox_page.responseText;
	}
	
}

function lightboxPop(content, action) {
	
	var pop = document.getElementById('lightbox_pop');
	
	if(content == "link") {
		pop.innerHTML = "<div>Lien direct vers cette Lightbox : <br> <input type=\"text\" value=\"http://www.lifeonwhite.com/index.php?a=lightbox&id=" + selected + "\" style=\"margin-bottom:5px;\"> <br><a href=\"javascript:lightboxPop('link', 'close');\"><img src=\"gfx/close_button.gif\" border=\"0\"></a></div>";
	}
	else if(content == "rename") {
		
		pop.innerHTML = "<div><input type=\"text\" value=\"\" id=\"lightbox_rename\" style=\"margin-bottom:5px;\"> <a onclick=\"javascript:renameLightbox('" + selected + "'); lightboxPop('rename', 'close');\"><img src=\"gfx/apply_button.gif\" border=\"0\"></a> <a href=\"javascript:lightboxPop('rename', 'close');\"><img src=\"gfx/cancel_button.gif\" border=\"0\"></a></div>";
		document.getElementById('lightbox_rename').value = document.getElementById('lightbox_full_name_' + selected).innerHTML;
				
	}
	
	else if(content == "delete") {
		
		pop.innerHTML = '<div>Etes-vous sur ? Cette action est irréversible. <br><a href="javascript:deleteLightbox(\'' + selected + '\'); lightboxPop(\'\', \'close\');"><img src=\"gfx/yes_button.gif\" border=\"0\"></a> <a href="javascript:lightboxPop(\'delete\', \'close\');"><img src=\"gfx/cancel_button.gif\" border=\"0\"></a></div>';
		
	}
	
	else if(content == "zip") {
		
		pop.innerHTML = '<div>Séléctionnez la taille : <a href="http://www.lifeonwhite.com/lightbox.zip.php?id=' + selected + '&size=80x80" onclick="lightboxPop(\'zip\', \'close\');">80x80</a> <a href="http://www.lifeonwhite.com/lightbox.zip.php?id=' + selected + '&size=160x160" onclick="lightboxPop(\'zip\', \'close\');">160x160</a> <a href="http://www.lifeonwhite.com/lightbox.zip.php?id=' + selected + '&size=630x630" onclick="lightboxPop(\'zip\', \'close\');">630x630</a> <a href="http://www.lifeonwhite.com/lightbox.zip.php?id=' + selected + '&size=original" onclick="lightboxPop(\'zip\', \'close\');">Original</a> <a href="javascript:lightboxPop(\'zip\', \'close\');">Cancel</a></div>'
		
	}
	
	else if(content == "create") {
		
		pop.innerHTML = '<div>Nom : <form action="lightbox/create.php" method="post"><input type="text" name="name" value="" style=\"margin-bottom:5px;\"> <input type="submit" value="" style=\"background-image:url(\'gfx/apply_button.gif\'); width:54px; height:16px; border:0;\"> <input type="button" value="" onclick="javascript:lightboxPop(\'create\', \'close\');" style=\"background-image:url(\'gfx/close_button.gif\'); width:54px; height:16px; border:0;\"></form></div>';
		
	}
	
	else if(content == "copyto") {
		
		pop.innerHTML = document.getElementById('lightbox_listing_copy').innerHTML;
		document.getElementById('lightbox_listing_copy').innerHTML = "";
		
		if(document.getElementById('current_lightbox')) {
		
			document.getElementById('current_lightbox').value = selected;
		
		}
		
		var lightboxes_nodes = document.getElementById('lightboxes_copyto').childNodes;
		var lightboxes_length = document.getElementById('lightboxes_copyto').childNodes.length;
		
		
		for(x=0; x < lightboxes_length; x++) {
							
			if(lightboxes_nodes[x].value == selected) {
				
				document.getElementById('lightboxes_copyto').removeChild(lightboxes_nodes[x]);
				
			}
			
		}
		
	}
	
	if(action == "open") {
		pop.style.display = "block";
	}
	else {
		pop.style.display = "none";
	}
	
}

function renameLightbox(id) {
	
	rename_query.open('GET', 'lightbox/rename.php?id=' + id + '&name=' + document.getElementById('lightbox_rename').value, true);
	rename_query.onreadystatechange = renameReady;
	rename_query.send(null);
	
	last_rename = document.getElementById('lightbox_rename').value;
	
}

function renameReady() {
	
	if(rename_query.readyState != 4) {
		
	}
	else if(rename_query.readyState == 4) {
		document.getElementById('lightbox_name_' + selected).innerHTML = last_rename.substr(0, 22);
		if(last_rename.length >= 22) {
			document.getElementById('lightbox_name_' + selected).innerHTML += "...";
		}
	}
	
}

function deleteLightbox(id) {
	delete_query.open('GET', 'lightbox/delete.php?id=' + selected, true);
	delete_query.onreadystatechange = deleteDone;
	delete_query.send(null);
	
	last_delete = selected;
	
}

function deleteDone() {
	
	document.getElementById('ul_lightboxes').removeChild(document.getElementById('li_' + last_delete));
	document.getElementById('lightbox_images').innerHTML = "";
	document.getElementById('lightbox_status').innerHTML = "No Lightbox selected";
	selected = "";
	
}

function setLightboxPage(page) {
	
	lightbox_page = page;
	selectLightbox(selected);
	lastSelectedLightbox = selected;
	
}

/*function videos(url, ref){
	document.getElementById('videos').innerHTML = '<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/' + url + '" id="video_param"></param><embed src="http://www.youtube.com/v/' + url + '" id="video_embed" type="application/x-shockwave-flash" width="425" height="350"></embed></object>';	
	document.getElementById('urls').innerHTML = '<a href="index.php?search=' + ref + '&search_filter=refs&showmore=1"><img src="gfx/buttons.php?txt=show_from_session&lang=fr" border="0"></a>';
}

function videos_local(url, ref){
	document.getElementById('videos').innerHTML = '<object id="monFlash" type="application/x-shockwave-flash" data="videos/player_flv.swf" width="622" height="350"><param name="movie" value="videos/player_flv.swf" /><param name="FlashVars" value="flv=' + url + '&amp;width=622&amp;height=350&amp;showvolume=1&amp;autoplay=1" /></object>';
	document.getElementById('urls').innerHTML = '<a href="index.php?search=' + ref + '&search_filter=refs&showmore=1"><img src="gfx/buttons.php?txt=show_from_session&lang=fr" border="0"></a>';
}*/