﻿
$(document).ready(function() {

  //$(".accordion h3:first").addClass("active");
  $(".accordion p:not(:first)").hide();

  $(".accordion h3").click(function() {
    $(this).next("p").slideToggle("slow")
		.siblings("p:visible").slideUp("slow");
    $(this).toggleClass("active");
    $(this).siblings("h3").removeClass("active");
  });

});


var ScrollTimerID = 0;
var ScrollTo = 0;
var ScrollSpeed = 5;
var WillScroll = 185;

function ScrollR(DivID) {
  clearTimeout(ScrollTimerID);
  var Div3 = document.getElementById(DivID);

  var sScroll = Div3.scrollLeft;
  var aScroll = Div3.scrollWidth - Div3.clientWidth;
  if (parseInt(WillScroll + sScroll) >= aScroll) {
    ScrollTo = aScroll;
  }
  else {
    ScrollTo = parseInt(WillScroll + sScroll);
  }
  ScrollSlide(DivID, 1);
}

function ScrollL(DivID) {
  clearTimeout(ScrollTimerID);
  var Div3 = document.getElementById(DivID);

  var sScroll = Div3.scrollLeft;
  var aScroll = 0;
  if (parseInt(sScroll - WillScroll) <= aScroll) {
    ScrollTo = aScroll;
  }
  else {
    ScrollTo = parseInt(sScroll - WillScroll);
  }
  ScrollSlide(DivID, 2);
}

function ScrollSlide(DivID, sSide) {
  var Div3 = document.getElementById(DivID);
  var imgCatL = document.getElementById(DivID + 'L');
  var imgCatR = document.getElementById(DivID + 'R');

  var sScroll = Div3.scrollLeft;
  var aScroll = Div3.scrollWidth - Div3.clientWidth;
  if (sSide == 1) {
    if ((ScrollSpeed + sScroll) >= ScrollTo) {
      Div3.scrollLeft = ScrollTo;
      clearTimeout(ScrollTimerID);
    }
    else {
      Div3.scrollLeft = parseInt(ScrollSpeed + sScroll);
      ScrollTimerID = setTimeout("ScrollSlide('" + DivID + "'," + sSide + ")", 1);
    }
    if (Div3.scrollLeft >= aScroll) {
      imgCatL.style.display = '';
      imgCatR.style.display = 'none';
    }
    else {
      imgCatL.style.display = '';
      imgCatR.style.display = '';
    }
  }
  else {
    aScroll = 0;
    if ((sScroll - ScrollSpeed) <= ScrollTo) {
      Div3.scrollLeft = ScrollTo;
      clearTimeout(ScrollTimerID);
    }
    else {
      Div3.scrollLeft = parseInt(sScroll - ScrollSpeed);
      ScrollTimerID = setTimeout("ScrollSlide('" + DivID + "'," + sSide + ")", 1);
    }
    if (Div3.scrollLeft <= aScroll) {
      imgCatL.style.display = 'none';
      imgCatR.style.display = '';
    }
    else {
      imgCatL.style.display = '';
      imgCatR.style.display = '';
    }
  }
}

function LoadAM(DivID) {
  clearTimeout(ScrollTimerID);
  var Div3 = document.getElementById(DivID);

  if (Div3.scrollWidth == Div3.clientWidth) {
    var imgCatR = document.getElementById(DivID + 'R');
    imgCatR.style.display = 'none';
  }
  else {
    var imgCatR = document.getElementById(DivID + 'R');
    imgCatR.style.display = '';
    //LoadAM(DivID);
    //ScrollR(DivID);
  }
}

function ShowSub(id, show) {
  var sub = document.getElementById(id);
  if (show == 1) {
    sub.style.display = 'block';
  } else {
    sub.style.display = 'none';
  }
}

function UpdatePanel(Panel, Link) {
  if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
  }
  else {// code for IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.open("GET", Link, false);
  xmlhttp.send();
  //var xmlDoc = xmlhttp.responseText;
  document.getElementById(Panel).innerHTML = xmlhttp.responseText;

}

function UpdateLogInInfo() {
  UpdatePanel('UpdatePanel1', '../Pages/UpdatePanel1.aspx');
  UpdatePanel('UpdatePanel2', '../Pages/UpdatePanel2.aspx');

}



function AddToCart(PID, q, s){//,inStock) {
    if (q == 0) { q = document.getElementById('qty').value;}
//    if(inStock<q){
//        if(inStock<=0){
//            alert('this item is Out Of Stock. Please check back soon!');
//        }else{
//            alert('The quantity you added, is more than its available.');
//            OpenCartPopUp(PID,inStock);
//        }
//    }else{
        OpenCartPopUp(PID, q);
//    }
}

//function AddToCart(PID, q, s) {
//  //alert('s');
//  if (q == 0) { q = document.getElementById('qty').value; }
//  var cl = '../Pages/MyCartPopUp.aspx?AddID=' + PID
//  cl += '&q=' + q
//  //cl += '&s=' + s
//  Shadowbox.open({
//    content: cl,
//    player: "iframe",
//    title: "My Cart",
//    height: 540,
//    width: 467,
//    options: {
//      modal: false, // <-- this is actually the default!
//      onClose: function() { CartPopUpClose(); }
//    }
//  });
//}

function CartPopUpClose() {
  //javascript: __doPostBack('ctl00$lbtnUpdate', '');
  UpdateLogInInfo();
}

function initShadowbox() {
  Shadowbox.init({
    skipSetup: true,
    players: ["iframe", "img"],
    //            overlayColor: "#7897BA",
    autoDimensions: true,
    continuous: true,
    counterType: "skip",
    counterLimit: 50
  });
}

