jQuery.preloadImages = function() {
  for(var i = 0; i<arguments.length; i++) {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

$.preloadImages(
	"images/menu/1-ok.png",
	"images/menu/1b.png",
	"images/menu/1c.png",
	"images/menu/2-ok.png",
	"images/menu/2b.png",
	"images/menu/2c.png",
	"images/menu/3-ok.png",
	"images/menu/3b.png",
	"images/menu/3c.png",
	"images/menu/4-ok.png",
	"images/menu/4b.png",
	"images/menu/4c.png",
	"images/menu/5-ok.png",
	"images/menu/5b.png",
	"images/menu/5c.png",
	"images/menu/6-ok.png",
	"images/menu/6a.png",
	"images/menu/6b.png"
);

$(document).ready(function(){
	
	$("#sample-menu-5 >li[id^='roll'] >a").mouseover(function () {
        imgsrc = $(this).children("img").attr("src");
        pos = ((imgsrc.indexOf('.'))-1);
        position = imgsrc.charAt(pos);
        prec = position-1;
        matches = imgsrc.match(/.png/);
        if (matches) {
            imgsrcON = imgsrc.replace(/.png$/gi, "-ok.png");
            $(this).children("img").attr("src", imgsrcON);
            $("img[id^='chmenu"+position+"']").attr("src", 'images/menu/'+position+'b.png');
            if ((position > 1) && (position < 7)) {
            	$("img[id^='chmenu"+prec+"']").attr("src", 'images/menu/'+prec+'c.png');
            }
        }
	});
	
	$("#sample-menu-5 >li[id^='roll'] >a").mouseout(function () {
        imgsrc = $(this).children("img").attr("src");
        pos = ((imgsrc.indexOf('.'))-4);
        position = imgsrc.charAt(pos);
        matches = imgsrc.match(/.png/);
        if (matches) {
            imgsrcON = imgsrc.replace(/-ok.png$/gi, ".png");
            $(this).children("img").attr("src", imgsrcON);
            $("img[id^='chmenu"+position+"']").attr("src", 'images/menu/'+position+'a.png');
            if ((position > 1) && (position < 7)) {
            	$("img[id^='chmenu"+prec+"']").attr("src", 'images/menu/'+prec+'a.png');
            }
        }
	});
	
	// bouton valider formulaire de contact
	$("div >input[id^='valider']").mouseover(function () {
        imgsrc = $(this).attr("src");
        matches = imgsrc.match(/.png/);
        if (matches) {
            imgsrcON = imgsrc.replace(/.png$/gi, "-ok.png");
            $(this).attr("src", imgsrcON);
        }
	});
	
	$("div >input[id^='valider']").mouseout(function () {
        imgsrc = $(this).attr("src");
        matches = imgsrc.match(/.png/);
        if (matches) {
            imgsrcON = imgsrc.replace(/-ok.png$/gi, ".png");
            $(this).attr("src", imgsrcON);
        }
	});
	
	
});