var timer;
window.onload = init;

var raceImage = new Image();
var bikeImage = new Image();
var roadImage = new Image();
var kartImage = new Image();
var mxImage = new Image();
var leisureImage = new Image();
var raceText = "";
var bikeText= "";
var roadText = "";
var kartText = "";
var mxText = "";
var leisureText = "";

function init(){
    raceImage = '/image/race-home.jpg';
    bikeImage = '/image/bike-home.jpg';
    roadImage = '/image/road-home.jpg';
    kartImage = '/image/kart-home.jpg';
    mxImage = '/image/mx-home.jpg';
    leisureImage = '/image/leisure-home.jpg';

    var i = Math.floor(Math.random() * 5);
    switch(i){
        case 0: toRace(); break;
        case 1: toBike(); break;
        case 2: toKart(); break;
        case 3: toMx(); break;
        case 4: toRoad(); break;
        case 5: toLeisure(); break;
    }
}

function toRace(){
    loadImage('race');
    timer = setTimeout("toBike()", 5000);
}

function toBike(){
    loadImage('bike');
    timer = setTimeout("toKart()", 5000);
}

function toKart(){
    loadImage('kart');
    timer = setTimeout("toMx()", 5000);
}

function toMx(){
    loadImage('mx');
    timer = setTimeout("toRoad()", 5000);
}

function toRoad(){
    loadImage('road');
    timer = setTimeout("toLeisure()", 5000);
}

function toLeisure(){
    loadImage('leisure');
    timer = setTimeout("toRace()", 5000);
}

function cancelTo(){
    if (timer)
        clearTimeout(timer);
}

