// JScript File


var BlockAccordion = false;

var t = 4;
var s = 4;
var SelectedAccordion;
var SelectedText;
var QueueItemNumbers = [];
var doBlocking = false;
var scroll = false;
var SelectedHeader;

// set or get the current display style of the div
function Display(d, v) {
   if (v == undefined) {
      return d.style.display;
   }
   else {
      d.style.display = v;
   }
}


function Height(d, newHeight) {

   if (newHeight == undefined) {
      if (Display(d) != 'none' && Display(d) != '') {
         return d.offsetHeight;
      }
      viz = d.style.visibility;
      d.style.visibility = 'hidden';
      o = Display(d);
      Display(d, 'block');
      r = parseInt(d.offsetHeight);
      Display(d, o);
      d.style.visibility = viz;
      return r;
   }
   else {
      d.style.height = newHeight;
   }
}




function SlideAccordion(divOpening, divClosing, maxHeight) {
   var v = 0;
   var newHeightOpening = 0;
   var newHeightClosing = 0;

   if (divOpening != undefined) {
      dOpening = $(divOpening);
      var temp = dOpening.t;
      if (Height(dOpening) < maxHeight) {
         v = Math.round((maxHeight - Height(dOpening)) / s);
         v = (v < 1) ? 1 : v;
         newHeightOpening = (Height(dOpening) + v);
         Height(dOpening, newHeightOpening + 'px');
         if (divClosing != undefined) {
            dClosing = $(divClosing);
            newHeightClosing = (Height(dClosing) - v);
            Height(dClosing, newHeightClosing + 'px');
         }
      }
      else {
         clearInterval(dOpening.t);
         if (scroll) {
            dOpening.style.overflow = "auto";
         }
         if (divClosing != undefined) { Height(dClosing, 0); }
         Height(dOpening, maxHeight);
         BlockAccordion = false;
      }
   }
   else if (divClosing != undefined) {
      dClosing = $(divClosing);
      if (Height(dClosing) > 0) {
         v = Math.round(Height(dClosing) / s);
         v = (v < 1) ? 1 : v;
         newHeightClosing = (Height(dClosing) - v);
         Height(dClosing, newHeightClosing + 'px');
         if (divOpening != undefined) {
            dOpening = $(divOpening);
            newHeightOpening = (Height(dOpening) + v);
            Height(dOpening, newHeightOpening + 'px');
         }
      }
      else 
      {
         clearInterval(dClosing.t);
         Height(dClosing, 0);
         if (divOpening != undefined) 
         {
            Height(dOpening, maxHeight);
            if (scroll) {
               dOpening.style.overflow = "auto";
            }
         }
         BlockAccordion = false;
      }
      
   }



}


function SetSlideTimer(divOpening, divClosing, maxHeight) {

   //first time no accordioncontent is open jet.
   if ((divOpening != undefined) && (divClosing != undefined)) {
      clearInterval(divOpening.t);
      divOpening.t = setInterval('SlideAccordion("' + divOpening.id + '","' + divClosing.id + '","' + maxHeight + '")', t);

   }
   else if (divOpening != undefined) {
      clearInterval(divOpening.t);
      divOpening.t = setInterval('SlideAccordion("' + divOpening.id + '",undefined,"' + maxHeight + '")', t);

   }
   else if (divClosing != undefined) {
      clearInterval(divClosing.t);
      divClosing.t = setInterval('SlideAccordion(undefined,"' + divClosing.id + '","' + maxHeight + '")', t);
   }
}






function QueueHas(itemNumber) {
   for (var i = 0; i < QueueItemNumbers.length; i++) {
      if (QueueItemNumbers[i] == itemNumber) {
         return true;

      }
   }
   return false;
}


function AccordionOverStratech(itemNumber) {
   doBlocking = true;
   scroll = false;
   AccordionChanging(itemNumber, '65', "", true, false);
}

//function AccordionClickProduct(itemNumber, color) {
//   doBlocking = false;
//   scroll = true;
//   AccordionChanging(itemNumber, '337', color, false, true);
//}

function AccordionClickProduct(itemNumber, color,maxHeight) {
   if (maxHeight == undefined) {
      maxHeight = '337';
   }
   doBlocking = false;
   scroll = true;
   AccordionChanging(itemNumber, maxHeight, color, false, true);
}

function AccordionOverProduct(itemNumber, color) {
   var d = $('AccordionHeader' + itemNumber);
   if (d) {
      d.className = "AccordionHeaderSoftware " + color;
   }
}
function AccordionLeaveProduct(itemNumber) {
   var d = $('AccordionHeader' + itemNumber);
   if (d != SelectedHeader) {
      d.className = "AccordionHeaderSoftware ";
   }
}

function AccordionClickDownload(itemNumber) {
   doBlocking = false;
   scroll = true;
   AccordionChanging(itemNumber, '337', false, true);
}





function AccordionChanging(itemNumber, maxh, color) {
   var d = $('AccordionContent' + itemNumber);
   var push = false;

   All_Accordion_In(itemNumber);
   switch (itemNumber) {
      case "1":
         if ($('divAccordionHeaderImage1')) {
            $('divAccordionHeaderImage1').style.backgroundImage = "url(/images/recreatie_keuze_over.jpg)";
         }
         break;
      case "2":
         if ($('divAccordionHeaderImage2')) {
            $('divAccordionHeaderImage2').style.backgroundImage = "url(/images/logistiek_keuze_over.jpg)";
         }
         break;
      case "3":
         if ($('divAccordionHeaderImage3')) {
            $('divAccordionHeaderImage3').style.backgroundImage = "url(/images/publiek_keuze_over.jpg)";
         }
         break;
      default:
         break;

   }
   if (d == SelectedAccordion && (!doBlocking) && (!BlockAccordion)) {

      if ($('pijl_dicht' + itemNumber)) {
         $('pijl_dicht' + itemNumber).style.display = "inline";
         $('pijl_open' + itemNumber).style.display = "none";
      }
      if (SelectedAccordion) {
         BlockAccordion = true;
         SelectedAccordion.style.overflow = "hidden";
         SetSlideTimer(undefined, SelectedAccordion, maxh);
         //cl(SelectedAccordion, maxh);
      }
      SelectedAccordion = null;
      SelectedHeader = null;
   }
   else if (d != SelectedAccordion && (!BlockAccordion)) {
      //All_Accordion_In();
      if ($('pijl_dicht' + itemNumber)) {
         $('pijl_dicht' + itemNumber).style.display = "none";
         $('pijl_open' + itemNumber).style.display = "inline";
      }
      BlockAccordion = true;
      AccordionCounter = 0;
      //$('AccordionContent'+itemNumber).className = "AccordionContentOut";
      d.style.overflow = "hidden";
      SetSlideTimer(d, SelectedAccordion, maxh);
      if (SelectedAccordion) {
         SelectedAccordion.style.overflow = "hidden";
         //cl(SelectedAccordion, maxh);
      }
      SelectedAccordion = d;
      if (color != "" && color != undefined) {
         if (SelectedHeader) {
            SelectedHeader.className = "AccordionHeaderSoftware";
         }
         SelectedHeader = $('AccordionHeader' + itemNumber);
         SelectedHeader.className = "AccordionHeaderSoftware " + color;
      } //All_Accordion_In();
      if ($('imageHeaderOver' + itemNumber)) {
         $('imageHeaderOver' + itemNumber).style.display = 'block';
         $('imageHeaderOut' + itemNumber).style.display = 'none';
      }
      //$('divAccordionHeaderImage' + i).style.display = 'block';
      if (itemNumber < 5) {
      ShowText(itemNumber);
      }
   }
   else if (d != SelectedAccordion && doBlocking) {
      if (QueueItemNumbers.length == 0) {
         push = true;
      }
      else if (!QueueHas(itemNumber) && QueueItemNumbers.length < 3) {
         push = true;
      }
      if (push) {
         QueueItemNumbers.push(itemNumber);
      }
   }


}

function ShowText(itemNumber) {
   //alert('in showtext');
   if ($('ctl00_ctl00_ContentPlaceHolderRight_AccordionText1')) {
      $('ctl00_ctl00_ContentPlaceHolderRight_AccordionText1').style.display = 'none';
      $('ctl00_ctl00_ContentPlaceHolderRight_AccordionText2').style.display = 'none';
      $('ctl00_ctl00_ContentPlaceHolderRight_AccordionText3').style.display = 'none';
      $('ctl00_ctl00_ContentPlaceHolderRight_AccordionText4').style.display = 'none';
      if ($('ctl00_ctl00_ContentPlaceHolderRight_AccordionText' + itemNumber)) {
      $('ctl00_ctl00_ContentPlaceHolderRight_AccordionText' + itemNumber).style.display = 'block';
      } 
      SelectedText = $('ctl00_ctl00_ContentPlaceHolderRight_AccordionText' + itemNumber);
   }

}

function All_Accordion_In(itemNumber) {
   if ($('divAccordionHeaderImage1') && itemNumber != "1") {
      $('divAccordionHeaderImage1').style.backgroundImage = "url(/images/recreatie_keuze.jpg)";
      //$('divAccordionHeaderImage' + i).style.display = 'block';
   }
   if ($('divAccordionHeaderImage2') && itemNumber != "2") {
      $('divAccordionHeaderImage2').style.backgroundImage = "url(/images/logistiek_keuze.jpg)";
      //$('divAccordionHeaderImage' + i).style.display = 'block';
   }
   if ($('divAccordionHeaderImage3') && itemNumber != "3") {
      $('divAccordionHeaderImage3').style.backgroundImage = "url(/images/publiek_keuze.jpg)";
      //$('divAccordionHeaderImage' + i).style.display = 'block';
   }
   for (var i = 1; i < 16; i++) {
      if ($('imageHeaderOver' + i)) {
         $('imageHeaderOver' + i).style.display = 'none';
         $('imageHeaderOut' + i).style.display = 'block';
      }

      if ($('pijl_dicht' + i)) {
         $('pijl_dicht' + i).style.display = "inline";
         $('pijl_open' + i).style.display = "none";
      }
      //      if (i == 4) {
      //         ShowText('4');
      //      }
   }



}