﻿var rotSpeed = 6000;
var rotator1 = {
    path: 'images/home/',
    id: 'adImage',
    speed: rotSpeed,
    bTrans: true,
    bMouse: false,
    images: ["boardgames.jpg", "capandblazer.jpg", "colonial.jpg"]
}

var rotator2 = { path: 'images/home/', id: '0', speed: rotSpeed, bMouse: false, images: ["on_1.jpg", "off_1.jpg", "off_1.jpg"] }
var rotator3 = { path: 'images/home/', id: '1', speed: rotSpeed, bMouse: false, images: ["off_2.jpg", "on_2.jpg", "off_2.jpg"] }
var rotator4 = { path: 'images/home/', id: '2', speed: rotSpeed, bMouse: false, images: ["off_3.jpg", "off_3.jpg", "on_3.jpg"] }

function initRotators() {
    dw_Rotator.setup(rotator1, rotator2, rotator3, rotator4);
    dw_Rotator.addControls();
}

dw_Event.add(window, 'load', initRotators);

//Specify image paths and optional link (set link to "" for no link):
var dynimages = new Array();
dynimages[0] = "images/home/boardgames.jpg";
dynimages[1] = "images/home/capandblazer.jpg";
dynimages[2] = "images/home/colonial.jpg";

//Preload images ("yes" or "no"):
var preloadimg = "yes";

//Set optional link target to be added to all images with a link:
var optlinktarget = "";
var optdescription = "";

//Set image border width
var imgborderwidth = 0;

//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring = "progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.1)";

var ns6 = document.getElementById && !document.all;
var ie = document.all;

var carimages = new Array();
carimages[0] = "images/home/off_1.jpg";
carimages[1] = "images/home/off_2.jpg";
carimages[2] = "images/home/off_3.jpg";

var carimagesOn = new Array();
carimagesOn[0] = "images/home/on_1.jpg";
carimagesOn[1] = "images/home/on_2.jpg";
carimagesOn[2] = "images/home/on_3.jpg";

var carimagesOff = new Array();
carimagesOff[0] = "images/home/off_1.jpg";
carimagesOff[1] = "images/home/off_2.jpg";
carimagesOff[2] = "images/home/off_3.jpg";

var carimagesHover = new Array();
carimagesHover[0] = "images/home/hov_1.jpg";
carimagesHover[1] = "images/home/hov_2.jpg";
carimagesHover[2] = "images/home/hov_3.jpg";

if (preloadimg == "yes") {
    for (x = 0; x < dynimages.length; x++) {
        var myimage = new Image();
        myimage.src = dynimages[x];
    }
    for (x = 0; x < carimagesOn.length; x++) {
        var myimage = new Image();
        myimage.src = carimagesOn[x];
    }
    for (x = 0; x < carimagesOff.length; x++) {
        var myimage = new Image();
        myimage.src = carimagesOff[x];
    }
    for (x = 0; x < carimagesHover.length; x++) {
        var myimage = new Image();
        myimage.src = carimagesOn[x];
    }
}

function doModify(loadarea, imgindex) {
    dw_Rotator.stop();
    document.getElementById('adImage').src = dynimages[imgindex];
    toggleCarOnOff(imgindex);
    setTimeout('dw_Rotator.start()', 2000);
    return false;
}

function toggleCarOnOff(id) {
    var id = id;
    for (i = 0; i < carimagesOff.length; i++) {
        document.getElementById(i).src = carimagesOff[i];
        carimages[i] = carimagesOff[i];
    }
    document.getElementById(id).src = carimagesOn[id];
    carimages[id] = carimagesOn[id];
    return false;
}

function hovCar(id) {
    carimages[id] = document.getElementById(id).src;
    document.getElementById(id).src = carimagesHover[id];
}

function hovCarOff(id) {
    document.getElementById(id).src = carimages[id];
}

$(function() {
    $(".homeLitecarousel").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        visible: 2
    });
});