/*
  Script        :  VIEWCONTROLS.JS
  Auteur        :  R. Kompier
  Bedrijf       :  dbHost
  Omschrijving  :  Javascript t.b.v. op de client sturen van webcontrols op een statische website
  Datum creatie :  10-02-2010
  Datum mutatie :  17-02-2010
*/

//
// Globale constanten
//
var sImageBg = "background";
var sImagePad = "image/";
var sImageExtensie = ".jpg";
var aButton = new Array(9);
var aTeksten = new Array(9);

// Vul de arrays
aButton[0] = "button_home";
aButton[1] = "button_webdevelopment";
aButton[2] = "button_hosting";
aButton[3] = "button_softwareontwikkeling";
aButton[4] = "button_kantoorautomatisering";
aButton[5] = "button_databasebeheer";
aButton[6] = "button_overige_diensten";
aButton[7] = "button_technieken";
aButton[8] = "button_contact";

aTeksten[0] = "<h2>Home</h2><p>dbHost is een klein Eindhovens bedrijf, opgericht in 2000, dat zich heeft gespecialiseerd in het bouwen en hosten van websites op maat.<br />Ons bedrijf bestaat uit drie personen, allen met veel kennis van en ervaring met IT-technieken, ieder vanuit zijn eigen specialisaties.<br /><br />Daarnaast beschikken we over een netwerk van bevriende automatiseerders, dat we te allen tijde kunnen inzetten. Dit draagt bij aan de continuďteit en voorziet ons van eventueel benodigde extra capaciteit of specialistische kennis op specifieke gebieden.</p><p>Wat we echter niet hebben is een commerciële achtergrond. Onze gestaag groeiende klantenkring is volledig via mond-tot-mond-reclame bij ons terechtgekomen.</p><p>Wat ons drijft is de uitdaging om de uiteenlopende  IT-behoeften van onze klant in kaart te brengen en vervolgens een oplossing op maat te bieden.<br />We zijn erg flexibel en denken graag met onze klanten mee.<br />Directe communicatie, informeel contact en klanttevredenheid vinden wij erg belangrijk.</p><p>Onze klantenkring bestaat uit stichtingen en bedrijven uit het midden- en kleinbedrijf.<br />Voor nadere informatie over onze dienstverlening of tarieven kunt u contact met ons opnemen via info@dbhost.nl<br />Klik <a href='AlgemeneLeveringsVoorwaarden.pdf'>hier</a> voor het inzien van onze algemene leveringsvoorwaarden.</p>";
aTeksten[1] = "<h2>Webdevelopment &amp; design</h2><p>Variërend van kleine, statische websites van een of enkele pagina's voor kleine bedrijven tot uitgebreide, dynamische websites met een veelheid aan pagina's voor grotere bedrijven.</p><p>Statische websites zijn websites waarbij de bezoeker uitsluitend tekst kan lezen en plaatjes kan zien, maar zelf geen interactie heeft met de website, anders dan een mailtje versturen.<br /><br />Bij dynamische websites  is er wel sprake van interactie tussen de gebruiker en de site. Meestal is er een koppeling met de bedrijfsdatabase, waardoor de gebruiker van de website bijvoorbeeld een keuze kan maken uit het assortiment van artikelen, prijzen en levertijden kan opvragen, een bestelling kan plaatsen en zelfs elektronisch kan betalen. Tegelijkertijd wordt automatisch de voorraad- en bedrijfsadministratie bijgewerkt.<br />Desgewenst kunnen we ook features, zoals e-mail koppelingen, invulformulieren, gastenboek, foto-galerie etc. in uw website inbouwen.</p><p>Of het nu om een nieuwe of bestaande site gaat, of dbHost nu de website bouwt of uzelf: wij kunnen uw website voorzien van een grafische vormgeving/layout op maat, vormgegeven door een professionele grafisch vormgever.<br /><br />Ook kunnen we uw bestaande of nieuwe website van een CMS (Content Management Systeem) voorzien. Met een CMS kunt u eenvoudig, zonder veel technische kennis, documenten en pagina's van uw website zelf aanpassen.</p>";
aTeksten[2] = "<h2>Hosting &amp; domeinregistratie</h2><p>Hosten wil zeggen: het installeren en beheren van websites.<br />De websites worden door ons geďnstalleerd op een van onze webservers (zie ook onder 'Technieken'). We hebben een vijftal van deze servers waarop alle websites van onze klanten draaien. Onze webservers zijn optimaal ingericht voor een veilige en snelle afhandeling van alle dataverkeer. Dagelijks wordt het functioneren van alle webservers, websites en databases door ons gecontroleerd (monitoring).</p><p>De domeinnaam is de naam waarop uw website kan worden benaderd. Deze naam moet uniek zijn en worden geregistreerd. De registratie van domeinnamen wordt centraal beheerd. U bepaalt zelf de naam van uw domein. Wij regelen de volledige administratieve afhandeling voor u. Daarnaast kunt u aangeven of u één of meerdere e-mailadressen aan uw domeinnaam wilt koppelen.<br />Een domeinnaam heeft meestal de volgende vorm:  www.uwnaam.nl. In plaats van de extensie .nl kunt u ook andere extensies kiezen, zoals: .eu, .net, .com.<br />De domeinnaam is meestal de bedrijfsnaam maar dat hoeft niet, de keuze is aan u. Kiest u wel altijd een naam die voor uw (potentiële) klanten gemakkelijk te onthouden is.</p><p>Zodra u uw naam (of meerdere namen) heeft gekozen, moet deze worden geregistreerd. Als u wilt dat wij dit voor u regelen, wordt u verzocht een opdrachtformulier in te vullen en -indien van toepassing- een KvK-uittreksel mee te sturen.<br />Vervolgens kunnen wij de administratieve afhandeling van de registratie van uw domeinnaam voor u regelen.</p>";
aTeksten[3] = "<h2>Softwareontwikkeling</h2><p>dbHost kan software op maat voor u ontwikkelen. Dit houdt in dat het te bouwen systeem specifiek voor uw interne bedrijfsvoering is ontworpen.<br /><br />Bij software op maat kunt u denken aan: administratieve systemen, orderadministraties, voor- en nacalculatiesoftware, koppelingen tussen bestaande of nieuwe systemen, rapportagesystemen en beheertools (voor functioneel beheerder/technisch beheerder).</p><p>Om te komen tot een goede maatwerkoplossing stellen wij prijs op een intensieve samenwerking met de klant. U kent uw bedrijf tenslotte het beste!</p>";
aTeksten[4] = "<h2>Kantoorautomatisering</h2><p>Voor kleine en middelgrote bedrijven kunnen we tevens de kantoorautomatisering gedeeltelijk of geheel verzorgen.</p><p>Wij richten ons op advies, beheer en onderhoud van werkplek, (netwerk-)infrastructuur en servers.<br />Dit kan variëren van het maken van een eenmalige quickscan (resulterend in een adviesrapport), tot het volledig opnieuw opzetten van een bedrijfsnetwerk. Desgewenst kunnen we hierbij ook de aanschaf en installatie van nieuwe hard- en software verzorgen.</p><p>Wat dacht u van een bedrijf dat al het maandelijks onderhoud op uw bedrijfsnetwerk van u overneemt? Denk hierbij aan het monitoren van uw systemen, backups, patch management (windows update) en uw antivirus oplossing. De keuze is aan u!</p>";
aTeksten[5] = "<h2>Databasebeheer</h2><p>Naast hosting van websites draagt dbHost ook zorg voor hosting van eventuele bijbehorende databases. Een database is een archief van uw bedrijfsgegevens, zoals klantinformatie, productlijsten, etc. Deze informatie kan onder andere via een website toegankelijk worden gemaakt. We hebben specialistische kennis in huis op het gebied van hosting van de databases die het meest worden gebruikt voor websites: MySQL, MS SQL Server en Oracle.<br />Ook hebben we de nodige kennis van en ervaring met het ontwerpen, implementeren en converteren van databases naar uw behoeften.</p><p>Qua beheer worden standaard de volgende activiteiten periodiek uitgevoerd op door dbHost gehoste databases:<ul><li>Maken en terugzetten van backups.</li><li>Monitoren van het gebruik en de werking “onder de motorkap” van de database(s). Door instellen van de juiste “alarm-triggers” kunnen problemen voorkomen worden.</li><li>Uitvoeren van performance-metingen en indien nodig optimalisatieacties uitvoeren.</li></ul></p><p>Daarnaast kan dbHost voor u quickscans of uitgebreidere analyses uitvoeren op uw bedrijfsinformatie (database of anders opgeslagen informatie).<br />Hierbij wordt gedurende een af te spreken periode (minimaal een week), het gebruik van de database uitgebreid gecontroleerd en geinventariseerd. Een analyse van de resultaten leidt tot een rapportage over de huidige stand van zaken (zowel technisch als functioneel), alsmede aanbevelingen m.b.t. het gebruik van de database door bestaande of nieuw te bouwen (web)applicaties.</p>";
aTeksten[6] = "<h2>Overige diensten</h2><p><b>Leveren van webstatistieken</b><br />Op uw verzoek leveren we bij door ons gehoste websites een statistiekservice. Hiermee kunt u als klant op elk gewenst tijdstip overzichten inzien van diverse statistieken met betrekking tot uw website, zoals het aantal bezoeken aan uw website,met verdeling over dagdelen, gemiddelde lengte van de bezoeken, aantal bezoeken per pagina, herkomst (welke soort zoekmachine) en nog veel meer commercieel nuttige informatie.</p><p><b>Aanmelden bij zoekmachines</b><br />Uiteraard wil iedereen zijn eigen website bovenaan de lijst in Google of een andere zoekmachine terugvinden. Daar komt echter veel meer bij kijken dan menigeen denkt. Wij hebben inzicht in de algoritmen van de zoekmachines en kunnen u helpen om uw site zodanig in te richten dat deze zo hoog mogelijk in de lijst van Google en andere zoekmachines komt te staan, waardoor uw site vaker bezocht zal worden.<p/><p><b>Leveren van support</b><br />Bij alle door ons geleverde diensten krijgt u uiteraard ook ondersteuning, telefonisch of via e-mail. In de regel is support voor bestaande klanten gratis. Bedrijven die nog geen klant zijn kunnen we uiteraard ook van dienst zijn.<br />Afhankelijk van het voorgelegde automatiseringsvraagstuk, kan hiervoor in overleg een tarief worden afgesproken.</p>";
aTeksten[7] = "<h2>Technieken</h2><p><b>Hardware</b><br />dbHost heeft momenteel de beschikking over een vijftal eigen servers, waarop de websites van onze klanten draaien. Deze servers zijn alle van een technisch superieure kwaliteit. Een van de servers wordt uitsluitend gebruikt om backups te maken en te beheren. Hierdoor kunnen we garanderen dat we op elk moment van de dag uw programma's en gegevens, van de dag ervoor tot twee weken geleden, kunnen terugzetten.<br />De servers bevinden zich in het datacenter van InterConnect in Den Bosch, waarmee ons bedrijf een dealerschap heeft afgesloten. Dit uiterst moderne datacenter is speciaal ingericht voor het plaatsen van internetservers. Het is optimaal beveiligd tegen stroomuitval, inbraak en brand en  is uitsluitend toegankelijk voor geautoriseerde gebruikers.</p><p><b>Software</b><br />Hieronder per rubriek een opsomming van door ons gebruikte en ondersteunde software-technieken/applicaties:<br /><br /><u>Besturingssystemen:</u><br />Windows 2008 Server, Windows 2003 Server, Windows 2003 Small Business Server, Windows XP, oudere versies van Windows (uitsluitend t.b.v. migratie-trajecten)<br /><br /><u>Programmeertalen:</u><br />C# (ASP.NET Forms en MVC), PHP, Microsoft VBScript, Visual Basic .NET, Microsoft ASP en ASP.NET<br /><br /><u>Databases:</u><br />Oracle Database Server, Microsoft SQL Server, Microsoft Access, MySQL</p><p>Uiteraard kunnen in overleg ook andere software-technieken/applicaties worden ondersteund.</p>";
aTeksten[8] = "<h2>Contact</h2><p><b>Ons bedrijf:</b><table><tr><td>Adres:</td><td>Zonneroosstraat 28</td></tr><tr><td /><td>5644 ET Eindhoven</td></tr><tr><td>Telefoon:</td><td>040-2130727</td></tr><tr><td /><td>06-45762392, 06-16002271</td></tr><tr><td>Fax:</td><td>040-2130727</td></tr><tr><td>E-mail:</td><td>info@dbhost.nl</td></tr><tr><td>KvK:</td><td>Eindhoven, 09115379</td></tr><tr><td>BTW:</td><td>8092.55.881.B.01</td></tr><tr><td>Bank:</td><td>Fortis, 81.18.79.879</td></tr></table></p><p><b>Wijzelf:</b><table><tr><td>Naam:</td><td>Wilfred Kuijpers</td></tr><tr><td>E-mail:</td><td>wilfred@dbhost.nl</td></tr><tr><td>Specialisaties:</td><td>Ontwerp en bouw van websites, beheer servers en netwerk-</td></tr><tr><td /><td>architectuur, advies en implementatie van bedrijfsautomatisering</td></tr><tr /><tr /><tr><td>Naam:</td><td>Ron Kompier</td></tr><tr><td>E-mail:</td><td>ron@dbhost.nl</td></tr><tr><td>Specialisaties:</td><td>Ontwerp en bouw van websites, technisch en functioneel database-</td></tr><tr><td /><td>beheer, ontwerp en bouw van databasekoppelingen en webservices</td></tr><tr /><tr /><tr><td>Naam:</td><td>Bas van Vucht</td></tr><tr><td>E-mail:</td><td>bas@dbhost.nl</td></tr><tr><td>Specialisaties:</td><td>Beheer servers en netwerkarchitectuur, advies en implementatie van</td></tr><tr><td /><td>bedrijfsautomatisering</td></tr></table></p>";

