/**
 * @author Busbz - me@busbz.fr
 * @date 27/05/09
 * 
 * 
 * @description
 * 		formatage pour cadre - arondis ou pas
 * 
 * @infos
 * 		Le script format un élément (div etc...) pour placer une grille à 9 (haut, centre, bas avec à chaque fois droite-centre-gauche
 * 		Couplé avec un css, nous placeron une image dans les bords, plus une image sur les coté pour la bordure
 * 		les images se trouveront dans le dossier img/cadreRond.jpg et img/cadreCarre.jpg
 * 
 * @usage cadre(div, hg, hd, bg, bd);
 * @exemple cadre($(#madiv), rond, rond, rond, carre);
 */

// Création d'un conteur pour pas mélanger les div
var iCount		= 0;
var divOnglets	= null;
var currentDiv	= null;

function cadre(div, color, hg, hd, bg, bd, multi){

	currentDiv	= div;
	if(multi=="true"){
		bMulti = true;
	}else{
		bMulti = false;
	}
	
	// On attend que le document soit chargé
	$(document).ready(function(){
		$(div).each(function(){
			
			// Récupération de la taille de la popup
			var largeur	= $(this).width();
			var hauteur	= $(this).height();
	
			$(this).wrapInner("<div class='cc'></div>");
			// Enveloppe la div dans la div cadre+compteur
			$(this).wrapInner("<div id='cadre"+iCount+"' class='cadre'></div>");
			$("#cadre"+iCount+" .cc:eq(0)").wrap("<div class='c'></div>");
			$("#cadre"+iCount+" .cc:eq(0)").before("<div class='cg'></div>");
			$("#cadre"+iCount+" .cc:eq(0)").after("<div class='cd'></div>");
			
			// HAUT //
			// Place la div du haut
			$('#cadre'+iCount).prepend("<div class='h'></div>");
			// Sépare la div en 3
				// --> haut
				if(hg == "rond"){
					$('#cadre'+iCount+' .h:eq(0)').append('<div class="hg_rond">');
				}else{
					$('#cadre'+iCount+' .h:eq(0)').append('<div class="hg_carre">');;
				}
				// --> centre
				$('#cadre'+iCount+' .h:eq(0)').append('<div class="hc">');
				// --> bas
				if(hd == "rond"){
					$('#cadre'+iCount+' .h:eq(0)').append('<div class="hd_rond">');
				}else{
					$('#cadre'+iCount+' .h:eq(0)').append('<div class="hd_carre">');;
				}
			// -- FIN Sépare la div en 3
			// ///////////// //
			
			
			// CENTRE //
			// Enveloppe la div dans la div du centre
			
			
			//$('#cadre'+iCount+' .c').append('<div class="cd">');
			// Enveloppe la div dans la div du centre-centre
			//$(div).wrap("<div class='cc'></div>");
			//$('#cadre'+iCount).append("</div>");
			// ///////////// //
			
			// BAS //
			// Place la div du haut
			$('#cadre'+iCount).append("<div class='b'></div>");
			// Sépare la div en 3
				// --> haut
				if(bg == "rond"){
					$('#cadre'+iCount+' .b:eq(0)').append('<div class="bg_rond">');
				}else{
					$('#cadre'+iCount+' .b:eq(0)').append('<div class="bg_carre">');;
				}
				// --> centre
				$('#cadre'+iCount+' .b:eq(0)').append('<div class="bc">');
				// --> bas
				if(bd == "rond"){
					$('#cadre'+iCount+' .b:eq(0)').append('<div class="bd_rond">');
				}else{
					$('#cadre'+iCount+' .b:eq(0)').append('<div class="bd_carre">');;
				}
			// -- FIN Sépare la div en 3
			// ///////////// //
			/*
			// CENTRE //
			// Enveloppe la div dans la div du centre
			$(div).wrap("<div class='c'></div>");
			// Place les bords du centre
			$('#cadre'+iCount+' .c').prepend("<div class='cg'>");
			$('#cadre'+iCount+' .c').append('<div class="cd">');
			// Enveloppe la div dans la div du centre-centre
			$(div).wrap("<div class='cc'></div>");
			// ///////////// //
			*/
			// STYLE //
			$('#cadre'+iCount).css("height", hauteur-9);
			$('#cadre'+iCount).css("width", largeur);
			$('#cadre'+iCount+" .cc:eq(0)").css({"height": hauteur, "width": "0"});
			$('#cadre'+iCount+" .c:eq(0)").css({"height": hauteur, "width": largeur});
			$('#cadre'+iCount+" .b:eq(0)").css("top", hauteur);

			if(hauteur <= 0) hauteur = 11;
			$('#cadre'+iCount+" .cg:eq(0)").css({"height" : hauteur-11 , "margin-top" : "11px"});
			$('#cadre'+iCount+" .cd:eq(0)").css({	"height" : hauteur-11 , "margin-top" : "11px"});
			$('#cadre'+iCount+" .content:eq(0)").css({"width" : largeur-22 , "height" : hauteur+"px"});
			// ///////////// //
			
			$('#cadre'+iCount+" .title").each(function(){
				div = $(this);
				// Incrémente le conteur pour la div suivante
				iCount ++;
				
				largeur	= div.width();
				hauteur	= div.height();
				
				
				// CENTRE //
				div.wrapInner("<div class='cc'></div>");
				// Enveloppe la div dans la div cadre+compteur
				div.wrapInner("<div id='cadre"+iCount+"' class='cadre'></div>");
				$("#cadre"+iCount+" .cc:eq(0)").wrap("<div class='c'></div>");
				$("#cadre"+iCount+" .cc:eq(0)").before("<div class='cg'></div>");
				$("#cadre"+iCount+" .cc:eq(0)").after("<div class='cd'></div>");
				
				// HAUT //
				// Place la div du haut
				$('#cadre'+iCount).prepend("<div class='h'></div>");
				// Sépare la div en 3
					// --> haut
					if(hg == "rond"){
						$('#cadre'+iCount+' .h:eq(0)').append('<div class="hg_rond">');
					}else{
						$('#cadre'+iCount+' .h:eq(0)').append('<div class="hg_carre">');;
					}
					// --> centre
					$('#cadre'+iCount+' .h:eq(0)').append('<div class="hc">');
					// --> bas
					if(hd == "rond"){
						$('#cadre'+iCount+' .h:eq(0)').append('<div class="hd_rond">');
					}else{
						$('#cadre'+iCount+' .h:eq(0)').append('<div class="hd_carre">');;
					}
				// -- FIN Sépare la div en 3
				// ///////////// //
				
				// STYLE //
				if(div.attr("id")){
					$('#cadre'+iCount).css("width", largeur+16);
					$('#cadre'+iCount+" .cc:eq(0)").css({"height": "22px", "width": (largeur+5)+"px", "position":"absolute"});
					$('#cadre'+iCount+" .cg:eq(0)").css({"height" : "12px" , "margin-top" : "11px"});
					$('#cadre'+iCount+" .cd:eq(0)").css({"height" : "12px" , "margin-top" : "11px"});
					if(div.attr("id") == "onglet3"){
						$('#cadre'+iCount+" .cd:eq(0)").css({"height" : hauteur+"px" , "margin-top" : "11px"});
					}
				}else{
					$('#cadre'+iCount).css("width", largeur+44);
					$('#cadre'+iCount+" .cc:eq(0)").css({"height": "22px", "width": (largeur+22)+"px", "position":"absolute"});
					$('#cadre'+iCount+" .cg:eq(0)").css({"height" : hauteur+"px" , "margin-top" : "11px"});
					$('#cadre'+iCount+" .cd:eq(0)").css({"height" : "12px" , "margin-top" : "11px"});
				}
				// ///////////// //

			});
			// Incrémente le conteur pour la div suivante
			iCount ++;
		});
	});
	
	// Gestion des onglets
	checkOnglet = function(div, id){
		divOnglets = div;
		initOnglet(id);
		// On rend le bord hautDroit du contenu carre
		$("#encartMulti > #cadre0 > .h > .hd_rond").attr("class","hd_carre");
	}
	
	initOnglet = function(id){
		// Tous les onglets
		$(divOnglets+' .title *').css("color", "#727070");
		$(divOnglets+' .title .c').css("height", "20px");
		$(divOnglets+' .title .c .cg').css("height", "11px");
		$(divOnglets+' .title .cd').css("height", "11px");
		$(divOnglets+' .title .cc').css("background-color", "transparent");
		$(divOnglets+' .title .cadre').css("background-color", "transparent");
		$(divOnglets+' .text').hide();
		// Notre onglet
		$(divOnglets+' #onglet'+id).find("*").css("color", "#e02c2c");
		$(divOnglets+' #texte'+id).show();
		$(divOnglets+' #onglet'+id+' .c .cg').css("height", "12px");
		$(divOnglets+' #onglet'+id+' .cd').css("height", "12px");
		$(divOnglets+' #onglet'+id+' .cc').css("background-color", "#E8E8E8");
		$(divOnglets+' #onglet'+id+' .cadre').css("background-color", "#E8E8E8");
	}

	// --- REDIMENTION DU CADRE --- //
		// div = division avant le cadre
		// Plus: marge du haut entre contenu qui change et le haut du cadre
	changeCadre = function(div, plus){
		hauteur	= $("#"+div+" .categorie:visible").innerHeight() + plus;
		
		// Redim le cadre
		$("#"+div+" div:eq(0)").css("height", hauteur-9+"px");
		$("#"+div+" .cc:eq(0)").css("height", hauteur+"px");
		$("#"+div+" .c:eq(0)").css("height", hauteur+"px");
		$("#"+div+" .b").css("top", hauteur+"px");
		$("#"+div+" .cg:eq(0)").css({	"height" : hauteur-11+"px" , "margin-top" : "11px"});
		$("#"+div+" .cd").css({	"height" : hauteur-11+"px" , "margin-top" : "11px"});
		$("#"+div+" .content:eq(0)").css("height" , hauteur+"px");
		// --> L'onglet
		$("#"+div+" .title div:eq(0)").each(function(){
			div = $(this).attr("id");
			$('#'+div+" .cg:eq(0)").css("height" , "22px");
			$('#'+div+" .cd:eq(0)").css("height" , "12px");
		});
	}
	//------------//
}