﻿// JScript File

    var currentDiv = "";

    function ShowBike(arg) 
    {
        BikeInfoHelper(arg);
    }
    function SetBikeInfo(arg, context){
    }
    
    function BikeInfoHelper(arg){
        //alert(arg);
        var bikeInfo = arg.split("|");
        var sBikeMod = document.getElementById('ctl00_ContentPlaceHolder1_LargeBike1_spnBikeMod');
        sBikeMod.innerHTML = bikeInfo[1];

        var spnBike = document.getElementById('ctl00_ContentPlaceHolder1_LargeBike1_imgCentBike');
        if(bikeInfo[6]  == ""){
            spnBike.alt = "Sorry no image";
            spnBike.src = "/images/SorryNo.gif";
        }
        else
        {
            spnBike.alt = bikeInfo[1];
            spnBike.src = bikeInfo[6];
        }
        var bkInfo = bikeInfo[5];
        bkInfo = trim(bkInfo);
        var sDetails = document.getElementById('ctl00_ContentPlaceHolder1_LargeBike1_spnDetails');
        if(bkInfo == "")
        {
                sDetails.innerHTML = "Just in! Call us for More Information.";
        }
        else
        {
                sDetails.innerHTML = bkInfo;
        }
        var sPrice = document.getElementById('ctl00_ContentPlaceHolder1_LargeBike1_spnPrice');
        sPrice.innerHTML = "Price " +  bikeInfo[2];
        var sColour = document.getElementById('ctl00_ContentPlaceHolder1_LargeBike1_spnColour');
        sColour.innerHTML = "Colour " +  bikeInfo[7];
        var sCC = document.getElementById('ctl00_ContentPlaceHolder1_LargeBike1_spnCC');
        sCC.innerHTML = "Engine Size " +  bikeInfo[8] + "cc";
        var sMileage = document.getElementById('ctl00_ContentPlaceHolder1_LargeBike1_spnMileage');
        sMileage.innerHTML = "Mileage " +  bikeInfo[3] + " miles";
        var sRegDate = document.getElementById('ctl00_ContentPlaceHolder1_LargeBike1_spnRegDate');
        sRegDate.innerHTML = "First Registered " +  bikeInfo[4];   
        document.getElementById('ctl00_ContentPlaceHolder1_LargeBike1_spnRef').innerHTML = "Our ref: " + bikeInfo[0];
        document.getElementById('ctl00_ContentPlaceHolder1_LargeBike1_spnBikeRef').innerHTML = bikeInfo[0];
    }
    
    function trim(str)
    {
        return str.replace(/^\s*|\s*$/g,"");
    }

    //Set up the div before getting the data
    function SetPreBikeInfo()
    {
        var spnBike = document.getElementById('ctl00_ContentPlaceHolder1_LargeBike1_imgCentBike');
        spnBike.src = "/Images/AniWheel.gif";
    }
    
    //Set up makes div before recieving data
    function pageLoadedClient() 
    {
        var MakesView = document.getElementById('ctl00_ContentPlaceHolder1_divMakes');
        MakesView.innerHTML = "One Moment...";
        
    }

    //Data retruned from Server for makes
    function SetMakesData(arg, context) {
        var MakesView = document.getElementById('ctl00_ContentPlaceHolder1_divMakes');
        MakesView.innerHTML = arg;
    }

    //Set up Models div befor receiving data
    function BikesLoading(data){
    //alert(data);
    var ModelsView = document.getElementById('ctl00_ContentPlaceHolder1_divModels');
    ModelsView.innerHTML = "One Moment...";
        var ModelTitle = document.getElementById('ctl00_ContentPlaceHolder1_ModelTitle');
        if(data == 'ALL') {
            ModelTitle.innerHTML = "&nbsp;" + data;
        }
        else
        {
            ModelTitle.innerHTML = "&nbsp;" + data + "'s";
        }
        return;
    }
    
    function LoadBikes2(arg)
    {
    var ModelsView = document.getElementById('ctl00_ContentPlaceHolder1_divModels');
    var typeView = document.getElementById('ctl00_div' + arg);
    var inHTM = typeView.innerHTML
    inHTM = trim(inHTM);
    currentDiv = 'ctl00_div' + arg;
    if(inHTM == "")
        {
            LoadBikes("LoadBikes," + arg ,BikesLoading(arg));
        }
        else
        {
            ModelsView.innerHTML = typeView.innerHTML;
        }
    }
    //Data returned from client for models
    function SetModelsData(arg, context) {
        var ModelsView = document.getElementById('ctl00_ContentPlaceHolder1_divModels');
        var typeView = document.getElementById(currentDiv);
        ModelsView.innerHTML = arg;
        typeView.innerHTML = arg;
    }
    /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    
    function PrintPage()
    {
    var BikeID = document.getElementById('ctl00_ContentPlaceHolder1_LargeBike1_spnBikeRef').innerHTML;
    if (BikeID == ""){}
    else
    {
    window.open('/PrintBike.aspx?BikeID=' + BikeID,'mywindow','toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes, resizable=yes');
    //alert(BikeID);
    }
    }

    //What to do if the Server gets an error.
    function DoErr(arg){
        alert("I'm sorry it all went horribly wrong. Please try again. Sorry. " + arg);
    }
    

    function SetImage(imgName)
    {
    var smlBikeInfo = imgName.split("|");
    var bi = document.getElementById('ctl00_ContentPlaceHolder1_SmallBike1_bikImg');
    bi.src = smlBikeInfo[0];
    document.getElementById('ctl00_ContentPlaceHolder1_SmallBike1_tpSpnModel').innerHTML = smlBikeInfo[1];
    document.getElementById('ctl00_ContentPlaceHolder1_SmallBike1_tpspnPrice').innerHTML = "Price: " + smlBikeInfo[2];
    document.getElementById('ctl00_ContentPlaceHolder1_SmallBike1_tospnMiles').innerHTML = smlBikeInfo[3] + " miles";
    document.getElementById('ctl00_ContentPlaceHolder1_SmallBike1_spnSmlReg').innerHTML = "First Registered: " + smlBikeInfo[4];
    }  