// JScript File

function ListCars()
{
    var args = getArgs();
    if (args.reg != null)
        LoadCar(args.reg);
    else
        GoListCars();
}

function GoListCars()
{
    var model = document.getElementById("Select1").value;
    var price = document.getElementById("Select2").value;
    var uclist = document.getElementById("usedcars");
    uclist.innerHTML = "";
    for (var i = 0, car; car = uCars[i]; i++) 
    {
        try
        {
            if ((car.Model == model || model == "") && ((Number(car.Price) < price && Number(car.Price) > price-5000) || price == "" || (price == 35000 && Number(car.Price) > 30000)))
            {
                //look for model div
                var clist = document.getElementById(car.Model);
                if ((clist == null) && (car.Model != null))
                {
                    //create model header
                    var mhead = document.createElement('div');
                    mhead.setAttribute('class', 'm');
                    mhead.innerHTML = car.Model;
                    //create model div                
                    var mlist = document.createElement('div');
                    mlist.setAttribute('id', car.Model);
                    uclist.appendChild(mhead);
                    uclist.appendChild(mlist);
                    clist = mlist;
                }
                var cdiv = document.createElement('div');
                cdiv.setAttribute('class', 'cdiv');
                cdiv.setAttribute("onclick", "used.htm?reg='" + car.FullRegistration);
                cdiv.onclick = new Function("document.location = 'used.htm?reg=" + car.FullRegistration + "'");   //("LoadCar('" + car.FullRegistration + "');");
                var img = document.createElement('img');
                var pic = "cars/thumbs/" + car.PictureRefs.split(",",1);
                if (pic=="cars/thumbs/")
                    pic += "nopic.jpg";
                img.setAttribute('src', pic);
                img.setAttribute('border', '0px');
                img.setAttribute('height', '60px');
                img.setAttribute('class', 'cthumb');
                var c = document.createElement('div');
                c.setAttribute('class', 'c');
                c.innerHTML = "<b>" + car.Make + " " + car.Model + "</b> " + car.Variant;
                var cd = document.createElement('div');
                cd.setAttribute('class', 'cd');
                cd.innerHTML = car.Year + " :: " + car.Colour + " :: " + car.BodyType + " :: " + car.Mileage + " miles";
                var d = document.createElement('div');
                d.setAttribute('class', 'd');
                d.innerHTML = "Clive Brook: Volvo - Bradford";
                var cp = document.createElement('div');
                cp.setAttribute('class', 'cp');
                cp.innerHTML = "£" + car.Price.replace(".0000", ".00");                
                clist.appendChild(cdiv);
                cdiv.appendChild(cp);
                cdiv.appendChild(img);
                cdiv.appendChild(c);
                cdiv.appendChild(cd);
                cdiv.appendChild(d);
                mhead.className = "m";
                img.className = "cthumb";
                cdiv.className = "cdiv";
                c.className = "c";
                cd.className = "cd";
                d.className = "d";
                cp.className = "cp";
            }
        } 
        catch(err)
        {
        
        }
    } 
}

function LoadCar(reg)
{
    //alert(reg);
    for (var i = 0, car; car = uCars[i]; i++) {
        if (car.FullRegistration == reg)
        {
            var pics = car.PictureRefs.split(","); 
            var pic = car.PictureRefs.split(",",1);
            var mpic = document.getElementById('mpic');
            var upic = String(pic);
            if (upic != "")
                mpic.src = "cars/" + upic;
            else
                mpic.src = "cars/comingsoon.jpg";
            if (pics[0] != "" && pics[1] != null)
                var pic1 = "cars/thumbs/" + pics[0];
            else
                var pic1 = "cars/thumbs/nopic.jpg";
            var mpic1 = document.getElementById('Img1');
            mpic1.src = pic1;
            if (pics[1] != "" && pics[1] != null)
                var pic2 = "cars/thumbs/" + pics[1];
            else
                var pic2 = "cars/thumbs/nopic.jpg";
            var mpic2 = document.getElementById('Img2');
            mpic2.src = pic2; 
            if (pics[2] != "" && pics[2] != null)
                var pic3 = "cars/thumbs/" + pics[2];
            else
                var pic3 = "cars/thumbs/nopic.jpg";      
            var mpic3 = document.getElementById('Img3');
            mpic3.src = pic3; 
            var spec = document.getElementById("spec");
            spec.innerHTML = car.Options.replace(/,/g, '<br/>');
            var cd = document.getElementById('cardetails');
            var cdtitle = document.getElementById('cdtitle');
            cdtitle.innerHTML = "<b>" + car.Make + " " + car.Model + "</b> " + car.Variant;
            var cdcolour = document.getElementById('cdcolour');
            cdcolour.innerHTML = "<b>Colour:</b> " + car.Colour;
            var cdyear = document.getElementById('cdyear');
            cdyear.innerHTML = "<b>Year:</b> " + car.Year;
            var cdreg = document.getElementById('cdreg');
            cdreg.innerHTML = "<b>Registration:</b> " + car.FullRegistration;
            var cdtype = document.getElementById('cdtype');
            cdtype.innerHTML = "<b>Body Type:</b> " + car.BodyType;
            var cddoors = document.getElementById('cddoors');
            cddoors.innerHTML = "<b>No. of Doors:</b> " + car.Doors;
            var cdfuel = document.getElementById('cdfuel');
            cdfuel.innerHTML = "<b>Fule Type:</b> " + car.FuelType;
            var cdmiles = document.getElementById('cdmiles');
            cdmiles.innerHTML = "<b>Mileage:</b> " + car.Mileage;
            var cdtrans = document.getElementById('cdtrans');
            cdtrans.innerHTML = "<b>Transmission:</b> " + car.Transmission;
            var cdprice = document.getElementById('cdprice');
            cdprice.innerHTML = "<b>Price:</b> £" + car.Price.replace(".0000", ".00");
            cd.style.visibility="visible"
            break;                                         
        }
    }
    var cardetails = document.getElementById('cardetails');
    cardetails.style.display = "block";
    var ucars = document.getElementById('ucars');
    ucars.style.display = "none";
}

function Swap(i)
{
    var mpic = document.getElementById('mpic');
    var tid = "Img" + (i + 1);
    var spic = document.getElementById(tid);
    //alert(spic.src.indexOf("nopic"));
    if (spic.src.indexOf("nopic") < 0)
        mpic.src = spic.src.replace("thumbs/", "");
}

function ShowList()
{
    document.location = "used.htm";
//    var cardetails = document.getElementById('cardetails');
//    cardetails.style.display = "none";
//    var ucars = document.getElementById('ucars');
//    ucars.style.display = "block";
}

function getArgs() {
    var args = new Object();
    var query = location.search.substring(1);
    var pairs = query.split("&");
    for(var i = 0; i < pairs.length; i++) 
    {
        var pos = pairs[i].indexOf('=');
        if (pos == -1) continue;
        var argname = pairs[i].substring(0,pos);
        var value = pairs[i].substring(pos+1);
        args[argname] = unescape(value);
    }
    return args;
}