/****************************
Initialisation de variables
****************************/

//Tableaux stockants les articles et leurs id (modeles + reduits)
var idArticlesModeles = new Array();
var articlesModeles = new Array();
var idArticlesReduits = new Array();
var articlesReduits = new Array();

//element Container + nombre d'articles
var eContainer = document.getElementById("container");
var nbArticles = eContainer.childElementCount;
var eContainer2 = document.createElement("div");
eContainer2.id="container2";

//element main
var eMain = document.getElementById("main");
var eTopMain;

//element pour encapsulement des articles reduits
var capsReduits = document.createElement("div");
capsReduits.id="capsReduits";

//article affiché actuellement
var currentArticle = document.createElement("div");
currentArticle.id="currentArticle";

//element temporaire
var eTemp1;
var eTemp2;

//Compteurs pour les boucles
var iCompteur;


var right_width='180px' ;//specify width of menu (in pixels)
var right_reveal='0px'; //specify amount that menu should protrude initially
var right_top='10px' ;  //specify vertical offset of menu on page

var ns4=document.layers?1:0;
var ie4=document.all;
var ns6=document.getElementById&&!document.all?1:0;


var bodyClass=document.getElementsByTagName("body")[0].className;


/****************************
Fonction principale
****************************/

designJade();



function designJade(){
	switch(bodyClass) {
	 case "posts":
		fillId();
		initModeles();
		initReduits();
		fillReduits();
		fillCenter();
		hideModeles();
		articleChange(idArticlesReduits[0]);
		debug();
	 break;
	 case "cat":
		fillId();
		initModeles();
		initReduits();
		fillReduits();
		fillCenter();
		hideModeles();
		articleChange(idArticlesReduits[0]);
		debug();
	 break;
	 case "post":
		fillId();
		initModelesPost();
		initReduitsPost();
		fillCenter();
		hideModeles();
		articleChangePost(idArticlesReduits[0]);
		fillComments();
	 break;
	 case "plugin":
		fillId();
		initModelesPost();
		initReduitsPost();
		fillCenter();
		hideModeles();
		articleChangePost(idArticlesReduits[0]);
	 break;
	 case "contact":
		fillId();
		initModelesPost();
		initReduitsPost();
		fillCenter();
		hideModeles();
		articleChangePost(idArticlesReduits[0]);
	 break;
	 default:
	 alert("Body Class non gérée, veuillez me prévenir.");
		fillId();
		initModeles();
		initReduits();
		fillReduits();
		fillCenter();
		hideModeles();
		articleChange(idArticlesReduits[0]);	 
	 break;
	}
}


function debug(){
	var eTemp3=currentArticle.lastElementChild.lastElementChild.lastElementChild.firstElementChild.firstElementChild;
	var eTemp4=eTemp3.getAttribute('href');
	defineAttribute(eTemp3,"onClick",'redir("'+eTemp4+'");');
	defineAttribute(eTemp3,"href","#");
}

function redir(dir){
	location.replace(dir);
}

//fonction pour remplir les id des articles (modeles + reduits)
function fillId(){
	for(iCompteur=0;iCompteur<5;iCompteur ++){
		idArticlesModeles[iCompteur] = "article_" + (iCompteur + 1);
		idArticlesReduits[iCompteur] = "apercu_" + (iCompteur + 1);
	}
}


//rempli le tableau des modèles puis les renomme
function initModeles(){
	for(iCompteur=0;iCompteur<nbArticles;iCompteur ++){
		articlesModeles[iCompteur] = eContainer.childNodes[2 * iCompteur +1];
	}
	for(iCompteur=0;iCompteur<nbArticles;iCompteur ++){
		articlesModeles[iCompteur].id = idArticlesModeles[iCompteur];
	}
}
function initModelesPost(){
		articlesModeles[0] = eContainer.childNodes[1];
	for(iCompteur=1;iCompteur<5;iCompteur ++){
		articlesModeles[iCompteur] = document.createElement("div");
	}
	for(iCompteur=0;iCompteur<5;iCompteur ++){
		articlesModeles[iCompteur].id = idArticlesModeles[iCompteur];
	}
}