//
// Voer de preload van alle images uit
//
if (document.images)
{
  // Achtergrond
  var oBackground = new Image();
  oBackground.src = sImagePad + "background.jpg";
  // Buttons
  var oButtonImages = new Image();
  for (iButtonIndex in aButton)
  {
    sImageId = aButton[iButtonIndex];
    sImageSource = sImagePad + sImageId + sImageExtensie;
    oButtonImages.src = sImageSource;
    sImageSource = sImagePad + sImageId + "_onclick" + sImageExtensie;
    oButtonImages.src = sImageSource;
  }
  // Set content van de homepagina
  sContentId = 'content';
  sContentText = aTeksten[0];
  ShowText(sContentId, sContentText);
}

//
// Globale functies
//
function SetImage(sImageId, sImageSource)
{
  if (document.getElementById(sImageId).src != sImageSource)
  {
    document.getElementById(sImageId).src = sImageSource;
  }
}

function ShowImage(sImageId)
{
  document.getElementById(sImageId).style.display = 'block';
}

function HideImage(sImageId)
{
  document.getElementById(sImageId).style.display = 'none';
}

function ShowText(sContentId, sContentText)
{
  document.getElementById(sContentId).innerHTML = sContentText;
}

function SetButtonImages(sImageId, sImageSource)
{
  var sImageIdHuidig = "";
  var sImageSourceHuidig = "";
  for (iIndex in aButton)
  {
    sImageIdHuidig = aButton[iIndex];
    if (sImageIdHuidig == sImageId)
    {
      SetImage(sImageId, sImageSource);
    }
    else
    {
      sImageSourceHuidig = sImagePad + sImageIdHuidig + sImageExtensie;
      SetImage(sImageIdHuidig, sImageSourceHuidig);
    }
  }
}

