function User_Mouse_Over(iIndex, sDir)
{
  info_field.background='images/'+sDir+'/mid_mid_dark.jpg';
  switch(iIndex)
  {
    case 1:
      info_text.innerHTML='Meer informatie over website ontwerp en onderhoud';
      bullet_1.src='images/bullet_yellow.gif';
      button_webdesign.src='images/button_webdesign_over.gif';
      break;
    case 2:
      info_text.innerHTML='Meer informatie over de verschillende hosting paketten die wij aanbieden';
      bullet_2.src='images/bullet_yellow.gif';
      button_hosting.src='images/button_hosting_over.gif';
      break;
    case 3:
      info_text.innerHTML='Bekijk een aantal sites die wij al eerder maakten';
      bullet_3.src='images/bullet_yellow.gif';
      button_portfolio.src='images/button_portfolio_over.gif';
      break;
    case 4:
      info_text.innerHTML='Hoe u contact met ons kunt opnemen';
      bullet_4.src='images/bullet_yellow.gif';
      button_contact.src='images/button_contact_over.gif';
      break;
  }
}

function User_Mouse_Out(iIndex, sDir)
{
  info_text.innerHTML=' ';
  info_field.background='images/'+sDir+'/mid_mid.jpg';
  switch(iIndex)
  {
    case 1:
      bullet_1.src='images/bullet_blue.gif';
      button_webdesign.src='images/button_webdesign.gif';
      break;
    case 2:
      bullet_2.src='images/bullet_blue.gif';
      button_hosting.src='images/button_hosting.gif';
      break;
    case 3:
      bullet_3.src='images/bullet_blue.gif';
      button_portfolio.src='images/button_portfolio.gif';
      break;
    case 4:
      bullet_4.src='images/bullet_blue.gif';
      button_contact.src='images/button_contact.gif';
      break;
  }
}