//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//~~~~~~~~~~~~~~~~ PRODUCT DETAIL PAGE ~~~~~~~~~~~~~~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
function viewLarge( foto, width, height )
{
  $('allblack').style.display = "block";
  $('largeImageContainer').style.display = "block";
  $('largeImageContainer').style.marginLeft = - (width / 2) + "px";
  $('largeImageContainer').style.marginTop = - (height / 2) + "px";
  $('largeImageContainer').style.width = width + 20 + "px";
  $('largeImageContainer').style.height = height + 20 + "px";
  $('imageGoesHere').innerHTML = $('imageGoesHere').innerHTML + "<img src='" + s_WEBROOT + "/shared/images/detailImages/" + foto +"' style='margin:10px;'>"
  $('closeDiv').style.display = "block";
  $('amountBox').style.display = "none";
}


function closeDivs()
{
  $('imageGoesHere').innerHTML = "";
  new Effect.Fade('allblack', {duration:0.2});
  new Effect.Fade('closeDiv', {duration:0.2});
  new Effect.Fade('largeImageContainer', {duration:0.2});
   $('amountBox').style.display = "block";
}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//~~~~~~~~~~~~~~~~ NAVIGATION LEVEL 1 ~~~~~~~~~~~~~~~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

function changeColor(id)
{
  $("menuitem_" + id).style.color = "white";
  $("menuDiv_" + id).style.backgroundColor = "#003468";
}

function changeColorBack(id)
{
  $("menuitem_" + id).style.color = "black";
  $("menuDiv_" + id).style.backgroundColor = "";
}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//~~~~~~~~~~~~~~~~ NIEUWSBRIEF POPUP ~~~~~~~~~~~~~~~~~
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

function showPopup( width, height)
{
  $('allblack').style.display = "block";
  $('largeImageContainer').style.display = "block";
  $('largeImageContainer').style.marginLeft = - (width / 2) + "px";
  $('largeImageContainer').style.marginTop = - (height / 2) + "px";
  $('largeImageContainer').style.width = width + 20 + "px";
  $('largeImageContainer').style.height = height + 20 + "px";
  $('imageGoesHere').innerHTML = $('nieuwsbrief').innerHTML;
}

function closePopupDivs()
{
  $('imageGoesHere').innerHTML = "";
  new Effect.Fade('allblack', {duration:0.2});
  new Effect.Fade('closeDiv', {duration:0.2});
  new Effect.Fade('largeImageContainer', {duration:0.2});
}