//
// Hulpfuncties t.b.v. eventhandlers
//
function MouseOverButton(iIndex)
{
  var sImageId = aButton[iIndex];
  var sImageSource = sImagePad + sImageId + "_onclick" + sImageExtensie;
  SetImage(sImageId, sImageSource);
}

function MouseOutButton(iIndex)
{
  var sImageId = aButton[iIndex];
  var sImageSource = sImagePad + sImageId + sImageExtensie;
  SetImage(sImageId, sImageSource);
}

function MouseClickButton(iIndex)
{
  // Declaraties/initialisaties
  var sImageId = "";
  var sImageSource = "";
  var sContentId = "";
  var sContentText = "";
  // Set button image
  sImageId = aButton[iIndex];
  sImageSource = sImagePad + sImageId + "_onclick" + sImageExtensie;
  SetButtonImages(sImageId, sImageSource);
  ShowImage(sImageId);
  // Set content
  sContentId = 'content';
  sContentText = aTeksten[iIndex];
  ShowText(sContentId, sContentText);
}

//
// Eventhandlers
//
function OnMouseOverHome()
{
  var iIndex = 0;
  MouseOverButton(iIndex);
}

function OnMouseOutHome()
{
  var iIndex = 0;
  MouseOutButton(iIndex);
}

function OnClickHome()
{
  var iIndex = 0;
  MouseClickButton(iIndex)
}