function loadImage(dept){

    var object = document.getElementById('banner').style;
    object.opacity = 0;
    object.MozOpacity = 0;
    object.KhtmlOpacity = 0;
    object.filter = "alpha(opacity=0)";

    document.getElementById('raceSubBanner').style.backgroundImage = "url('/image/race-dept.jpg')";
    document.getElementById('bikeSubBanner').style.backgroundImage = "url('/image/bike-dept.jpg')";
    document.getElementById('roadSubBanner').style.backgroundImage = "url('/image/road-dept.jpg')";
    document.getElementById('kartSubBanner').style.backgroundImage = "url('/image/kart-dept.jpg')";
    document.getElementById('mxSubBanner').style.backgroundImage = "url('/image/mx-dept.jpg')";
    document.getElementById('leisureSubBanner').style.backgroundImage = "url('/image/leisure-dept.jpg')";

    if(dept == 'race'){
        document.getElementById('banner').style.backgroundImage = "url('/image/race-home.jpg')";
        document.getElementById('deptInfoColour').style.backgroundColor = "#FF0000";
        document.getElementById('deptInfoHeader').innerHTML = "Motorsport";
        document.getElementById('deptInfoBanner').style.width = "260px";
//        document.getElementById('deptInfoBanner').style.height = "350px";
        document.getElementById('deptInfoBanner').style.marginTop = "150px";
        document.getElementById('deptInfoBanner').style.marginLeft = "220px";
        document.getElementById('deptInfoText').style.width = "245px";
        document.getElementById('deptInfoTel').innerHTML = "0844 815 8610<br/><span style=\"font-size: 16px\">Export Sales +44 1978 664461</span>";
        document.getElementById('raceSubBanner').style.backgroundImage = "url('/image/race-tint.jpg')";
        if(raceText.length > 0){
            document.getElementById("deptInfoDetail").innerHTML = raceText;
        }else{
            document.getElementById("deptInfoDetail").innerHTML = '';
            doAjax("/Home.do?method=info&n=2&uid=" + new Date().getTime(), setRace);
        }
    }else if(dept == 'bike'){
        document.getElementById('banner').style.backgroundImage = "url('/image/bike-home.jpg')";
        document.getElementById('deptInfoColour').style.backgroundColor = "#339900";
        document.getElementById('deptInfoHeader').innerHTML = "Motorcycle";
        document.getElementById('deptInfoBanner').style.width = "540px";
//        document.getElementById('deptInfoBanner').style.height = "190px";
        document.getElementById('deptInfoBanner').style.marginTop = "20px";
        document.getElementById('deptInfoBanner').style.marginLeft = "220px";
        document.getElementById('deptInfoText').style.width = "525px";
        document.getElementById('deptInfoTel').innerHTML = "0844 815 8620";
        document.getElementById('bikeSubBanner').style.backgroundImage = "url('/image/bike-tint.jpg')";
        if(bikeText.length > 0){
            document.getElementById("deptInfoDetail").innerHTML = bikeText;
        }else{
            document.getElementById("deptInfoDetail").innerHTML = '';
            doAjax("/Home.do?method=info&n=197&uid=" + new Date().getTime(), setBike);
        }
    }else if(dept == 'road'){
        document.getElementById('banner').style.backgroundImage = "url('/image/road-home.jpg')";
        document.getElementById('deptInfoColour').style.backgroundColor = "#0000FF";
        document.getElementById('deptInfoHeader').innerHTML = "Performance";
        document.getElementById('deptInfoBanner').style.width = "540px";
//        document.getElementById('deptInfoBanner').style.height = "175px";
        document.getElementById('deptInfoBanner').style.marginTop = "20px";
        document.getElementById('deptInfoBanner').style.marginLeft = "220px";
        document.getElementById('deptInfoText').style.width = "525px";
        document.getElementById('deptInfoTel').innerHTML = "0844 815 8630<br/><span style=\"font-size: 16px\">Wheels &amp; Tyres 0844 815 8606</span>";
        document.getElementById('roadSubBanner').style.backgroundImage = "url('/image/road-tint.jpg')";
        if(roadText.length > 0){
            document.getElementById("deptInfoDetail").innerHTML = roadText;
        }else{
            document.getElementById("deptInfoDetail").innerHTML = '';
            doAjax("/Home.do?method=info&n=313&uid=" + new Date().getTime(), setRoad);
        }
    }else if(dept == 'kart'){
        document.getElementById('banner').style.backgroundImage = "url('/image/kart-home.jpg')";
        document.getElementById('deptInfoColour').style.backgroundColor = "#FF9900";
        document.getElementById('deptInfoHeader').innerHTML = "Karting";
        document.getElementById('deptInfoBanner').style.width = "540px";
//        document.getElementById('deptInfoBanner').style.height = "190px";
        document.getElementById('deptInfoBanner').style.marginTop = "400px";
        document.getElementById('deptInfoBanner').style.marginLeft = "220px";
        document.getElementById('deptInfoText').style.width = "525px";
        document.getElementById('deptInfoTel').innerHTML = "0844 815 8623";
        document.getElementById('kartSubBanner').style.backgroundImage = "url('/image/kart-tint.jpg')";
        if(kartText.length > 0){
            document.getElementById("deptInfoDetail").innerHTML = kartText;
        }else{
            document.getElementById("deptInfoDetail").innerHTML = '';
            doAjax("/Home.do?method=info&n=172&uid=" + new Date().getTime(), setKart);
        }
    }else if(dept == 'mx'){
        document.getElementById('banner').style.backgroundImage = "url('/image/mx-home.jpg')";
        document.getElementById('deptInfoColour').style.backgroundColor = "#CC3300";
        document.getElementById('deptInfoHeader').innerHTML = "MX/Off Road";
        document.getElementById('deptInfoBanner').style.width = "540px";
//        document.getElementById('deptInfoBanner').style.height = "190px";
        document.getElementById('deptInfoBanner').style.marginTop = "400px";
        document.getElementById('deptInfoBanner').style.marginLeft = "220px";
        document.getElementById('deptInfoText').style.width = "525px";
        document.getElementById('deptInfoTel').innerHTML = "0844 815 8631";
        document.getElementById('mxSubBanner').style.backgroundImage = "url('/image/mx-tint.jpg')";
        if(mxText.length > 0){
            document.getElementById("deptInfoDetail").innerHTML = mxText;
        }else{
            document.getElementById("deptInfoDetail").innerHTML = '';
            doAjax("/Home.do?method=info&n=236&uid=" + new Date().getTime(), setMx);
        }
    }else if(dept == 'leisure'){
        document.getElementById('banner').style.backgroundImage = "url('/image/leisure-home.jpg')";
        document.getElementById('deptInfoColour').style.backgroundColor = "#990099";
        document.getElementById('deptInfoHeader').innerHTML = "Leisurewear";
        document.getElementById('deptInfoBanner').style.width = "260px";
//        document.getElementById('deptInfoBanner').style.height = "240px";
        document.getElementById('deptInfoBanner').style.marginTop = "20px";
        document.getElementById('deptInfoBanner').style.marginLeft = "500px";
        document.getElementById('deptInfoText').style.width = "245px";
        document.getElementById('deptInfoTel').innerHTML = "0844 815 8624";
        document.getElementById('leisureSubBanner').style.backgroundImage = "url('/image/leisure-tint.jpg')";
        if(leisureText.length > 0){
            document.getElementById("deptInfoDetail").innerHTML = leisureText;
        }else{
            document.getElementById("deptInfoDetail").innerHTML = '';
            doAjax("/Home.do?method=info&n=247&uid=" + new Date().getTime(), setLeisure);
        }
    }
    document.getElementById('deptInfoBanner').style.display = 'block';

    changeBackgroundOpac(0, 'banner', 50);
}

