var idPack = getPack();
var idPic = 1;
var remList = [];
var cntadd = 0
var maxImg = 6
var minImg = 2

function surVal(item){

    item.focus();
    item.select();

}


function charsLimit(item, maxlen){
	
	if(document.getElementById("author").value.length > 3 && document.getElementById("title").value.length > 3 && cntadd >= minImg){
		
	document.getElementById("valid").style.visibility = "visible";
			
		
	} else {
	
	document.getElementById("valid").style.visibility = "hidden";
		
	}
		
	 if (item.value.length > maxlen) {
	      item.value = item.value.substring(0, maxlen);
	 }	
	 
}


function valRem(item){		

	if(!remList[item.name]){

		item.value = "";
		remList[item.name] = true;

	} 
}

function showSelector(){
	
	document.getElementById("notifb").style.width = "100%";
	document.getElementById("notifb").style.height = "100%";
	document.getElementById("notifb").style.visibility = "visible";
	document.getElementById("notifb").style.display = "block";
		
}

function hideSelector(){
	
	document.getElementById("notifb").style.display = "none";
		
}

function remItem(id){
	
	cntadd = cntadd-1
	
	document.getElementById("worktb").removeChild(document.getElementById("c"+id));
	if(cntadd == 0){
	
	idPic = 1;			
		
	document.getElementById("worktb").innerHTML = '<div id="c1">Aucune image ajoutée. Clique sur <span style="font-style:italic">Ajouter</span> pour choisir des images à mettres dans ton dialogue. Quand tu as fini, cliquer sur J\'ai fini! (Le bouton apparaitra quand tout les champs sont complétés et que tu as rajouté au moins 2 images.</div>';
				
		
	}
	
	
	
	
	if(cntadd == (maxImg-1)){
		
	document.getElementById("addimg").style.visibility = "visible";	
		
	}
	if(cntadd == (minImg-1)){
		
		document.getElementById("valid").style.visibility = "hidden";
		
	}
	
}


function addPicture(id){
	
	
	if(cntadd < maxImg){
	
	var content = '<div class="picleft"><img src="../bank/'+idPack+'/'+id+'.jpg" alt="imageDialogue"/></div><div class="toolbox"><div class="textarea"><textarea name="txtpic-'+id+'-'+idPic+'" onFocus="valRem(this);" onkeyup="charsLimit(this, 90);">Ecris ici le texte qui sera généré. Sans texte, la bulle n\'apparaîtra pas !</textarea></div><div class="option"><input type="button" value="Supprimer" onclick="remItem('+idPic+')"/></div></div>';
		
	
	
	if(idPic == 1){
	
	
	document.getElementById("c"+idPic).innerHTML = content;
	
	
	
    } else {
	
    pic = document.createElement("div");
	pic.setAttribute('id','c'+idPic);
	pic.innerHTML = content;
	document.getElementById("worktb").appendChild(pic);
		
  }
	
	
	
	
	
	
	document.getElementById("notifb").style.display = "none";
	
	idPic = idPic+1;
	cntadd = cntadd+1;
	
	
	if(cntadd >= maxImg){
		
		document.getElementById("addimg").style.visibility = "hidden";
		
	}
	
	if(document.getElementById("author").value.length > 3 && document.getElementById("title").value.length > 3 && cntadd >= minImg){
		
		document.getElementById("valid").style.visibility = "visible";
		
	}
	
	
	}	
	
}


function getPack(){	

	var t = location.search.substring(1).split('&');



	for (var i=0; i<t.length; i++){

		var x = t[ i ].split('=');

		if(x[0] == "pack"){ 
			
			return x[1];			
			
		}
		

	}

	return false;

}