function initShadowbox2() {
  Shadowbox.init({
    //skipSetup: true,
    players: ["iframe", "img"],
    //            overlayColor: "#7897BA",
    autoDimensions: true,
    continuous: true,
    counterType: "skip",
    counterLimit: 50
  });
}


function Focus(objname, waterMarkText) {
  obj = document.getElementById(objname);
  if (obj.value == waterMarkText) {
    obj.value = "";
    obj.className = "";
  }
}

function Blur(objname, waterMarkText) {
  obj = document.getElementById(objname);
  if (obj.value == "") {
    obj.value = waterMarkText;
    obj.className = "ss";
  }
  else {
    obj.className = "";
  }
}
var ClickedID = 'n';
var ClickedNow = '0';

function OpenQinfoPopUp2() {
  //alert('2');
  var aClk = document.getElementById('qinfo_clk');
  OpenPopUp(aClk);
}

function OpenCartPopUp2(Msg) {
  //alert('2');
  var aClk = document.getElementById('cart1_clk');
  OpenPopUp(aClk);
  if(String(Msg).length>0){
    alert(Msg);
  }
}

function OpenQuotePopUp2(){
  var aClk = document.getElementById('quote1_clk');
  OpenPopUp(aClk);
}

function OpenPopUp(clk) {
//alert('Popup open Start ' + ClickedID);
  if (!ClickedID) { ClickedID = 'n'; }
  ClickedNow = '1';
  var id = clk.id
  var iLen = String(id).length;
  var opnid = String(id).substring(0, iLen - 3) + 'opn';
  var opn = document.getElementById(opnid);
  var dply = opn.style.display;
  if (dply == 'none') {
    if (!(ClickedID == 'n')) {
      var clk2 = document.getElementById(ClickedID);
      ClickedID = 'n';
      OpenPopUp(clk2);
      ClickedNow = '1';
    }
    opn.style.display = '';
    ClickedID = id;
  }
  else {
    opn.style.display = 'none';
    ClickedID = 'n';
    ClickedNow = '0';
  }
  //alert(opn.style.display);
}

function ClosePopUp(id) {
  var clk = document.getElementById(id);
  OpenPopUp(clk);
  /*var iLen = String(id).length;
  var opnid = String(id).substring(0, iLen - 3) + 'opn';
  var opn = document.getElementById(opnid);
  opn.style.display = 'none';*/
}

function ClickedAway() {
  //alert('bdy ' + ClickedID);
  if (!(ClickedID == 'n')) {
    if (ClickedNow == '2') {
      var clk = document.getElementById(ClickedID);
      OpenPopUp(clk);
    }
    if (ClickedNow == '1') { ClickedNow = '2'; }
  }
}

function initImage() {
  var imgHolder = document.getElementById('bannerholder');
  var imgs = imgHolder.getElementsByTagName('img');

  var image = imgs.item(0);
  var imageId = image.id;
  //setOpacity(image, 100);
  image.style.visibility = 'visible';
  image.style.display = '';
  image.style.zIndex = '100';
  //nfadeIn(imageId, 0);
  nextImgId = window.setTimeout("nnextImage()", 12000);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100) ? 99.999 : opacity;
  // IE/Win
  obj.style.filter = "alpha(opacity:" + opacity + ")";
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity / 100;
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity / 100;
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity / 100;
}

var ci = 0;
var oi = 2;
var nextImgId = 0;
var fadeID = 0;
function nfadeIn(objId, opacity) {
  clearTimeout(fadeID);
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      if (ie == 1) {
        opacity += 5;
      } else {
        opacity += 1;      
      }
      fadeID = window.setTimeout("nfadeIn('" + objId + "'," + opacity + ")", 0);
    }
    else {
      //document.getElementById('bannerlink').href = obj.getAttribute("img-url");
      //document.getElementById('bnrul').className = 'actv' + (ci + 1);
      oi = ci;
      clearTimeout(nextImgId);
      nextImgId = window.setTimeout("nnextImage()", 5000);
    }
    if (opacity == 50) {
      document.getElementById('bannerlink').href = obj.getAttribute("img-url");
      document.getElementById('bnrul').className = 'actv' + (ci + 1);
    }
  }
}

function moveToIMg(img) {
  clearTimeout(fadeID);
  clearTimeout(nextImgId);
  oi = ci;
  ci = img;
  nnextImage();
}

function pnextImage() {
  clearTimeout(fadeID);
  clearTimeout(nextImgId);
  var imgHolder = document.getElementById('bannerholder');
  var imgs = imgHolder.getElementsByTagName('img');
  var imgCount = imgs.length - 1;
  oi = ci;
  if (ci == 1) {
    ci = imgCount
  } else if (ci == 0) {
    ci = imgCount - 1;
  } else {
    ci = ci - 2;
  }
  nnextImage();
}

function nnextImage() {
  clearTimeout(fadeID);
  clearTimeout(nextImgId);
  var imgHolder = document.getElementById('bannerholder');
  var imgs = imgHolder.getElementsByTagName('img');
  var imgCount = imgs.length - 1;
  if (imgCount > 0) {
    //var oi = ci;
    if (ci >= imgCount) {
      ci = 0;
    }
    else {
      ci = ci + 1;
    }
    for (i = 0; i <= imgs.length - 1; i++) {
      if (i == ci) {
        setOpacity(imgs.item(i), 0);
        imgs.item(i).style.visibility = 'visible';
        imgs.item(i).style.display = '';
        imgs.item(i).style.zIndex = '100';
      }
      else if (i == oi) { imgs.item(i).style.zIndex = '50'; }
      else { imgs.item(i).style.zIndex = '25'; }
    }
    nfadeIn(imgs.item(ci).id, 0);
  }
}



