﻿function MakeTyreOfferPanel(message, widthRange, heightRange, wheelRange, speedRange, loadRange, year, color, borderColor) {
    var _widthRange = "Beschikbare breedtes: <span style=\"color:red\">" + widthRange + "</span>";
    var _heightRange = "Beschikbare hoogtes: <span style=\"color:red\">" + heightRange + "</span>";
    var _wheelRange = "Beschikbare velgmaten: <span style=\"color:red\">" + wheelRange + "</span>";
    var _speedRange = "Beschikbare snelheidsindexen: <span style=\"color:red\">" + speedRange + "</span>";
    var _loadRange = "Beschikbare draagvermogens: <span style=\"color:red\">" + loadRange + "</span>";
    var _year = "Introductie jaar: <span style=\"color:red\">" + year + "</span>";

    var content = "<b>" + message + "</b><br/><br/>" + _year + "<br/>" + _widthRange + "<br/>" + _heightRange + "<br/>" + _wheelRange + "<br/>" + _speedRange + "<br/>" + _loadRange;
    Tip(content, PADDING, 8, BGCOLOR, color, BORDERCOLOR, borderColor);
}


function MakeCarSearchErrorPanel(anchorId, widthId, heightId, wheelId, speedId, loadId) {
    var text = '';

    var ddlWidth = document.getElementById(widthId);
    var ddlHeight = document.getElementById(heightId);
    var ddlWheel = document.getElementById(wheelId);
    var ddlSpeed = document.getElementById(speedId);
    var ddlLoad = document.getElementById(loadId);

    if (ddlWidth.selectedIndex < 1) {
        text += 'Selecteer de breedte van de band.<br/>'
    }

    if (ddlHeight.selectedIndex < 1) {
        text += 'Selecteer de hoogte van de band.<br/>'
    }

    if (ddlWheel.selectedIndex < 1) {
        text += 'Selecteer de velgmaat.<br/>'
    }

    if (ddlSpeed.selectedIndex < 1) {
        text += 'Selecteer een snelheidsindex.<br/>'
    }

    if (ddlLoad.selectedIndex < 1) {
        text += 'Selecteer het draagvermogen.<br/>'
    }

    if (text != '') {
        Tip(text, BALLOON, true, FIX, [anchorId, 0, 5], DURATION, 5000);
        this.blur();
        return false;
    }

    return true;
}

function SimpleTip(text) {
    Tip(text, STICKY, true, BORDERWIDTH, 1, PADDING, 10, BGCOLOR, '#eeeeee', CLICKCLOSE, true, BORDERCOLOR, '#999999', DELAY, 0);
}

