var an = 0;
var ops = "autos";

            var IE = document.all?true:false;
            if (!IE) document.captureEvents(Event.MOUSEMOVE)
            document.onmousemove = getMouseXY;
            var tempX = 0;
            var tempY = 0;
            var on = 0;
            var timer;
            var ocupado = 0;
	    var quita=0;
            var cual="";

		
            function prende(modelo) {
		if (cual != modelo) on=0;
//		cual = modelo;
                clearTimeout(timer);
                if (on==1) return;
                on = 1;
		document.getElementById("selector").innerHTML = "<center><br/>Cargando Informaci&oacute;n...<br><img src='images/ajax-loader.gif'></center>";
		SetInnerHTMLFromAjaxResponse('catalogo.do?control=selector&modelid='+modelo,'selector');
                aparece();
                
            }
            
            function apaga() {

                if (on == 0) return;
                timer = setTimeout("desaparece();",500);
                
                
            }

function mideVentana() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
return myWidth;
}

            function aparece() {
		if (!IE) {
                opacity("selector",0,100,500);
		}
		quita=0;
		var w = mideVentana();
                document.getElementById("selector").style.top  = alturaselector;
		var r=(-1*(w/2))+360;
		
		var pos = tempX-135;

		if (tempX < 150) {
			//alert('tempX: '+tempX);
			pos = pos +(150-tempX);
		}

		if (tempX > 900) {
			//alert('tempX: '+tempX);
			pos = pos -(1200-tempX);
		}
		
	        document.getElementById("selector").style.left = pos+'px';
		//document.getElementById("pos").style.left =pos+'px';
                document.getElementById("pos").innerHTML = 'x:'+tempX+' y:'+tempY+' Ventana:'+w+' pixels';

                //document.getElementById("mensajes").innerHTML = document.getElementById("mensajes").innerHTML + "<br>aparece!";

            }            
            function desaparece() {
		if (!IE) {
                opacity("selector",100,0,200);
		}
		else {
			mueve();
		}
		quita=1;
                //document.getElementById("selector").style.top  = '-200px';
                //document.getElementById("selector").style.left = '-200px';
                //document.getElementById("selector").innerHTML = 'x:'+tempX+' y:'+tempY;
                //document.getElementById("mensajes").innerHTML = document.getElementById("mensajes").innerHTML + "<br>desaparece!<br>";
     

            }

function mueve() {
                document.getElementById("selector").style.top  = '-500px';
                document.getElementById("selector").style.left = '-500px';

}
            function getMouseXY(e) {
                if (IE) { // grab the x-y pos.s if browser is IE
                    tempX = event.clientX + document.body.scrollLeft;
                    tempY = event.clientY + document.body.scrollTop;
                }
                else {  // grab the x-y pos.s if browser is NS
                    tempX = e.pageX;
                    tempY = e.pageY;
                }  
                if (tempX < 0){tempX = 0;}
                if (tempY < 0){tempY = 0;}  

                return true;
            }

            function opacity(id, opacStart, opacEnd, millisec) {
                //speed for each frame
                var speed = Math.round(millisec / 100);
                var timer = 0;


                //determine the direction for the blending, if start and end are the same nothing happens
                if(opacStart > opacEnd) {

                    for(i = opacStart; i >= opacEnd; i--) {
                        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
                        timer++;
			
                    }



on=0;
                } else if(opacStart < opacEnd) {
                    for(i = opacStart; i <= opacEnd; i++)
                    {
                        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
                        timer++;

                    }



                }
            }

            //change the opacity for different browsers
            function changeOpac(opacity, id) {
                var object = document.getElementById(id).style;
                object.opacity = (opacity / 100);
                object.MozOpacity = (opacity / 100);
                object.KhtmlOpacity = (opacity / 100);
                object.filter = "alpha(opacity=" + opacity + ")";
if (opacity==1 && quita==1) mueve();

            }

function activa(opcion) {

	  if (ops != "") {
		  document.getElementById('sel'+ops).style.visibility = 'hidden';
		  document.getElementById('sel'+ops).style.top = '-500px';
	          document[ops].src = 'images/selector/'+ops+'a.jpg'; 
	  }	  
          document[opcion].src = 'images/selector/'+opcion+'b.jpg';
	  document.getElementById('sel'+opcion).style.visibility = 'visible';
	  document.getElementById('sel'+opcion).style.top = '20px';
	  ops = opcion;

}
function desactivax(opcion) {
                        document.getElementById('sel'+ops).style.visibility = 'hidden';
                  document.getElementById('sel'+ops).style.top = '-500px';
}
function desactiva() {
//nada
}

function toggleautosnuevos() {

	if (an==0) {
		
		document.getElementById('autosnuevos').style.visibility = 'visible';
	}
	if (an==1) {
		
		document.getElementById('autosnuevos').style.visibility = 'hidden';
desactivax('autos');
desactivax('suvs');
desactivax('crossovers');
desactivax('camiones');

	}
	if (an==0) an=1; else an=0;


}