/*
/////////// USO DEL COMPONENTE

					<div class="cualquier_clase" id="boton_loquesea">
                        <div class="loquesea_1"></div>
                        <div class="loquesea_2_central"><input id="busqueda_02" name="busqueda_02" type="button" value="B&uacute;squeda" /></div>
                        <div class="loquesea_3"></div>
                        <div class="loquesea_4"></div>
                        <div class="loquesea_n"></div>

					</div>

evento mouseover:
Si el estilo es loquesea_central se aņade la clase:
loquesea_central_hover

evento mouseout:
Si el estilo es loquesea_central se elimina la clase:
loquesea_central_hover

evento mousedown:
Si el estilo es loquesea_central se aņade la clase:
loquesea_central_hover

A todos las demas clases se les cambia la clase por su clase original mas la cadena "_click"
de loquesea pasa a loquesea_click

evento mouseup:
Si el estilo es loquesea_central se elimina la clase:
loquesea_central_hover

A todos las demas clases se les cambia la clase por su clase original menos la cadena "_click"
de loquesea_click pasa a loquesea

*/


				
$(document).ready(function(){

					 
                     $("div[id^='boton']").mouseover(function(){ 
                    	 id=$(this).attr("id");
						$("#"+id+" > *").each(function (i,val) {
			  		    clase=$(this).attr("class");
							if (clase.indexOf("_central")>5){
							nombre_estilo=clase.replace(/_central/,"");
	                         $("#"+id).addClass(nombre_estilo+"_central_hover");						 
							}
//		                $(this).attr("class",clase+"_over" ) 
						 });
					 
					 })

                     $("div[id^='boton']").mouseout(function(){ 
                    	 id=$(this).attr("id");
						$("#"+id+" > *").each(function (i,val) {
			  		    clase=$(this).attr("class");
						if (clase.indexOf("_central")>5){
							nombre_estilo=clase.replace(/_central/,"");
	                         $("#"+id).removeClass(nombre_estilo+"_central_hover");						 

						}
//						clase1=clase.replace (/_over/,"");
//		                $(this).attr("class",clase1 ) 
						 });
					 
					 })


/****************     COMENTAR SI NO QUEREMOS CLICK         *********************************

                     $("div[id^='boton']").mousedown(function(){ 
                    	 id=$(this).attr("id");
						$("#"+id+" > *").each(function (i,val) {
			  		    clase=$(this).attr("class");
						if (clase.indexOf("_central")>5){
							nombre_estilo=clase.replace(/_central/,"");
	                         $("#"+id).addClass(nombre_estilo+"_central_hover");						 
						}
		                $(this).attr("class",clase+"_click" ) 
						 });
					 
					 })

                     $("div[id^='boton']").mouseup(function(){ 
                    	 id=$(this).attr("id");
						$("#"+id+" > *").each(function (i,val) {
			  		    clase=$(this).attr("class");
						if (clase.indexOf("_central")>5){
							nombre_estilo=clase.replace(/_central/,"");
	                         $("#"+id).removeClass(nombre_estilo+"_central_hover");						 
						}
						clase1=clase.replace (/_click/,"");
		                $(this).attr("class",clase1 ) 
	
						 })
					 })
					 
	************************************************************************************/				 

	
	/////////////// BUG PARA EL IE7 , DETECTAMOS EL SCROLL
    ///////////////	Y REPINTAMOS EL ESTILO 
	
	 $(window).scroll(function () { 

         $("div[id^='boton']").each(function(){ 
                    	 id=$(this).attr("id");
						$("#"+id+" > *").each(function (i,val) {
			  		    clase=$(this).attr("class");
						if (clase.indexOf("_central")>5){
							nombre_estilo=clase.replace(/_central/,"");
	                         $("#"+id).removeClass(nombre_estilo+"_central_hover");						 

						}
						 });
					 
					 })



    });

	
	
	
  });