function DisplayIFrameTip(file)
{
    Tip("<iframe onmouseout='UnTip();' frameborder=0 width='400px' height='400px' src='" + file + "'></iframe>",STICKY,true,BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#dddddd',DELAY,0, CLOSEBTN, 'TRUE');
}

function DisplayIFrameTipSC(file)
{
    Tip("<iframe onmouseout='UnTip();' frameborder=0 width='200px' src='" + file + "'></iframe>",STICKY,true,BORDERWIDTH,1,PADDING,0,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#dddddd',DELAY,0);
}

function TipComfort()
{
    Tip('<span class="textTyre"><b>Normaal / Comfortabel</b><br>U heeft een gemiddelde rijstijl, waarbij de banden moeten zorgen voor comfort en een lange levensduur. </span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipSport()
{
    Tip('<span class="textTyre"><b>Sportief</b><br>U houdt van een sportieve rijstijl, waarbij uw banden moeten zorgen voor een optimale grip op de weg.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipUltrasport()
{
    Tip('<span class="textTyre"><b>Ultra Sportief</b><br>U wil enkel de beste banden voor uw sportwagen. U verlangt optimale prestaties bij zowel hoge snelheden als op bochtige wegen. </span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}




function TipPremium()
{
    Tip('<span class="textTyre"><b>Premium</b><br>Premium banden voldoen aan de hoogste standaards en worden ontwikkeld in samenwerking met autofabrikanten. Het zijn banden in de hogere prijsklassen van de A-merken die veel investeren in de ontwikkeling van banden.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipBudget()
{
    Tip('<span class="textTyre"><b>Budget</b><br>Budget banden zijn kwalitatief goede banden die geleverd worden tegen een zeer aantrekkelijke prijs. Budget banden zijn gemiddeld 25% tot 50% goedkoper dan de bekende A-merken.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipValueForMoney()
{
    Tip('<span class="textTyre"><b>Value for Money</b><br>Value for Money staat voor kwalitatief hoogwaardige banden tegen een aantrekkelijke prijs die gemiddeld 15% to 25% goedkoper zijn dan de bekende A-merken.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipStandard()
{
    Tip('<span class="textTyre"><b>P (Performance)</b><br>Performance banden zijn uitermate geschikt voor de kleine tot middelgrote wagens, zowel op het gebied van de eerste-montagemarkt als op de vervangingsmarkt. Er ligt een grote nadruk bij de standaard banden op comfort, grip, kilometerrendement en een lage rolweerstand.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipHigh()
{
    Tip('<span class="textTyre"><b>HP (High Performance)</b><br>High Performance banden zijn speciaal ontwikkeld zijn voor de luxere auto’s die rijkelijk voorzien zijn van diverse complexe electronische veiligheidsstystemen en andere systemen die het comfort verzorgen. De High Performance banden zorgen voor een perfecte wegligging onder alle omstandigheden.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipUltraHigh()
{
    Tip('<span class="textTyre"><b>UHP (Ultra High Performance)</b><br>Ultra High Performance banden zijn de topproducten van de bandenfabrikanten die onder de meest extreme omstandigheden nog optimaal kunnen presteren. Met name bij hoge snelheden, waarbij er enorme krachten vrijkomen op de banden, presteren deze optimaal.<br>Ultra-high performance banden zijn niet langer voorbehouden aan alleen de meest prestigeuze sportauto`s ter wereld. Ze zijn steeds vaker benodigd voor krachtige nieuwe generaties van luxe personenwagens, estates en MPV`s.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipStars(nr)
{
    var text="";
    if (nr==0)
        text="Slecht";
       if (nr==1)
    text="Slecht";
       if (nr==2)
    text="Matig";
       if (nr==3)
    text="Goed";
       if (nr==4)
    text="Zeer goed";
       if (nr==5)
    text="Excellent";
    Tip('<span class="textTyre"><b>'+text+'</b></span>',WIDTH,100, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipHeavy()
{
    Tip('<span class="textTyre"><b>XL</b><br>XL staat voor Extra Load. Deze markering komt voor op motor- en personenwagenbanden. Banden met een XL markering hebben een hoger draagvermogen en zijn geschikt voor hogere bandenspanningen ten opzichte van de stadaard banden. Banden voorzien van een XL markeringen worden dan ook met name op zwaardere voertuigen toegepast. </span>',WIDTH,350, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipRunflat()
{
     Tip('<span class="textTyre"><b>RUN-FLAT</b><br>Run-flat banden zijn `zelfdragende` banden, waardoor ze zelfs in volledig drukloze toestand nog bruikbaar zijn. Uitgangspunt bij alle systemen van Run-flat banden is dat er na het wegvallen van de luchtdruk nog met 80 km. per uur een afstand van 80 km. afgelegd kan worden naar de dichtstbijzijnde werkplaats.</span>',WIDTH,350, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipIndex()
{
     Tip('<span class="textTyre">Het verschil in prijs wordt weergegeven in een percentage ten opzichte van de goedkoopste band. De goedkoopste band heeft een index van 100. Wanneer een andere band 5% duurder is, zal de index 105 zijn.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipSeason(nr)
{
    var text="";
    if (nr==10)
        text="<b>Zomer</b><br>Banden die de beste allround prestaties leveren bij een buitentemperatuur van 7ºC en hoger.";
    if (nr==11)
        text="<b>Winter</b><br>Banden die de beste allround prestaties leveren bij een buitentemperatuur van 7ºC en lager.";
    if (nr==9)
        text="<b>Allseason</b><br>Banden die goede prestaties leveren, onafhankelijk van de weersomstandigheden.";
    Tip('<span class="textTyre">'+text+'</span>',WIDTH,200, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipCategory(nr)
{
    var text="";
    if (nr==20)
        text="<b>Personenwagen</b><br>Onder de categorie `personenauto`s` vallen behalve auto`s met een drie-, vier- of vijfdeurs carrosserie ook coupés, cabriolets en MPV`s. Ook vierwiel aangedreven versies en op personenauto`s gebaseerde bestelwagens behoren tot deze groep. <br/ >Voorbeelden: Ford Focus, Volkswagen Eos, Toyota Avensis, Audi A4 quattro, Opel Zafira";
    if (nr==25)
        text="<b>4x4/SUV</b><br>SUV’s en 4x4’s worden gekenmerkt door een hoge carrosserie, standaard (permanente) vierwielaandrijving en vaak een hoog trekgewicht. Ook op SUV’s en 4x4’s gebaseerde bestelwagens behoren tot deze groep.<br/> Voorbeelden: Suzuki Grand Vitara, BMW X5, Toyota LandCruiser, Nissan Navara";
    if (nr==30)
        text="<b>Bestelwagens</b><br>Bestelwagens zijn primair ontwikkeld voor het vervoer van goederen en groepen mensen. Het laadvermogen (max. 3.500 kg) is hoger dan bij personenauto’s, SUV’s en 4x4’s. Vanwege de hoge wieldruk worden onder aanhangwagens en caravans ook bestelwagenbanden gemonteerd. <br/> Voorbeelden: Renault Kangoo, Volkswagen Transporter, Mercedes-Benz Sprinter";
    Tip('<span class="textTyre">'+text+'</span>',WIDTH,300, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipPostalCode()
{
    Tip('<span class="textTyre"><b>PostCode</b><br>Vul uw postcode in voor de scherpste prijzen in uw omgeving.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}


function TipWidth()
{
    Tip('<span class="textTyre"><b>Breedte</b><br>Bij de doorsnee personenautoband varieert de breedte van nominaal 125 mm tot ongeveer 335 mm. De breedte gaat hierbij met stappen van 10 millimeter omhoog. Bijzondere banden voor nieuwe velg-bandsystemen hebben breedtematen in mm die hiervan afwijken. Hierbij varieert de breedte van 160 mm tot 240 mm.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipHeight()
{
    Tip('<span class="textTyre"><b>Hoogte</b><br>De hoogte wordt weergegeven als percentage van de breedte. Bij de bandenmaat 195/65 R15 bijvoorbeeld, is de hoogte 65% van de breedte. In het hier genoemde voorbeeld is de hoogte 65% van 195 mm, en dus 126,75 mm.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipWheelSize()
{
    Tip('<span class="textTyre"><b>Velgmaat</b><br>De doorsnee van de velg wordt diagonaal van velgrand naar velgrand gemeten en wordt meestal in inches (“) aangegeven. De meest gangbare maten variëren tussen de 10 en 20 inch.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipSpeedIndex()
{
    Tip('<span class="textTyre"><b>Snelheidsindex</b><br>De snelheidsindicatie van een band is af te leiden uit de maatvoering. Bij de bandenmaat 205/55 R16 91W is het snelheidssymbool een W. De W staat voor een snelheidsindicatie van 270 km per uur. Dit houdt in dat de auto waar deze band op gemonteerd wordt niet harder dan 270 km/u kan rijden.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}

function TipLoadIndex()
{
    Tip('<span class="textTyre"><b>Draagvermogen</b><br>De belastingsindex is de code voor het draagvermogen van een band. Deze code is tevens af te lezen op de zijkant van een band en staat over het algemeen tussen de maat en de snelheidscodering.</span>',WIDTH,250, BORDERWIDTH,1,PADDING,10,BGCOLOR,'#ffffff',CLICKCLOSE,true,BORDERCOLOR,'#e2e2e2',DELAY,0);
}