//rempli le tableau des réduits et l'insère dans son conteneur
function initReduits(){
	for(iCompteur=0;iCompteur<nbArticles;iCompteur ++){
		articlesReduits[iCompteur]=document.createElement("div");
		articlesReduits[iCompteur].id=idArticlesReduits[iCompteur];
		articlesReduits[iCompteur].className="reduit";
		capsReduits.appendChild(articlesReduits[iCompteur]);
	}
}
function initReduitsPost(){
	for(iCompteur=0;iCompteur<1;iCompteur ++){
		articlesReduits[iCompteur]=document.createElement("div");
		articlesReduits[iCompteur].id=idArticlesReduits[iCompteur];
		articlesReduits[iCompteur].className="reduit";
		capsReduits.appendChild(articlesReduits[iCompteur]);
	}
}

//construit les articles réduits
function fillReduits(){
	for(iCompteur=0;iCompteur<nbArticles;iCompteur ++){
		articlesReduits[iCompteur].innerHTML = articlesModeles[iCompteur].innerHTML;
		articlesReduits[iCompteur].firstChild.firstChild.firstChild.firstChild.setAttribute('onClick','articleChange("' + idArticlesReduits[iCompteur] + '");' ); 
		articlesReduits[iCompteur].firstChild.firstChild.firstChild.firstChild.href="#"; 
		articlesReduits[iCompteur].firstElementChild.nextElementSibling.textContent = articlesReduits[iCompteur].firstElementChild.nextElementSibling.textContent.slice(0,350) + "...";
		hideElement(articlesReduits[iCompteur].lastElementChild.firstElementChild.firstElementChild);
		hideElement(articlesReduits[iCompteur].lastElementChild.lastElementChild);
	}
}

//rempli le cadre (div center)
function fillCenter(){
eTemp1 = document.createElement("table");
eTemp1.id = "tcontainer";
document.getElementById("center").appendChild(eTemp1);
eTemp2 = document.createElement("tbody");
eTemp1.appendChild(eTemp2);
eTemp1 = document.createElement("tr");
eTemp2.appendChild(eTemp1);
eTemp2 = document.createElement("td");
eTemp1.appendChild(eTemp2);
eTemp2.appendChild(eContainer);
eTemp2 = document.createElement("td");
eTemp1.appendChild(eTemp2);
eTemp2.appendChild(eContainer2);

eContainer.appendChild(document.getElementById("module-twitter"));
eContainer.appendChild(currentArticle);
eContainer2.appendChild(document.getElementById("module-pagination"));
eContainer2.appendChild(capsReduits);

defineAttribute(document.getElementById("left"),"style","");
defineAttribute(document.getElementById("center"),"style","");
defineAttribute(document.getElementById("right"),"style",'right:'+((parseInt(right_width)-parseInt(right_reveal))*-1)+'px; top:'+right_top+'; width:'+right_width);
defineAttribute(document.getElementById("right"),"onMouseover","pull()");
defineAttribute(document.getElementById("right"),"onMouseout","draw()");

document.getElementById("module-pagination").firstElementChild.firstElementChild.removeChild(document.getElementById("module-pagination").firstElementChild.firstElementChild.firstChild);
document.getElementById("module-pagination").firstElementChild.lastElementChild.removeChild(document.getElementById("module-pagination").firstElementChild.lastElementChild.lastChild);

document.getElementById("module-pagination").firstElementChild.firstElementChild.firstElementChild.innerHTML='<img src="http://tonin-de-jardin.cowblog.fr/images/DesignJade/leftarrow.png" />';
document.getElementById("module-pagination").firstElementChild.lastElementChild.lastElementChild.innerHTML='<img src="http://tonin-de-jardin.cowblog.fr/images/DesignJade/rightarrow.png" />';
}

//cache tous les articles modeles
function hideModeles(){
	for(iCompteur=0;iCompteur<nbArticles;iCompteur ++){
		hideElement(articlesModeles[iCompteur]);
	}
}

//change l'article courant
function articleChange(id){
	for(iCompteur=0;iCompteur<nbArticles;iCompteur ++){
		showElement(articlesReduits[iCompteur]);
	}
	var nb = parseInt(id.substring(id.lastIndexOf('_') + 1, id.length))-1;
	currentArticle.innerHTML = articlesModeles[nb].innerHTML;
	hideElement(articlesReduits[nb]);
	currentArticle.lastElementChild.previousSibling.appendChild(currentArticle.lastElementChild);
}
function articleChangePost(id){
	for(iCompteur=0;iCompteur<1;iCompteur ++){
		showElement(articlesReduits[iCompteur]);
	}
	var nb = parseInt(id.substring(id.lastIndexOf('_') + 1, id.length))-1;
	currentArticle.innerHTML = articlesModeles[nb].innerHTML;
	hideElement(articlesReduits[nb]);
	currentArticle.lastElementChild.previousSibling.appendChild(currentArticle.lastElementChild);
}
//pour commentaires :
function fillComments(){
	currentArticle.lastElementChild.appendChild(document.getElementById("comments"));
	currentArticle.lastElementChild.appendChild(document.getElementById("post"));
}



