function toggle(id, imgId, openedPicto, closedPicto)
{
	element = document.getElementById(id);
	if(element.style.display != "none") {
		/*element.style.display = "none";*/
		$('#'+id).hide('blind');
    changePicto('img' + imgId, closedPicto);
  }
  else {
		/*element.style.display = "block";*/
		$('#'+id).show('blind');
    changePicto('img' + imgId, openedPicto);
	}
}



/*--------------------------------*/
/*--------LAYER SOCIAL TOGGLE-----*/
/*--------------------------------*/
function toggleLayer(layer)
{
	layerName= "layer-box-" + layer;
	activeLayer = document.getElementById(layerName);
	removeClassName(activeLayer, "hidden");

	btnName= "btn-top-" + layer;
	activeBtn = document.getElementById(btnName);
	addClassName(activeBtn, "active", true);


	for(var i=1; i<=6; i++) {
		if(layer != i) {
			temp = document.getElementById("layer-box-" + i);
			if(temp != null) {
				addClassName(temp, "hidden", true);
			}

			temp = document.getElementById("btn-top-" + i);
			if(temp != null) {
			removeClassName(temp, "active");
			}

		}

	}

}

/*---------------END--------------*/
/*--------LAYER SOCIAL TOGGLE-----*/
/*---------------END--------------*/


function changePicto(id, imageSrc)
{
	image = document.getElementById(id);
  image.src = imageSrc;
	}


function hasClassName(objElement, strClass)
{
   if ( objElement.className ) {
      var arrList = objElement.className.split(' ');


      var strClassUpper = strClass.toUpperCase();


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


         if ( arrList[i].toUpperCase() == strClassUpper )
            {


            return true;

            }

         }

      }


   return false;

   }

function addClassName(objElement, strClass, blnMayAlreadyExist)
   {strClass2 = strClass;


   if ( objElement.className )
      {


      var arrList = objElement.className.split(' ');


      if ( blnMayAlreadyExist )
         {


         var strClassUpper = strClass.toUpperCase();

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


            if ( arrList[i].toUpperCase() == strClassUpper )
               {


               arrList.splice(i, 1);


               i--;

               }

            }

         }


      arrList[arrList.length] = strClass;


      objElement.className = arrList.join(' ');

      }

   else
      {


      objElement.className = strClass;

      }

   }

function removeClassName(objElement, strClass)
   {


   if ( objElement.className )
      {


      var arrList = objElement.className.split(' ');


      var strClassUpper = strClass.toUpperCase();


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


         if ( arrList[i].toUpperCase() == strClassUpper )
            {


            arrList.splice(i, 1);


            i--;

            }

         }


      objElement.className = arrList.join(' ');

      }


   }

$(document).ready(function(){
	$(".modif").mousedown(function(){
		if(!$(this).data("startImg")) {
			$(this).data("startImg", $(this).attr("src"));
		}

		var newSrc = $(this).attr("src").replace( "bu_modifier.gif",  "bu_modifier_active.gif");
		$(this).attr("src", newSrc);

		$(this).addClass("down");
	 });

	 $("*").mouseup(function(){
		target = $(".modif.down");
		if(!target.data("startImg")) {
			return;
		}
		target.attr("src", target.data("startImg"));

		$(".modif.down").removeClass("down");
	 });

	 $(".collapse-control").click(function(){
			if($(this).hasClass("collapsed")) {
				collapseOut($(this));
			} else {
				collapseIn($(this));
			}
	 });

	 function collapseOut(target) {
			collapseTarget = target.parents("div:first").find(".collapsable:first");
			target.removeClass("collapsed");
			collapseTarget.slideDown("normal");
			target.css("background-image", target.css("background-image").replace('picto_plus', 'picto_moins'));
	 }
	 function collapseIn(target) {
			collapseTarget = target.parents("div:first").find(".collapsable:first");
			target.addClass("collapsed");
			collapseTarget.slideUp("normal");
			target.css("background-image", target.css("background-image").replace('picto_moins', 'picto_plus'));
	 }

	 $("input.btn").click(function(){
		if($(this).hasClass("disabled")){return false;}
	});

	$(".clickable").hover(
		function(){$(this).addClass("hover");},
		function(){$(this).removeClass("hover");}
	);


	/*Check for empty required fields*/


	$("form .req").change(function(){
		checkForm($(this).parents("form:first").get(0));
	});

	function checkForm(form) {
		var isValid = true;
		required = $(".req",form);
		required.each(function (index) {
			if($(this).attr("value") == "") {

				disableForm(form);
				isValid = false;
				return false;
			}
		});
		if(isValid) {
			enableForm(form);
		}
	}


	function enableForm(form){

		$(".submit:disabled" ,$(form).get(0)).each(function(i){
			$(this).removeClass("disabled").removeAttr("disabled");
		});
	}

	function disableForm(form){
		$(".submit" ,$(form).get(0)).each(function(i){
			$(this).attr("disabled", "disabled").addClass("disabled");
			if($.browser.msie) {
				$(this).css('margin-right', '-10px');
			}
		});
	}

    $("#JSONForm .reqDyn").change(function() {
    var isValid = true;
    required = $(".reqDyn");
    required.each(function (index) {
      if ($(this).attr("value") == "") {
        $(".submit_first").each(function(i) {
          $(this).attr("disabled", "disabled").addClass("disabled");
			if($.browser.msie) {
				$(this).css('margin-right', '-10px');
			}
        });
        isValid = false;
        return false;
      }
    });
    if (isValid) {
      $(".submit_first:disabled").each(function(i) {
        $(this).removeClass("disabled").removeAttr("disabled");
      });
    }
  });

	$(".password-change").keyup(function() {
			if($("#ancien_mdp").attr("value") == "" || $("#nouveau_mdp").attr("value") == "" || $("#confirmer_mdp").attr("value") == "") {
				disableForm($(this).parents("form").get(0));
			} else {
				if($("#nouveau_mdp").attr("value") != $("#confirmer_mdp").attr("value")) {
					disableForm($(this).parents("form").get(0));
				} else {
					enableForm($(this).parents("form").get(0));
				}
			}

		});


});