// JavaScript Document

function changeContent(string)
{
var x=document.getElementById('middenstuk').rows[1].cells
x[0].innerHTML="<img src='images/inlay_" +string+".jpg' width='355' height='354'>"

switch (string){
	case "introductie": 
		x[2].innerHTML="<table width='358' border='0' cellspacing='0' cellpadding='0'><tr><td width='12'>&nbsp;</td><td colspan='2' background='images/title_introductie.jpg' id='title' valign='bottom'><img src='images/spacer.gif' height='1px' width='43px'>INTRODUCTIE</td><td width='30'><img src='images/spacer.gif' height='37px' width='30px'></td></tr><tr><td>&nbsp;</td><td colspan='2'>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td width='23' id='beschrijving'><img src='images/spacer.gif' width='18px'></td>  <td width='293' id='beschrijving'>Er bestaat een woord voor uw verwachtingen in grafische communicatie. Mediactief.<br> Een winning team in pre-press 'en daarbuiten'.<br><br><font size='4'>Ons matchpoint?</font> <br>Betaalbare professionaliteit.<br> Neem eens een kijkje op deze website voor een blik op het speelveld 'en daarbuiten'.</td><td><img src='images/spacer.gif' width='30' height='8'></td></tr></table>";
		break;
	case "opmaak": 
		x[2].innerHTML="<table width='358' border='0' cellspacing='0' cellpadding='0'><tr><td width='12'>&nbsp;</td><td colspan='2' background='images/title_opmaak.jpg'id='title' valign='bottom'><img src='images/spacer.gif' height='1px' width='43px'>OPMAAK</td><td width='30'><img src='images/spacer.gif' height='37px' width='30px'></td></tr><tr><td>&nbsp;</td><td colspan='2'>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td width='23' id='beschrijving'><img src='images/spacer.gif' width='18px'></td>  <td width='293' id='beschrijving'><font size='4'>Opgemaakt staat netjes.</font> Mediactief blinkt uit in creatieve opmaak (eventueel vertrekkend van een bestaande lay-out), technische opmaak van handboeken, catalogi en brochures.<br><br>Enkele honderden pagina’s lay-outen? Daar draaien we onze hand niet voor om. Uw opmaak converteren naar nieuwe grafische paketten? No problemo.<br>Professioneel resultaat gegarandeerd.</td><td><img src='images/spacer.gif' width='30' height='8'></td></tr></table>";
		break;
	case "autoopm": 
		x[2].innerHTML="<table width='358' border='0' cellspacing='0' cellpadding='0'><tr><td width='12'>&nbsp;</td><td colspan='2' background='images/title_autoopm.jpg'id='title' valign='bottom'><img src='images/spacer.gif' height='1px' width='43px'>GEAUTOMATISEERDE OPMAAK</td><td width='30'><img src='images/spacer.gif' height='37px' width='30px'></td></tr><tr><td>&nbsp;</td><td colspan='2'>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td width='23' id='beschrijving'><img src='images/spacer.gif' width='18px'></td>  <td width='293' id='beschrijving'>Droomt U van een <font size='4'>efficiënte productie</font> en een <font size='4'>doelgerichte publicatie</font> van uw productcatalogi, -brochures en prijslijsten. Met een evenwichtige “mix and match” tussen IT en grafische communicatie is Mediactief uw partner voor de automatisatie van manuele opmaaktrajecten en database publishing. <br><br>Mix your skills with ours and find a perfect match! U kan bij ons terecht voor de opzet van uw content en digital asset management, database set-up, de conversie, de productie en/of de updating.<br> U bepaalt zelf wat U in huis uitvoert en wat U aan ons wilt uitbesteden. Alleen het eindresultaat telt.</td><td><img src='images/spacer.gif' width='30' height='8'></td></tr></table>";
		break;
	case "concept": 
		x[2].innerHTML="<table width='358' border='0' cellspacing='0' cellpadding='0'><tr><td width='12'>&nbsp;</td><td colspan='2' background='images/title_concept.jpg'id='title' valign='bottom'><img src='images/spacer.gif' height='1px' width='43px'>CONCEPT EN CREATIE</td><td width='30'><img src='images/spacer.gif' height='37px' width='30px'></td></tr><tr><td>&nbsp;</td><td colspan='2'>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td width='23' id='beschrijving'><img src='images/spacer.gif' width='18px'></td>  <td width='293' id='beschrijving'><font size='4'>Behoefte aan een vurig concept?</font><br>Voor een campagne die inslaat, een mailing die scoort of een brochure die overtuigt? Het zijn stormen die onze breinen al vaker getrotseerd hebben. Net zoals het design van uw huisstijl, productbrochure, paneel of display.<br>Mogelijke vertrekpunten? Een wit blad, een briefing van de klant, een markt- of concurrentieonderzoek. En dat alles binnen een professioneel budget- en deadlinebeheer.</td><td><img src='images/spacer.gif' width='30' height='8'></td></tr></table>";
		break;
	case "scanning": 
		x[2].innerHTML="<table width='358' border='0' cellspacing='0' cellpadding='0'><tr><td width='12'>&nbsp;</td><td colspan='2' background='images/title_scanning.jpg'id='title' valign='bottom'><img src='images/spacer.gif' height='1px' width='43px'>SCANNING EN PROOFING</td><td width='30'><img src='images/spacer.gif' height='37px' width='30px'></td></tr><tr><td>&nbsp;</td><td colspan='2'>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td width='23' id='beschrijving'><img src='images/spacer.gif' width='18px'></td>  <td width='293' id='beschrijving'><font size='4'>Zoekt u the perfect match</font> tussen een foto-origineel en het gedigitaliseerde beeld? Mediactief scant uw beelden met topmachines én met heel wat zorg.<br><br>Ook in onze kleurproeven vindt u the perfect match tussen verwachting en resultaat. Hierin gaan we namelijk voor de zo getrouw mogelijke weergave, zodat u bij de levering van het drukwerk nooit voor verrassingen komt te staan.</td><td><img src='images/spacer.gif' width='30' height='8'></td></tr></table>";
		break;
	case "begeleiding": 
		x[2].innerHTML="<table width='358' border='0' cellspacing='0' cellpadding='0'><tr><td width='12'>&nbsp;</td><td colspan='2' background='images/title_begeleiding.jpg'id='title' valign='bottom'><img src='images/spacer.gif' height='1px' width='10px'>PROJECT- EN DRUKWERKBEGELEIDING</td><td width='10'><img src='images/spacer.gif' height='37px' width='15px'></td></tr><tr><td>&nbsp;</td><td colspan='2'>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td width='23' id='beschrijving'><img src='images/spacer.gif' width='18px'></td>  <td width='293' id='beschrijving'>Uw drukwerk in professionele handen. Gemakkelijk, eenvoudig. U maakt zich geen zorgen, want wij staan naast de drukpers om een <font size='4'>‘goed voor druk’</font> te geven en de kwaliteit te controleren.<br><br>Uw drukwerk aan scherpe prijzen. Mediactief heeft zeer goede contacten met drukkers en zal voor u de beste prijs aan de beste condities onderhandelen.</td><td><img src='images/spacer.gif' width='30' height='8'></td></tr></table>";
		break;
	case "webdesign": 
		x[2].innerHTML="<table width='358' border='0' cellspacing='0' cellpadding='0'><tr><td width='12'>&nbsp;</td><td colspan='2' background='images/title_webdesign.jpg'id='title' valign='bottom'><img src='images/spacer.gif' height='1px' width='43px'>WEBDESIGN</td><td width='30'><img src='images/spacer.gif' height='37px' width='30px'></td></tr><tr><td>&nbsp;</td><td colspan='2'>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td width='23' id='beschrijving'><img src='images/spacer.gif' width='18px'></td>  <td width='293' id='beschrijving'>Mediactief ontwikkelt en ontwerpt websites voor elke doelgroep. Van statische webpagina’s tot dynamische e-shops met databasekoppelingen en zoekmogelijkheden.<br>Ingewikkeld? Helemaal niet. Via eenvoudige applicaties <font size='4'>houdt u zelf de touwtjes in virtuele handen.</font> Met een simpele muisklik kan u de inhoud van uw site aanpassen en updaten, waar en wanneer u wil.</td><td><img src='images/spacer.gif' width='30' height='8'></td></tr></table>";
		break;
	case "databeheer": 
		x[2].innerHTML="<table width='358' border='0' cellspacing='0' cellpadding='0'><tr><td width='12'>&nbsp;</td><td colspan='2' background='images/title_databeheer.jpg'id='title' valign='bottom'><img src='images/spacer.gif' height='1px' width='43px'>DATABEHEER</td><td width='30'><img src='images/spacer.gif' height='37px' width='30px'></td></tr><tr><td>&nbsp;</td><td colspan='2'>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td width='23' id='beschrijving'><img src='images/spacer.gif' width='18px'></td>  <td width='293' id='beschrijving'>Uw jobs worden gearchiveerd in een centrale databank. Heeft u een beeld nodig uit de brochure van vorig jaar voor een interne presentatie? Via een eenvoudige webinterface staat het binnen enkele muiskliks op uw desktop. Gewoon inloggen op de server, beeldje zoeken, bestandsformaat kiezen en downloaden.<br><br><font size='4'>Handig?</font> Da’s pas een understatement. <font size='4'>Uberhandig!</font></td><td><img src='images/spacer.gif' width='30' height='8'></td></tr></table>";
		break;	
	case "portfolio": 
		x[2].innerHTML="<table width='358' border='0' cellspacing='0' cellpadding='0'><tr><td width='12'>&nbsp;</td><td colspan='2' background='images/title_portfolio.jpg'id='title' valign='bottom'><img src='images/spacer.gif' height='1px' width='43px'>PORTFOLIO</td><td width='10'><img src='images/spacer.gif' height='37px' width='15px'></td></tr><tr><td>&nbsp;</td><td colspan='2'>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td width='23' id='beschrijving'><img src='images/spacer.gif' width='18px'></td>  <td width='293' id='beschrijving'></td><td>&nbsp;</td></tr></table>";
		break;
	case "contact": 
		x[2].innerHTML="<table width='358' border='0' cellspacing='0' cellpadding='0'><tr><td width='12'>&nbsp;</td><td colspan='2' background='images/title_contact.jpg'id='title' valign='bottom'><img src='images/spacer.gif' height='1px' width='43px'>CONTACT</td><td width='30'><img src='images/spacer.gif' height='37px' width='30px'></td></tr><tr><td>&nbsp;</td><td colspan='2'>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td width='23' id='beschrijving'><img src='images/spacer.gif' width='18px'></td>  <td width='293' id='beschrijving'><font size='4'>Let's make a match.</font><br>Mediactief bvba<br>F. Lousbergskaai 105 bus 1<br>B-9000 Gent<br>tel 09 265 85 75 - fax 09 265 85 70<br><a href='mailto:info@mediactief.be'>info@mediactief.be</a><br>www.mediactief.be</td><td><img src='images/spacer.gif' width='30' height='8'></td></tr></table>";
		break;
	case "book": 
		x[2].innerHTML="<form action='mailto:serge@mediactief.be' method='post' enctype='text/plain' name='form1' onSubmit='controle();return document.MM_returnValue'><table width='358' border='0' cellspacing='0' cellpadding='0'><tr><td colspan='6'><img src='images/spacer.gif' width='1' height='10'></td></tr><tr><td>&nbsp;</td><td colspan='4' id='title'> Bestel hier uw gratis casebook ! </td><td>&nbsp;</td></tr><tr><td width='17'><img src='images/spacer.gif' width='15' height='10'></td><td width='75'><img src='images/spacer.gif' width='75' height='10'></td><td width='90'><img src='images/spacer.gif' width='95' height='10'></td><td width='68'><img src='images/spacer.gif' width='75' height='10'></td><td width='93'><img src='images/spacer.gif' width='95' height='10'></td><td width='15'>&nbsp;</td></tr><tr><td>&nbsp;</td><td id='beschrijving'>voornaam<span id='asteriks'>*</span></td><td id='beschrijving'><input type='text'  id='tekstveld1' name='voornaam'></td><td id='beschrijving'>naam<span id='asteriks'>*</span></td>    <td><input type='text' name='naam' id='tekstveld2'></td><td>&nbsp;</td></tr><tr><td colspan='6'><img src='images/spacer.gif' width='1' height='10'></td></tr><tr><td>&nbsp;</td><td id='beschrijving'>e-mail<span id='asteriks'>*</span></td><td><input type='text' name='e-mail' id='tekstveld3'></td><td id='beschrijving'>tel<span id='asteriks'>*</span></td><td><input type='text' name='tel' id='tekstveld4'></td><td>&nbsp;</td></tr><tr><td colspan='6'><img src='images/spacer.gif' width='1' height='10'></td></tr><tr><td>&nbsp;</td><td id='beschrijving'>functie<span id='asteriks'>*</span></td><td><input type='text' name='functie' id='tekstveld5'></td><td id='beschrijving'>bedrijf<span id='asteriks'>*</span></td><td><input type='text' name='bedrijf' id='tekstveld6'></td><td>&nbsp;</td></tr><tr><td colspan='6'><img src='images/spacer.gif' width='1' height='10'></td></tr><tr><td>&nbsp;</td><td id='beschrijving'>straat + nr<span id='asteriks'>*</span></td><td><input type='text' name='straat' id='tekstveld7'></td><td id='beschrijving'>postcode<span id='asteriks'>*</span></td><td><input type='text' name='postcode' id='tekstveld8'></td><td>&nbsp;</td></tr><tr><td colspan='6'><img src='images/spacer.gif' width='1' height='10'></td></tr><tr><td>&nbsp;</td><td id='beschrijving'>gemeente<span id='asteriks'>*</span></td><td><input type='text' name='gemeente' id='tekstveld9'></td><td id='beschrijving'>land</td><td><input type='text' name='land' id='tekstveld'></td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td id='beschrijving'>commentaar</td><td colspan='3' rowspan='2'><textarea name='comment' rows='4' id='invulveld'></textarea></td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td><input type='submit' name='Submit' value='verzenden'></td><td><input type='reset' name='Reset' value='wissen'></td><td>&nbsp;</td><td>&nbsp;</td></tr></table></form>";
		break;
}
}
function controle(){
MM_validateForm('tekstveld1','','R','tekstveld2','','R','tekstveld3','','RisEmail','tekstveld4','','R','tekstveld5','','R','tekstveld6','','R','tekstveld7','','R','tekstveld8','','R','tekstveld9','','R');
return document.MM_returnValue;

}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_showHideLayers() { //v3.0

  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
	
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}


function MM_validateForm() { //v4.0

  var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
  for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
    if (val) { nm=val.name; if ((val=val.value)!="") {
      if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
        if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
      } else if (test!='R') { num = parseFloat(val);
        if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
        if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
          min=test.substring(8,p); max=test.substring(p+1);
          if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
  } if (errors) alert('The following error(s) occurred:\n'+errors);
  document.MM_returnValue = (errors == '');
}