function OnMouseOverWebdevelopment()
{
  var iIndex = 1;
  MouseOverButton(iIndex);
}

function OnMouseOutWebdevelopment()
{
  var iIndex = 1;
  MouseOutButton(iIndex);
}

function OnClickWebdevelopment()
{
  var iIndex = 1;
  MouseClickButton(iIndex)
}

function OnMouseOverHosting()
{
  var iIndex = 2;
  MouseOverButton(iIndex);
}

function OnMouseOutHosting()
{
  var iIndex = 2;
  MouseOutButton(iIndex);
}

function OnClickHosting()
{
  var iIndex = 2;
  MouseClickButton(iIndex)
}

function OnMouseOverSoftwareontwikkeling()
{
  var iIndex = 3;
  MouseOverButton(iIndex);
}

function OnMouseOutSoftwareontwikkeling()
{
  var iIndex = 3;
  MouseOutButton(iIndex);
}

function OnClickSoftwareontwikkeling()
{
  var iIndex = 3;
  MouseClickButton(iIndex)
}

function OnMouseOverKantoorautomatisering()
{
  var iIndex = 4;
  MouseOverButton(iIndex);
}

function OnMouseOutKantoorautomatisering()
{
  var iIndex = 4;
  MouseOutButton(iIndex);
}

