var twinkleTimer = null;
var twinkleSliderIndex = -1;
var twinkleSpeed = 2000;

$(document).ready(function () {

    $('#menubar li').hover(function () {             //show its submenu 
        $('ul', this).slideDown(100);
    },
       function () {             //hide its submenu 
           $('ul', this).slideUp(100);
       });

    $('#submenubar li').hover(function () {             //show its submenu 
        $('ul', this).slideDown(100);
    },
       function () {             //hide its submenu 
           $('ul', this).slideUp(100);
       });


    $(".HomeSliderList").hrzAccordion({
        containerClass: "container3",
        listItemClass: "listItem3",
        openOnLoad: -1,
        contentWrapper: "contentWrapper3",
        handlePositionArray: "right,right,right,right,right",
        contentInnerWrapper: "contentInnerWrapper3",
        handleClass: "handle3",
        handleClassOver: "handleOver3",
        handleClassSelected: "handleSelected3"


    });

    twinkleTimer = setTimeout("TwinkleSlider()", twinkleSpeed);

    $('div.handle3').mouseover(function () {
        if (twinkleSliderIndex >= 0) { $('#HomeSliderListHandle' + twinkleSliderIndex.toString()).removeClass('handleOver3'); }
        clearTimeout(twinkleTimer);
        twinkleSliderIndex = -1;
    });

});


function closeAll () {
    //debugger;
    $('#HomeSliderListContent0').animate({ width: "0px", opacity: "1" });
    $('#HomeSliderListContent1').animate({ width: "0px", opacity: "1" });
    $('#HomeSliderListContent2').animate({ width: "0px", opacity: "1" });
    $('#HomeSliderListContent3').animate({ width: "0px", opacity: "1" });
    $('#HomeSliderListContent4').animate({ width: "0px", opacity: "1" });
    $('#HomeSliderListContent5').animate({ width: "0px", opacity: "1" });

    $('#HomeSliderListHandle0').removeClass('handleSelected3');
    $('#HomeSliderListHandle1').removeClass('handleSelected3');
    $('#HomeSliderListHandle2').removeClass('handleSelected3');
    $('#HomeSliderListHandle3').removeClass('handleSelected3');
    $('#HomeSliderListHandle4').removeClass('handleSelected3');
    $('#HomeSliderListHandle5').removeClass('handleSelected3');



    $("#homeArrow0Left").css('display', 'none');
    $("#homeArrow0").css('display', 'inline');
    $("#homeArrow1Left").css('display', 'none');
    $("#homeArrow1").css('display', 'inline');
    $("#homeArrow2Left").css('display', 'none');
    $("#homeArrow2").css('display', 'inline');
    $("#homeArrow3Left").css('display', 'none');
    $("#homeArrow3").css('display', 'inline');
    $("#homeArrow4Left").css('display', 'none');
    $("#homeArrow4").css('display', 'inline');
    $("#homeArrow5Left").css('display', 'none');
    $("#homeArrow5").css('display', 'inline');

    twinkleTimer = setTimeout("TwinkleSlider()", twinkleSpeed);


     
}



TwinkleSlider =
    function () {

        if (twinkleSliderIndex >= 0) { $('#HomeSliderListHandle' + twinkleSliderIndex.toString()).removeClass('handleOver3'); }
        twinkleSliderIndex++;
        if (twinkleSliderIndex > $('ul.HomeSliderList div.handle3').size()) twinkleSliderIndex = 0;
        $('#HomeSliderListHandle' + twinkleSliderIndex.toString()).addClass('handleOver3');
        twinkleTimer = setTimeout("TwinkleSlider()", twinkleSpeed);

    }

    SwitchTriangle =
      function () {

          var TriangleNumber = 0;

          $('#homeslider div').each(function (index) {




              if ($(this).hasClass('handleSelected3') == true) {

                  var divID = $(this).attr('id');
                  TriangleNumber = divID.slice(-1);

              }



          });



          $('.arrow').each(function (index) {
              //debugger;
              var thisArrowNumber = $(this).attr('id').slice(-1);

              if (thisArrowNumber < TriangleNumber + 1) {
                  //debugger;
                  $("#homeArrow" + thisArrowNumber + "Left").css('display', 'none');
                  $("#homeArrow" + thisArrowNumber).css('display', 'inline');

              }
              else {

                  $("#homeArrow" + thisArrowNumber + "Left").css('display', 'inline');
                  $("#homeArrow" + thisArrowNumber).css('display', 'none');

              }


          })



      }