﻿var brandsSlideshow = function (options) {
    _$ = function (x) { return document.getElementById(x) }
    var options = options || {};
    var id = options.id || 'brandslideshow';
    var width = options.width || 232;
    var height = options.height || 87;
    var timer = options.timer || 3;
    var imgFolder = options.imageFolder || 'images/';
    var company = options.company || 'cretail';
    var brands = options.brands || [];
    var imgArray = [];
    var imgArr = new Array();
    imgArr['cretail'] = [[23,15],[13,8],[3,28],[18,11],[5,2],[40,34],[21,13],[33,37],[2,36],[12,7],[4,29],[22,14],[14,9],[11,6],[32,33],[6,3],[7,4],[19,12],[1,35],[10,5],[30,27],[35,19],[997,23],[998,24],[999,25]];
    imgArr['ibericar'] = [[1,29],[23,1],[13,2],[3,3],[3,5],[3,7],[4,4],[4,6],[4,8],               [21,11],[8,12],[16,13],[27,14],[27,35],[33,15],[24,16],[42,34],[12,17],[19,18],[22,19],[14,20],[11,21],[32,22],[32,24],[40,23],[40,25],[6,27],[10,30],[995,31],[44,32],[800,35],[998,33]];
 // imgArr['ibericar'] = [[1,29],[23,1],[13,2],[3,3],[3,5],[3,7],[4,4],[4,6],[4,8],[25,9],[26,10],[21,11],[8,12],[16,13],[27,14],[27,35],[33,15],[24,16],[42,34],[12,17],[19,18],[22,19],[14,20],[11,21],[32,22],[32,24],[40,23],[40,25],[6,27],[10,30],[995,31],[44,32],[800,35],[998,33]];
    var counter = 1;
    setArray = function () {
        if(brands.length == 0) {
            for(var i = 0;i < imgArr[company].length;i++) {
                imgArray[i] = imgArr[company][i][1];
            }
        } else {
            for(var i = 0;i < brands.length;i++) {
                for(var j = 0;j < imgArr[company].length;j++) {
                    if(brands[i] == imgArr[company][j][0]) { imgArray.push(imgArr[company][j][1]); }
                }
            }
        }
    }
	preload = function(){
		var pic = new Image();
		for(var i = 0; i < imgArray.length; i++){
			pic.src = imgFolder + company + '/' + imgArray[i] + '.jpg';
		}
	}
	buildTemplate = function(){
		_$(id).innerHTML = '<img id="img_'+id+'" src="" '+width+'" height="'+height+'" />';
	}
    changeImage = function () {
    	if(imgArray.length == 1){counter = 0 }
    	_$('img_'+id).src = imgFolder + company + '/' + imgArray[counter] + '.jpg';
        counter = counter + 1;
        if(counter > (imgArray.length - 1)) { counter = 0 }
    }
    start = function () {
        setArray();
		preload();
		buildTemplate();
		_$('img_'+id).src = imgFolder + company + '/' + imgArray[0] + '.jpg';
		setInterval(changeImage,timer * 1000);
    }
    start();
}
