var soldcars = new Array();
var slide_frame_interval = 3000;
var carsCount = 0;
var backLoader;
var container;

function addSoldCar(picture, merk, model, price, id, ref, brandstof, km, viewDetails) {
    if (!backLoader)
        createContainer();

    soldcars[carsCount] = new Array();
    soldcars[carsCount][0] = new Image();
    soldcars[carsCount][0].src = picture;
    soldcars[carsCount][1] = merk;
    soldcars[carsCount][2] = model;
    soldcars[carsCount][3] = price;
    soldcars[carsCount][4] = false; //active ?
    soldcars[carsCount][5] = false; //preloaded ?
    soldcars[carsCount][6] = 0;
    soldcars[carsCount][7] = new Array();
    soldcars[carsCount][8] = id; //id van de auto
    soldcars[carsCount][9] = ref;
    soldcars[carsCount][10] = brandstof;
    soldcars[carsCount][11] = km;
    soldcars[carsCount][12] = viewDetails;

    preload(carsCount);

    carsCount++;
}

function loadEffect(i) {
    container = document.createElement('div');
    container.id = 'contentSoldCars';

    var html_collector = "<table width=\"100%\" class=\"smallPromo\" border=\"0\">" +
                         "<tr><td colspan=\"2\" class=\"smallPromoTitle\">" + soldcars[i][1] + " " + soldcars[i][2] + "</td></tr>" +
                         "<tr><td rowspan=\"3\" class=\"promoImg\" valign=\"top\"><a href=\"javascript:showDetails('" + soldcars[i][8] + "')\"><img src=\"" + soldcars[i][0].src + "\" alt=\"\" border=\"0\" style=\"border: 2px solid #bbbbbb;\" /></a></td>" +
                         "<td class=\"promoTitle\">" + soldcars[i][9] + " | " + soldcars[i][10] + "</td></tr><tr><td class=\"promoTitle\">" + soldcars[i][11] + " km</td></tr><tr><td align=\"right\" colspan=\"2\" class=\"promoLink\"><a href=\"javascript:showDetails('" + soldcars[i][8] + "');\">" + soldcars[i][12] + "</a></td></tr>" +
                         "</table>";

    container.innerHTML = html_collector;

    document.getElementById('ctl00_MainContentHolder_soldCarsContentColumn').appendChild(container);

    container.style.display = 'block';
    container.style.top = 0;
    container.style.left = 0;
    container.style.overflow = 'hidden';
}

function preload(i) {
    if (!soldcars[i][5]) {
        backLoader.appendChild(soldcars[i][0]);
        soldcars[i][5] = true;
    }
}

function createContainer() {
    if (!backLoader) {
        backLoader = document.createElement('div');
        backLoader.id = 'backLoader';
        backLoader.className = 'hiddenframe';
        backLoader.style.visibility = 'hidden';
        backLoader.style.display = 'none';
        document.getElementById('ctl00_MainContentHolder_soldCarsContentColumn').appendChild(backLoader);
    }
}

function startGallery() {
    var numberCar = Math.floor(Math.random() * soldcars.length);
    loop(numberCar);
}

function destroy() {
    document.getElementById('ctl00_MainContentHolder_soldCarsContentColumn').removeChild(container);
}

function loop(i) {
    if(container != null)
        destroy();

    soldcars[i][4] = true;
    loadEffect(i);

	var numberCar = Math.floor(Math.random() * soldcars.length);
    setTimeout("loop(" + numberCar + ");", slide_frame_interval);
}