function setRace(){
    if(req.readyState == 4){
        if(req.status == 200){
            document.getElementById("deptInfoDetail").style.display = 'block';
            document.getElementById("deptInfoDetail").innerHTML = req.responseText;
            raceText = req.responseText;
        }
    }
}

function setBike(){
    if(req.readyState == 4){
        if(req.status == 200){
            document.getElementById("deptInfoDetail").style.display = 'block';
            document.getElementById("deptInfoDetail").innerHTML = req.responseText;
            bikeText = req.responseText;
        }
    }
}

function setKart(){
    if(req.readyState == 4){
        if(req.status == 200){
            document.getElementById("deptInfoDetail").style.display = 'block';
            document.getElementById("deptInfoDetail").innerHTML = req.responseText;
            kartText = req.responseText;
        }
    }
}

function setMx(){
    if(req.readyState == 4){
        if(req.status == 200){
            document.getElementById("deptInfoDetail").style.display = 'block';
            document.getElementById("deptInfoDetail").innerHTML = req.responseText;
            mxText = req.responseText;
        }
    }
}

function setLeisure(){
    if(req.readyState == 4){
        if(req.status == 200){
            document.getElementById("deptInfoDetail").style.display = 'block';
            document.getElementById("deptInfoDetail").innerHTML = req.responseText;
            leisureText = req.responseText;
        }
    }
}

function setRoad(){
    if(req.readyState == 4){
        if(req.status == 200){
            document.getElementById("deptInfoDetail").style.display = 'block';
            document.getElementById("deptInfoDetail").innerHTML = req.responseText;
            roadText = req.responseText;
        }
    }
}

function changeBackgroundOpac(opacity, id, ms) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";

    if(opacity <= 100)
        setTimeout("changeBackgroundOpac(" + (opacity+10) + ",'" + id + "', " + ms + ")", ms);
}

function showBasket(id){
    document.getElementById(id + 'Menu').style.display = 'block';
}

function hideBasket(id){
    document.getElementById(id + 'Menu').style.display = 'none';
}

function selectSubMenu(id){
    var img = document.getElementById(id).src;
    if(img.endsWith('refineHidden.jpg')){
        document.getElementById(id).src = '/image/refineShow.jpg';
        document.getElementById('sub-' + id).style.display = 'block';
    }else{
        document.getElementById(id).src = '/image/refineHidden.jpg';
        document.getElementById('sub-' + id).style.display = 'none';
    }
}

function changeVat(v){
    doAjax("/Vat.do?method=change&v=" + v + "&uid=" + new Date().getTime(), setChangeVat);
}

function setChangeVat(){
    if(req.readyState == 4){
        if(req.status == 200){
            document.getElementById("vatDetails").innerHTML = req.responseText;
            recalcBasket();
        }
    }
}

function changeCurrency(c){
    doAjax("/Currency.do?method=change&c=" + c + "&uid=" + new Date().getTime(), setChangeCurrency);
}

function setChangeCurrency(){
    if(req.readyState == 4){
        if(req.status == 200){
            var split = req.responseText.split("@@ebusiness@@");
            document.getElementById("currencyDetails").innerHTML = split[0];
            recalcBasket();
        }
    }
}


function emailSignup(){
    var email = document.EmailForm.email.value;
    
    doAjax("/Home.do?method=signup&e=" + escape(email) + "&uid=" + new Date().getTime(), setEmailSignup);
}

function setEmailSignup(){
    if(req.readyState == 4){
        if(req.status == 200){
            document.EmailForm.email.value = '';
            document.getElementById("emailConf").innerHTML = '&#10004;Thank you for signing up!';
        }
    }
}