﻿// Accordion.js
// Javascript Behaviour for the AccordionBehaviour Control
// Copyright (c) by Matthias Hertel, http://www.mathertel.de
// This work is licensed under a BSD style license. See http://www.mathertel.de/License.aspx
// ----- 
// 13.05.2007 created by Matthias Hertel
var AccordionMainInside = {
  timer: null, // reference to the timer used for the transitions
  
  // ----- Events -----
  onclick: function (evt) {
    evt = evt || window.event;
    if (this.timer == null)
      this.SlideOpen(evt);
  }, // onclick
  // ----- Methods -----
  
  // setup the timer and start the size transitions
  SlideOpen: function (evt) {
    evt = evt || window.event;
    var h, c, obj = evt.srcElement;

    // search the HEADER
    while ((obj != null) && (obj != this) && (obj.id != "divMainHead") && (obj.id != "divMainHeadJ") && (obj.id != "divMainHeadJAuc"))
      obj = obj.parentNode;
      if (obj != null)
      {
        h = obj;
      }
             if(obj.id == "divMainHeadJ")
             {
                obj.style.background = "url(../../../../Resource/Images/Arrow/innerpage_selected.gif)";
                var parentElement = document.getElementById("lnkArt");
                parentElement.style.background = "url(../../../../Resource/Images/Arrow/inner_arrow.gif)";
                var parentElement = document.getElementById("divContainingAllJewelry");
                parentElement.style.display="block";
                var parentElement = document.getElementById("divContainingAllArt");
                parentElement.style.display="none";
                var parentElement = document.getElementById("accordion_leftMenuJ");
                parentElement.style.display="block";
             }
             if(obj.id == "divMainHead")
             {
                var parentElement = document.getElementById("lnkArt");
                parentElement.style.background = "url(../../../../Resource/Images/Arrow/innerpage_selected.gif)";
                
                var parentElement = document.getElementById("divMainHeadJ");
                if(parentElement != null)
                {
                    parentElement.style.background = "url(../../../../Resource/Images/Arrow/inner_arrow.gif)";
                }
                else
                {
                    var parentElement = document.getElementById("lnkJewelry");
                    parentElement.style.background = "url(../../../../Resource/Images/Arrow/inner_arrow.gif)";
                }
                
                
                var parentElement = document.getElementById("divContainingAllArt");
                parentElement.style.display="block";
                var parentElement = document.getElementById("divContainingAllJewelry");
                parentElement.style.display="none";
                var parentElement = document.getElementById("accordion_leftMenuJ");
                parentElement.style.display="none";
             }
             
              if(obj.id == "divMainHeadJAuc")
             {
                var parentElement = document.getElementById("lnkJewelry");
                parentElement.style.background = "url(../../../../Resource/Images/Arrow/innerpage_selected.gif)";
                var parentElement = document.getElementById("lnkArt");
                parentElement.style.background = "url(../../../../Resource/Images/Arrow/inner_arrow.gif)";
                var parentElement = document.getElementById("divContainingAllJewelry");
                parentElement.style.display="block";
                var parentElement = document.getElementById("divContainingAllArt");
                parentElement.style.display="none";
                var parentElement = document.getElementById("accordion_leftMenuJ");
                parentElement.style.display="block";
             }
            

//      // adjustClassNames
//      var allElements = this.getElementsByTagName("div");
//      for (var n = 0; n < allElements.length; n++) {
//        var obj = allElements[n];
//        if ((obj.className == "VEACCORDIONHEADERACTIVE") && (obj != h))
//          obj.className = "VEACCORDIONHEADER";
//        if ((obj.className == "VEACCORDIONCONTENTACTIVE") && (obj != c))
//          obj.className = "VEACCORDIONCONTENT";
//      } // for
//    
//    
    
    
//    if(parentElement != this)
//      {
//         var allElements = parentElement.getElementsByTagName("div");
//         for (var n = 0; n < allElements.length; n++) {
//             var obj = allElements[n];
//             if((obj.className == "VEACCORDIONHEADERACTIVEMAIN") && (obj != h))
//             {
//                obj.className = "VEACCORDIONHEADERMAIN"
//                
//             }
//             if((obj.id == "AllLinks") && (obj != c))
//             {
//              obj.style.display="none";
//              obj.className = "BBB";
//             }
//             }
//     }
//     
//     var parentElement = document.getElementById("mainMenuLeftJ");
//    if(parentElement != this)
//      {
//         var allElements = parentElement.getElementsByTagName("div");
//         for (var n = 0; n < allElements.length; n++) {
//             var obj = allElements[n];
//             if((obj.className == "VEACCORDIONHEADERACTIVEMAIN") && (obj != h))
//             {
//                obj.className = "VEACCORDIONHEADERMAIN"
//             }
//             if((obj.id == "AllLinks") && (obj != c))
//             {
//              obj.style.display="none";
//              obj.className="AAA";
//             }
//             }
//     }
     
//	parentElement = document.getElementById("accordion_leftMenuJ");
//	if(parentElement != this)
//      {
//         
//        allElements = parentElement.getElementsByTagName("div");
//        for (var n = 0; n < allElements.length; n++) {
//         var obj = allElements[n];
//         if ((obj.className == "VEACCORDIONHEADERACTIVE"))
//         obj.className = "VEACCORDIONHEADER";
//         if ((obj.className == "VEACCORDIONCONTENTACTIVE"))
//         obj.className = "VEACCORDIONCONTENT";
//        }
//	}
//	parentElement = document.getElementById("accordion_leftMenuG");
//	if(parentElement != this)
//      {
//        allElements = parentElement.getElementsByTagName("div");
//         for (var n = 0; n < allElements.length; n++) {
//             var obj = allElements[n];
//             if ((obj.className == "VEACCORDIONHEADERACTIVE"))
//             obj.className = "VEACCORDIONHEADER";
//             if ((obj.className == "VEACCORDIONCONTENTACTIVE"))
//             obj.className = "VEACCORDIONCONTENT";
//         }
//     }
//      // start sliding...
//      //this.timer = window.setTimeout(this._resizeItem.bind(this), 5);
//      parentElement = document.getElementById("mainMenuLeft");
//      parentElement.timer = window.setTimeout(parentElement._resizeItem.bind(parentElement), 5);
//      parentElement = document.getElementById("mainMenuLeftJ");
//      parentElement.timer = window.setTimeout(parentElement._resizeItem.bind(parentElement), 5);
//      parentElement = document.getElementById("accordion_leftMenuG");
//      parentElement.timer = window.setTimeout(parentElement._resizeItem.bind(parentElement), 5);
//    } // if
  }, // SlideOpen
  
  
  _resizeItem: function (obj) {
    var allElements = this.getElementsByTagName("div");
    var isFinished = true;
    var delta;

    this.timer = null;

    for (var n = 0; n < allElements.length; n++) {
      var obj = allElements[n];
      if (obj.className == "AAA") {
        // enlarge
        delta = obj.scrollHeight - obj.offsetHeight;
        if (delta <= 0) {
          // nothing.
        } else if ((delta <= 2) && (delta > 0)) {
          // snap exactly
          obj.style.height = obj.offsetHeight + "px";
        } else {
          obj.style.height = Math.round(obj.offsetHeight + Math.max(2, Math.min(12, delta/3))) + "px";
          isFinished = false;
        } // if
          
      } else if (obj.className == "BBB") {
        // shrink
        delta = obj.offsetHeight;
        if (delta <= 0) {
          // nothing.
        } else if (delta <= 2) {
          // snap exactly
          obj.style.height = "0px";
        } else {
          obj.style.height = Math.round(obj.offsetHeight - Math.max(2, Math.min(12, delta/3))) + "px";
          isFinished = false;
        } // if
      }
    } // for
    if (! isFinished)
      this.timer = window.setTimeout(this._resizeItem.bind(this), 20);
  } // _resizeItem
} // AccordionBehaviour
// End
