// JavaScript Document

/***********************************************
* Fading Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var delayN = 4000; //set delay between message change (in miliseconds)
var maxstepsN=10; // number of steps to take to change from start color to endcolor
var stepdelayN=10; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolorN= new Array(255,255,255); // start color (red, green, blue)
var endcolorN=new Array(255,102,0); // end color (red, green, blue)

var fcontentN=new Array();
begintag='<div> <table border="0"><tr><td>'; //set opening tag, such as font declarations
midtag="<p>"
endmidtag="</p>"
closetag='</td></tr></div>';

var fwidth='254px'; //set scroller width
var fheight='80px'; //set scroller height

var fadelinks=1;  //should links inside scroller content also fade like text? 0 for no, 1 for yes.

///No need to edit below this line/////////////////


var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelayN=0;
var indexN=0;
var indexN=0;
//array con Modelo de Coches Nuevos
var fcontentDesc= new Array;
arrModeloNuevos = ModeloNuevos.split('|');

for (i=0;i<arrModeloNuevos.length;i++)
{
    fcontentDesc[i]=arrModeloNuevos[i];
}
//////////////////


//array con Claves de Coches Nuevos
var fcontentClave= new Array;
arrClaveNuevos = ClaveNuevos.split('|');

for (i=0;i<arrClaveNuevos.length;i++)
{
    fcontentClave[i]= arrClaveNuevos[i] ;
}
//////////////////

//array con Imagenes de Coches Nuevos
var fcontentImg= new Array;
ccArrayImagen = ImagenNuevos.split('|');

for (i=0;i<ccArrayImagen.length;i++)
{
    fcontentImg[i]= ccArrayImagen[i] ;

}
//////////////////


//array con Marca de Coches Nuevos
var fcontent= new Array;
arrMarcaNuevos = MarcaNuevos.split('|');
for (i=0;i<arrMarcaNuevos.length;i++)
{
    fcontent[i]=arrMarcaNuevos[i];
}
//function to change content
function changecontent(){
  if (indexN>=fcontent.length)
    indexN=0
  if (DOM2){
    var contenido;
    var imagen;
    var marca;
    var modelo;
    contenido=''
    imagen='<a href="detalle_nuevo.asp?ccClave='+fcontentClave[indexN]+'"><img src="thumbnails/'+fcontentImg[indexN]+'"' +' width="80" height="80" border="0"></a>&nbsp;</td>'
    marca='<td>&nbsp; <a href="detalle_nuevo.asp?ccClave='+fcontentClave[indexN]+'">'+fcontent[indexN]+'</a>&nbsp;&nbsp;</br></br>&nbsp;&nbsp;'
    modelo=fcontentDesc[indexN]
    document.getElementById("Nuevos").style.color="rgb("+startcolorN[0]+", "+startcolorN[1]+", "+startcolorN[2]+")"
    
    document.getElementById("Nuevos").innerHTML=begintag+imagen+ marca+ modelo+closetag
   
    if (fadelinks)
      linkcolorchange(1);
    colorfade(1, 15);
  }
  else if (ie4)
    document.all.Nuevos.innerHTML=begintag+fcontentDesc[indexN]+closetag;
  indexN++
}
function linkcolorchange(step){
  var obj=document.getElementById("Nuevos").getElementsByTagName("A");
  if (obj.length>0){
    for (i=0;i<obj.length;i++)
      obj[i].style.color=getstepcolor(step);
  }
}
var fadecounter;
function colorfade(step) {
  if(step<=maxstepsN) {	
    document.getElementById("Nuevos").style.color=getstepcolor(step);
    if (fadelinks)
      linkcolorchange(step);
    step++;
    fadecounter=setTimeout("colorfade("+step+")",stepdelayN);
  }else{
    clearTimeout(fadecounter);
    document.getElementById("Nuevos").style.color="rgb("+endcolorN[0]+", "+endcolorN[1]+", "+endcolorN[2]+")";
    setTimeout("changecontent()", delayN);
	
  }   
}
function getstepcolor(step) {
  var diff
  var newcolor=new Array(3);
  for(var i=0;i<3;i++) {
    diff = (startcolorN[i]-endcolorN[i]);
    if(diff > 0) {
      newcolor[i] = startcolorN[i]-(Math.round((diff/maxstepsN))*step);
    } else {
      newcolor[i] = startcolorN[i]+(Math.round((Math.abs(diff)/maxstepsN))*step);
    }
  }
  return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}

if (ie4||DOM2)
  document.write('<div id="Nuevos" style="width:'+fwidth+';height:'+fheight+'"></div>');

if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent