var timer;
window.onload = init;

var engineImage = new Image();
var spareImage = new Image();
var gearboxImage = new Image();
var perfImage = new Image();
var tyreImage = new Image();
var eandeImage = new Image();
var engineText = "";
var spareText= "";
var gearboxText = "";
var perfText = "";
var tyreText = "";
var eandeText = "";

function init(){
    engineImage = '/images/bg-engine.jpg';
    spareImage = '/images/bg-spare.jpg';
    gearboxImage = '/images/bg-gearbox.jpg';
    perfImage = '/images/bg-performance.jpg';
    tyreImage = '/images/bg-tyres.jpg';
    eandeImage = '/images/bg-events.jpg';

    var i = Math.floor(Math.random() * 5);
    switch(i){
        case 0: toEngine(); break;
        case 1: toSpare(); break;
        case 2: toGearbox(); break;
        case 3: toPerformance(); break;
        case 4: toTyre(); break;
        case 5: toEande(); break;
    }
}

function toEngine(){
    loadImage('engine');
    timer = setTimeout("toSpare()", 5000);
}

function toSpare(){
    loadImage('spare');
    timer = setTimeout("toGearbox()", 5000);
}

function toGearbox(){
    loadImage('gearbox');
    timer = setTimeout("toPerformance()", 5000);
}

function toPerformance(){
    loadImage('performance');
    timer = setTimeout("toTyre()", 5000);
}

function toTyre(){
    loadImage('tyre');
    timer = setTimeout("toEande()", 5000);
}

function toEande(){
    loadImage('eande');
    timer = setTimeout("toEngine()", 5000);
}

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

