//jQuery's noConflict mode
jQuery.noConflict();

//extension de Jquery pour trouver les positions d'un élément.
jQuery.fn.extend({
	findPos : function() {
       var obj = jQuery(this).get(0);
       var curleft = obj.offsetLeft || 0;
       var curtop = obj.offsetTop || 0;
       while (obj = obj.offsetParent) {
                curleft += obj.offsetLeft
                curtop += obj.offsetTop
       }
       return {x:curleft,y:curtop};
	} 
});

jQuery(document).ready(function(){
	
	/* Gestion du Hover pour le menu Acces Rapide Dans la Colone Droite */
	jQuery('#blockFastAcces span').hover(
		function () {
			var className = jQuery(this).attr('class');
			jQuery(this).removeClass(className);
			jQuery(this).addClass(className+'_hover');
		}, 
		function (){
			var className = jQuery(this).attr('class');
			className = className.replace('_hover','');
			jQuery(this).removeClass(className+'_hover');
			jQuery(this).addClass(className);
		}
	);
	/* Fin de la Gestion du Hover pour le menu Acces Rapide Dans la Colone Droite */

	/* Gestion du Hover pour le menu Header , partie Visible */
	jQuery("#mainMenu span a").hover(function(){
		var className 	= jQuery(this).parents('span').attr('class');
		var posElm 		= jQuery(this).parents('span').findPos();
		var posCor		= {x:0,y:34};
		jQuery('#menuHover').css({top: (posElm.y+posCor.y)});
		jQuery('#menuHover').css({left: (posElm.x+posCor.x)});
		jQuery('#menuHover .'+className).show();
		jQuery(this).addClass('hover');
	},function(){
		var className = jQuery(this).parents('span').attr('class');
		jQuery('#menuHover .'+className).hide();
		jQuery(this).removeClass('hover');
	});

	jQuery("#menuHover div").hover(function(){
		var className 	= jQuery(this).attr('class');
		className		= className.replace('lien ','');
		jQuery('#mainMenu span.'+className+' a').addClass('hover');
		var posElm 		= jQuery('#mainMenu span.'+className).findPos();
		var posCor		= {x:0,y:34};
		jQuery('#menuHover').css({top: (posElm.y+posCor.y)});
		jQuery('#menuHover').css({left: (posElm.x+posCor.x)});
		jQuery('#menuHover .'+className).show();
	},function(){
		var className = jQuery(this).attr('class');
		className		= className.replace('lien ','');
		jQuery('#menuHover .'+className).hide();
		jQuery('#mainMenu span.'+className+' a').removeClass('hover');
		
	});

	jQuery('#mainMenu ul li').hover(function (){
		jQuery(this).addClass('hover');
	},function() {
		jQuery(this).removeClass('hover');
	});
	
	jQuery('#ChooseQ').change( function() { 
		var urlRedirectDom = 'http://renovation-urbaine.ville-roubaix.fr/';
		var urlRedirectPage = new Array();
		
		urlRedirectPage[0] = '';
		urlRedirectPage[1] = 'les-quartiers-en-renovation/quartier-nord/actualites.html';
		urlRedirectPage[2] = 'les-quartiers-en-renovation/quartier-centreouest/actualites.html';
		urlRedirectPage[3] = 'les-quartiers-en-renovation/quartier-sud-hauts-champslongchamp/actualites.html';
		urlRedirectPage[4] = 'les-quartiers-en-renovation/quartier-est/trois-ponts.html';
		urlRedirectPage[5] = 'les-quartiers-en-renovation/quartier-est/pile-saint-elisabeth-carnot/enjeux.html';
		
		var chooseId = jQuery(this).val();

		if (chooseId != 0){
			window.location=urlRedirectDom+urlRedirectPage[chooseId];
		}
		
	});
	
});