// Gestion du Yellow Fade (fonctionnalite optionnelle)
function easeInOut(minValue,maxValue,totalSteps,actualStep,powr) {
	var delta = maxValue - minValue;
	var stepp = minValue+(Math.pow(((1 / totalSteps)*actualStep),powr)*delta);
	return Math.ceil(stepp)
};

function doBGFade(elem,startRGB,endRGB,finalColor,steps,intervals,powr) {
	if (elem.bgFadeInt) window.clearInterval(elem.bgFadeInt);
	var actStep = 0;
	elem.bgFadeInt = window.setInterval(
		function() {
			elem.style.backgroundColor = "rgb("+
				easeInOut(startRGB[0],endRGB[0],steps,actStep,powr)+","+
				easeInOut(startRGB[1],endRGB[1],steps,actStep,powr)+","+
				easeInOut(startRGB[2],endRGB[2],steps,actStep,powr)+")";
			actStep++;
			if (actStep > steps) {
			elem.style.backgroundColor = finalColor;
			window.clearInterval(elem.bgFadeInt);
			}
		}
		,intervals)
};

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft;
		curtop = obj.offsetTop;
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		}
	}
	return [curleft,curtop];
};

// demarrage crayons-fade
jQuery(document).ready(function() {
	if (configCrayons.cfg.yellow_fade) {
		// Activer le Yellow Fade pour les elements editables
		jQuery("div.crayon").hover(function(){doBGFade(this,[255,255,180],[255,255,255],'transparent',40,20,4);}, function(){});
	}

	if (configCrayons.cfg.filet) {
		// on rajoute une div supplémentaire qui se cale avec la div courante 
		// C'est elle qui va s'afficher lors du hover
		
		// esthetique
		jQuery('.crayon-icones img',this).css({
			'padding':'2px',
			'border':'2px solid #999',
			'border-left':'0',
			'background-color':'#FFF'
		});
			
		var test=0;
		
		jQuery('.crayon-autorise').each(
			function(){
				var contenu = jQuery(this).html();
				jQuery(this)
					.css('height',this.offsetHeight + 'px')
					.html('<div></div>');
				jQuery(this)
					.find('div')
						.html(contenu)
						.css('position','absolute')
						.css('width',this.offsetWidth + 'px');
				jQuery(this)
					.prepend('<div class="survol"></div>')
					.find('.survol')
						.css('border','1px solid red')
						.css('display','none')
						.css('position','absolute')
						.css('height',(this.offsetHeight - 2) + 'px')
						.css('width',(this.offsetWidth - 2) + 'px');
				if (jQuery.browser.msie) {
			    jQuery('#survol')
						.css('width',this.offsetWidth + 'px')
						.css('height',this.offsetHeight + 'px');
				}
			}
		);

		jQuery('.crayon-autorise').hover(
			function(){
				if (jQuery.browser.msie) jQuery(this).addClass('crayon-hover');
				jQuery('.survol', this).css('display','block');
			},
			function(){
				if (jQuery.browser.msie) jQuery(this).removeClass('crayon-hover');
				jQuery('.survol', this).css('display','none');
			}
		);
		
	}

});