function loadImage(dept){

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

    document.getElementById('engineSubBanner').style.backgroundImage = "url('/wp-content/uploads/engineButton.jpg')";
    document.getElementById('gearboxSubBanner').style.backgroundImage = "url('/wp-content/uploads/gearboxButton.jpg')";
    document.getElementById('tyreSubBanner').style.backgroundImage = "url('/wp-content/uploads/tyresButton.jpg')";
    document.getElementById('spareSubBanner').style.backgroundImage = "url('/wp-content/uploads/sparesButton.jpg')";
    document.getElementById('perfSubBanner').style.backgroundImage = "url('/wp-content/uploads/perfButton.jpg')";
    document.getElementById('eandeSubBanner').style.backgroundImage = "url('/wp-content/uploads/eeButton.jpg')";

    if(dept == 'engine'){
        document.getElementById('banner').style.backgroundImage = "url('/images/bg-engine.jpg')";
        document.getElementById('deptInfoColour').style.backgroundColor = "#FF0000";
        document.getElementById('deptInfoHeader').innerHTML = "Engines";
        document.getElementById('deptInfoBanner').style.width = "400px";
//        document.getElementById('deptInfoBanner').style.height = "350px";
        document.getElementById('deptInfoBanner').style.marginTop = "5px";
        document.getElementById('deptInfoBanner').style.marginLeft = "150px";
        document.getElementById('deptInfoText').style.width = "400px";
        document.getElementById('deptInfoTel').innerHTML = "Call 011 397 6789";
        document.getElementById('engineSubBanner').style.backgroundImage = "url('/wp-content/uploads/engineButton.jpg')";
        if(engineText.length > 0){
            document.getElementById("deptInfoDetail").innerHTML = engineText;
        }else{
            document.getElementById("deptInfoDetail").innerHTML = '<p>Search our database from Alfa to VW and more, for your engine requirements, or <span style="color:#37805d">call 011 397 6789</span> and one of our sales people will be able to assist.</p>';
        }
    }else if(dept == 'gearbox'){
        document.getElementById('banner').style.backgroundImage = "url('/images/bg-gearbox.jpg')";
        document.getElementById('deptInfoColour').style.backgroundColor = "#339900";
        document.getElementById('deptInfoHeader').innerHTML = "Gearboxes";
        document.getElementById('deptInfoBanner').style.width = "400px";
//        document.getElementById('deptInfoBanner').style.height = "190px";
        document.getElementById('deptInfoBanner').style.marginTop = "200px";
        document.getElementById('deptInfoBanner').style.marginLeft = "150px";
        document.getElementById('deptInfoText').style.width = "400px";
        document.getElementById('deptInfoTel').innerHTML = "Call 011 397 6789";
        document.getElementById('gearboxSubBanner').style.backgroundImage = "url('/wp-content/uploads/gearboxButton.jpg')";
        if(gearboxText.length > 0){
            document.getElementById("deptInfoDetail").innerHTML = gearboxText;
        }else{
            document.getElementById("deptInfoDetail").innerHTML = '<p>Japan auto stocks front wheel drive and rear wheel drive applications, in both auto and manual. You can also chose from two wheel drive and four wheel drive applications. Search our database or call us.</p>';
        }
    }else if(dept == 'tyre'){
        document.getElementById('banner').style.backgroundImage = "url('/images/bg-tyres.jpg')";
        document.getElementById('deptInfoColour').style.backgroundColor = "#0000FF";
        document.getElementById('deptInfoHeader').innerHTML = "Tyres";
        document.getElementById('deptInfoBanner').style.width = "400px";
//        document.getElementById('deptInfoBanner').style.height = "175px";
        document.getElementById('deptInfoBanner').style.marginTop = "375px";
        document.getElementById('deptInfoBanner').style.marginLeft = "150px";
        document.getElementById('deptInfoText').style.width = "400px";
        document.getElementById('deptInfoTel').innerHTML = "Call 011 397 6789";
        document.getElementById('tyreSubBanner').style.backgroundImage = "url('/wp-content/uploads/tyresButton.jpg')";
        if(tyreText.length > 0){
            document.getElementById("deptInfoDetail").innerHTML = tyreText;
        }else{
            document.getElementById("deptInfoDetail").innerHTML = '<p>Japan Auto imports the following Light Commercial Brands: Kingstire and Linlong Tires. We also stock Passenger Brands on: Yokohama, Achilles, Pirelli, Dunlop.</p>';
        }
    }else if(dept == 'spare'){
        document.getElementById('banner').style.backgroundImage = "url('/images/bg-spare.jpg')";
        document.getElementById('deptInfoColour').style.backgroundColor = "#FF9900";
        document.getElementById('deptInfoHeader').innerHTML = "New Spares";
        document.getElementById('deptInfoBanner').style.width = "400px";
//        document.getElementById('deptInfoBanner').style.height = "190px";
        document.getElementById('deptInfoBanner').style.marginTop = "5px";
        document.getElementById('deptInfoBanner').style.marginLeft = "150px";
        document.getElementById('deptInfoText').style.width = "400px";
        document.getElementById('deptInfoTel').innerHTML = "Call 011 397 6789";
        document.getElementById('spareSubBanner').style.backgroundImage = "url('/wp-content/uploads/sparesButton.jpg')";
        if(sparetText.length > 0){
            document.getElementById("deptInfoDetail").innerHTML = spareText;
        }else{
            document.getElementById("deptInfoDetail").innerHTML = '<p>Japan Auto has a large range of new spares for all vehicle makes and models. Order now or call.</p>';
        }
    }else if(dept == 'performance'){
        document.getElementById('banner').style.backgroundImage = "url('/images/bg-performance.jpg')";
        document.getElementById('deptInfoColour').style.backgroundColor = "#CC3300";
        document.getElementById('deptInfoHeader').innerHTML = "Performance";
        document.getElementById('deptInfoBanner').style.width = "400px";
//        document.getElementById('deptInfoBanner').style.height = "190px";
        document.getElementById('deptInfoBanner').style.marginTop = "200px";
        document.getElementById('deptInfoBanner').style.marginLeft = "150px";
        document.getElementById('deptInfoText').style.width = "400px";
        document.getElementById('deptInfoTel').innerHTML = "Call 011 397 6789";
        document.getElementById('perfSubBanner').style.backgroundImage = "url('/wp-content/uploads/perfButton.jpg')";
        if(peformanceText.length > 0){
            document.getElementById("deptInfoDetail").innerHTML = perfText;
        }else{
            document.getElementById("deptInfoDetail").innerHTML = '';
        }
    }else if(dept == 'eande'){
        document.getElementById('banner').style.backgroundImage = "url('/images/bg-events.jpg')";
        document.getElementById('deptInfoColour').style.backgroundColor = "#990099";
        document.getElementById('deptInfoHeader').innerHTML = "Enquiries and Events";
        document.getElementById('deptInfoBanner').style.width = "400px";
//        document.getElementById('deptInfoBanner').style.height = "240px";
        document.getElementById('deptInfoBanner').style.marginTop = "375px";
        document.getElementById('deptInfoBanner').style.marginLeft = "150px";
        document.getElementById('deptInfoText').style.width = "400px";
        document.getElementById('deptInfoTel').innerHTML = "Call 011 397 6789";
        document.getElementById('eandeSubBanner').style.backgroundImage = "url('/wp-content/uploads/eeButton.jpg')";
        if(leisureText.length > 0){
            document.getElementById("deptInfoDetail").innerHTML = eandeText;
        }else{
            document.getElementById("deptInfoDetail").innerHTML = '<p>Japan Auto are keen racing enthusiasts, and are sponsors of the Drifting Series. Check out our events calendar to see what exciting things are happening next...</p>';
        }
    }
    document.getElementById('deptInfoBanner').style.display = 'block';

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

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

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

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

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

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

function setEande(){
    if(req.readyState == 4){
        if(req.status == 200){
            document.getElementById("deptInfoDetail").style.display = 'block';
            document.getElementById("deptInfoDetail").innerHTML = req.responseText;
            eandeText = 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!';
        }
    }
}