function OnClickKantoorautomatisering()
{
  var iIndex = 4;
  MouseClickButton(iIndex)
}

function OnMouseOverDatabasebeheer()
{
  var iIndex = 5;
  MouseOverButton(iIndex);
}

function OnMouseOutDatabasebeheer()
{
  var iIndex = 5;
  MouseOutButton(iIndex);
}

function OnClickDatabasebeheer()
{
  var iIndex = 5;
  MouseClickButton(iIndex)
}

function OnMouseOverOverigeDiensten()
{
  var iIndex = 6;
  MouseOverButton(iIndex);
}

function OnMouseOutOverigeDiensten()
{
  var iIndex = 6;
  MouseOutButton(iIndex);
}

function OnClickOverigeDiensten()
{
  var iIndex = 6;
  MouseClickButton(iIndex)
}

function OnMouseOverTechnieken()
{
  var iIndex = 7;
  MouseOverButton(iIndex);
}

function OnMouseOutTechnieken()
{
  var iIndex = 7;
  MouseOutButton(iIndex);
}

function OnClickTechnieken()
{
  var iIndex = 7;
  MouseClickButton(iIndex)
}

function OnMouseOverContact()
{
  var iIndex = 8;
  MouseOverButton(iIndex);
}

function OnMouseOutContact()
{
  var iIndex = 8;
  MouseOutButton(iIndex);
}

function OnClickContact()
{
  var iIndex = 8;
  MouseClickButton(iIndex)
}