$(function(){
	
	
	/** menu
 * -----------------------------------------------------------------------------
 * 
 * 
 *
 * @        
 */
	
	$('.widget').each(function(){
		
		var parent = $(this).parent();
		var dTop = $(this).offset().top;
		var element = $(this);
		parent.css('position','relative');
		element.css('position','absolute');
		$(window).scroll(function(){
			if(scrolled().y > dTop){
				element.stop().animate({top:scrolled().y-parent.offset().top+20},200)
			}else{
				element.stop().animate({top:dTop-parent.offset().top},200)
			}
		
		});
		
		if(scrolled().y > dTop){
				element.stop().animate({top:scrolled().y-parent.offset().top+20},200)
		}

	});
	
	
	
	
	/** scroll vers les ancres
 * -----------------------------------------------------------------------------
 * 
 * 
 *
 * @        
 */
	
	
	$('a[href^=#]').click(function(){
		cible=$(this).attr('href');
		if($(cible).length>=1){
			hauteur=$(cible).offset().top;
		}else {
			hauteur=$("a[name="+cible.substr(1,cible.length-1)+"]").offset().top;
			
		}
		$('html,body').animate({scrollTop:hauteur},1500,'easeOutQuint');
		return false;

	});


});






/** scrolled()  du menu
 * -----------------------------------------------------------------------------
 * retoune les valeurs (horizontale et verticale) de défilement de la fenêtre
 * (en tenant compte du navigateur)
 *
 * @return          Object      {'x','y'}         
 */
function scrolled () {
    var x,y;
    
    // vrais navigateurs
    if ( window.pageXOffset!==undefined) {
        x = window.pageXOffset;
        y = window.pageYOffset;
    }
    // ie
    else {
        x = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : (document.body.scrollLeft?document.body.scrollLeft:0) ;
        y = document.documentElement.scrollTop ? document.documentElement.scrollTop : (document.body.scrollTop?document.body.scrollTop:0) ;
    }
    
    return {'x':x, 'y':y};
}

