/* Ajax Powa */

$(document).ready(function(){

	/* Parcourage d'images */

	var st = 0;
	
	$("form #docimg").html("<div id=\"docimgsearch\"><label for=\"docimgkw\"><b>ou</b> Rechercher dans la collection&nbsp;:</label><input type=\"text\" name=\"docimgkw\" id=\"docimgkw\" class=\"input-medium\" value=\"\" /></div><input type=\"button\" class=\"ctrl\" value=\"&lt;\" id=\"docimgnavprev\" name=\"docimgnavprev\" /><div id=\"docimgpics\"></div><input type=\"button\" class=\"ctrl\" value=\"&gt;\" name=\"docimgnavnext\" id=\"docimgnavnext\" /><div id=\"docimgnav\">Image choisie&nbsp;: <input type=\"hidden\" name=\"docimgfile\" id=\"docimgfile\" /><span id=\"docimgfilepreview\"></span></div>");

	$("form #docimg #docimgnavprev").click(function(event) {
		st -= 4;
		if(st<0) st = 0;
		docimgload();
	});

	$("form #docimg #docimgnavnext").click(function(event) {
		st += 4;
		docimgload();
	});

	$("form #docimg #docimgkw").keyup(function(event) {
		st = 0;
		docimgload();
	});

	$("form #docimg #docimgkw").click(function(event) {
		$(this).attr("value","");
	});

	function docimgload() {
		$("form #docimg #docimgpics").load("/img/docimg/",{kw:$("form #docimgkw").attr("value"),start:st},docimgclicks);
	}

	function docimgclicks() {
		$("form #docimg #docimgpics img").click(function(event) {
			$("form #docimg #docimgfile").attr("value",$(this).attr("title"));
			$("form #docimg #docimgfilepreview").html($(this).attr("title"));
			$("form #docimg #docimgpics img").css("border","3px solid #eee");
			$(this).css("border","3px solid #6C871E");
      $("form #docimg #docimgnav").show();
			$("form #actu_image").attr("value","");
		});
	}

	$("form #actu_image").click(function(event) {
      $("form #docimg #docimgpics img").css("border","3px solid #eee");
      $("form #docimg #docimgfile").val("");
      $("form #docimg #docimgfilepreview").html("");
	});

	docimgload();

});