//	Cache un element
function hideElement(elt){
	if (checkDisplayed(elt)){
		// IE
		if (navigator.appName == 'Microsoft Internet Explorer')
			elt.style.setAttribute('display','none');
		// autres navigateurs
		else{
			var style = delStringFromString(elt.getAttribute('style'),'display: block;');
			style = delStringFromString(style,'display: block');
			style = elt.getAttribute('style')+';display: none';
			defineAttribute(elt,'style',style);
		}
	}
}

//	Montre un element
function showElement(elt){
	if (! checkDisplayed(elt)){
		// IE
		if (navigator.appName == 'Microsoft Internet Explorer')
			elt.style.setAttribute('display','block');
		// autres navigateurs
		else{
			var style = delStringFromString(elt.getAttribute('style'),'display: none;');
			style = delStringFromString(style,'display: none');
			// style = elt.getAttribute('style')+';display: block';
			elt.setAttribute('style',style);
		}
	}
}

//	Verifie si un element est visible
function checkDisplayed(elt){
	if (elt){
		// IE
		if (navigator.appName == 'Microsoft Internet Explorer')
			res = (elt.style.getAttribute('display') != 'none');
		// autres navigateurs
		else{
			if (elt.getAttribute('style') == null)
				res = true;
			else
				res = (elt.getAttribute('style').indexOf('display: none') == -1);
		}
		return res;
	}else
		return false;
}

// Retourne la classe d'un element
function classElement(elt){
	// IE
	if (navigator.appName == 'Microsoft Internet Explorer')
		return (elt.getAttribute('className'));
	// autres navigateurs
	else
		return (elt.getAttribute('class'));
}

//	Supprime s2 de s1 si s2 existe dans s1, sinon retourne s1
function delStringFromString(s1,s2){
	if (s1 == null)
		return null;
	if (s2 == null)
		return s1;
	if (s1.lastIndexOf(s2) != -1)
		return s1.substring(0 , s1.lastIndexOf(s2)) + s1.substring(s1.lastIndexOf(s2) + s2.length , s1.length);
	else
		return s1;
}

//	Permet de definir proprement l'attribut d'un element
function defineAttribute(elt,attName,attValue){
	//	IE gere certains attributs de maniere specifique
	if (navigator.appName == 'Microsoft Internet Explorer'){
		if (attName == 'style'){
			elt.style.setAttribute('cssText',attValue);
			return;
		}
		if (attName == 'onclick'){
			elt.onclick = function(){''+attValue+''};
			return;
		}
		if (attName == 'onmouseover'){
			elt.onmouseover = function(){attValue};
			return;
		}
		if (attName == 'class'){
			elt.setAttribute('className',attValue);
			return;
		}
	}
	var attribute = document.createAttribute(attName);
	attribute.nodeValue = attValue;
	elt.setAttributeNode(attribute);
}



//MENU GLISSANT
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.right.right=((parseInt(right_width)-parseInt(right_reveal))*-1)
document.right.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}

window.onload=regenerate2

rightboundary=0
leftboundary=(parseInt(right_width)-parseInt(right_reveal))*-1

if (ie4||ns6){
themenu=(ns6)? document.getElementById("right").style : document.all.right.style
}
else if (ns4){
themenu=document.layers.right
}

function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.right)<rightboundary)
themenu.right=parseInt(themenu.right)+10+"px"
else if(ns4&&themenu.right<rightboundary)
themenu.right+=10
else if (window.pullit){
themenu.right=0
clearInterval(pullit)
}
}

function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.right)>leftboundary)
themenu.right=parseInt(themenu.right)-10+"px"
else if(ns4&&themenu.right>leftboundary)
themenu.right-=10
else if (window.drawit){
themenu.right=leftboundary
clearInterval(drawit)
}
}

function simulateClick(id) {
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
var cb = document.getElementById(id).firstElementChild.firstElementChild.firstElementChild.firstElementChild;
cb.dispatchEvent(evt);
}