$(document).ready(function(){
  tooltip();
  imagePreview();
  screenshotPreview();
  $('#specContainer').hide();
  $(function() {
		$("#specContainer").draggable();
	});
  $(".specpop").click(function(){
	  $("#specContainer").fadeIn();
    $("#specContainer").center({
      vertical: false // only vertical
    });
		return false;
	});
  $(".specpush").click(function(){
	  $("#specContainer").fadeOut();
		return false;
	});
  $('#slideshow').cycle({
    fx:     'scrollDown',
    speed:  1000,
    timeout: 0,
    pager:  '#nav2',
    pagerAnchorBuilder: function(idx, slide) {
        // return selector string for existing anchor
        return '#nav2 li:eq(' + idx + ') a';
    }
});
$('#slideright').cycle({
    fx:   'scrollDown',
    speed: '2000',
    pause: 1,
    timeout: '7000'
});

  var d=document;
  var activeLI = 0;
  var currentLI = 0;
  var zInterval = null;
  var SLIDE_STEP = 10;		// # of pixels to slide each step (higher is faster)
  var RESIZE_STEP = 5;	// # of pixels to resize each step (higher is faster)

  mObj = d.getElementById("navheader");
	liObj = mObj.getElementsByTagName("li");
	aObj = mObj.getElementsByTagName("a");

	for(i=0;i<liObj.length;i++) { // create mouseovers/mouseouts for the li's and the ul
		liObj[i].xid = i;
		liObj[i].onmouseover = function() { initSlide(this.xid); }
	}
	mObj.onmouseout = function() { initSlide(currentLI); }

	// create the slider object
	slideObj = mObj.appendChild(d.createElement("div"));
	slideObj.id = "slidersowa";

	// position the slider over the current li
	initActive();
	x = liObj[activeLI].offsetLeft;
	y = liObj[activeLI].offsetTop-3;
	slideObj.style.top = y + "px";
	slideObj.style.left = x + "px";
	slideObj.style.width = liObj[activeLI].offsetWidth + "px";

  function initActive() { // discover the current tab by comparing anchor hrefs to the window href
    for(i=0;i<liObj.length;i++) {
      if(liObj[i].className == "active") {
        activeLI = currentLI = i;
      }
    }
  }

  function initSlide(objIndex) {
    if(objIndex == activeLI)return;
    clearInterval(zInterval);
    activeLI = objIndex;
    destX = liObj[activeLI].offsetLeft;		// the desination location
    destW = liObj[activeLI].offsetWidth;	// the destination size
    intervalMethod = function() { doSlide(destX); }
    zInterval = setInterval(intervalMethod,10);
  }

  function doSlide(dX) { // move the slider div
    x = slideObj.offsetLeft;
    if(x+SLIDE_STEP<dX) {
      // if the x-value is less than its destination, move it to the right
      x+=SLIDE_STEP;
      slideObj.style.left = x + "px";
      doResize(destW);
    } else if (x-SLIDE_STEP>dX) {
      // if the x-value is more than its destination, move to the left
      x-=SLIDE_STEP;
      slideObj.style.left = x + "px";
      doResize(destW);
    } else  {
      // if the div is within SLIDE_STEP pixels, move it to the proper location
      slideObj.style.left = dX + "px";
      slideObj.style.width = destW +"px";
      clearInterval(zInterval);
      zInterval = null;
    }
  }

  function doResize(dW) { // resize the slider div -- similar in execution to doSlide
    w = slideObj.offsetWidth;
    if (slideObj.offsetWidth!=dW) {
      if (w+RESIZE_STEP<dW) {
        w+=RESIZE_STEP;
        slideObj.style.width = w + "px";
      } else if (w-RESIZE_STEP>dW) {
        w-=RESIZE_STEP;
        slideObj.style.width = w + "px";
      } else {
        slideObj.style.width = dW + "px";
      }
    }
  }

	$("#panel1").hide();
	$("#panel2").hide();
	$("#panel3").hide();

    $(".slide1").click(function(){
        $("#panel1").slideToggle("slow");
		$(".btn-slide1").toggleClass("active");
        return false;
    });

    $(".slide2").click(function(){
        $("#panel2").slideToggle("slow");
		$(".btn-slide2").toggleClass("active");
        return false;
    });

    $(".slide3").click(function(){
        $("#panel3").slideToggle("slow");
		$(".btn-slide3").toggleClass("active");
        return false;
    });
    $("#extruderLeft").buildMbExtruder({
        position:"left",
        flapDim:140,
        width:300,
        extruderOpacity:.8,
        onClose:function(){},
        onContentLoad: function(){}
      });
    $("#extruderLeft1").buildMbExtruder({
      position:"left",
      width:300,
      flapDim:140,
      extruderOpacity:.8,
      onClose:function(){},
      onContentLoad: function(){}
    });
    $("#extruderLeft2").buildMbExtruder({
      position:"left",
      width:300,
      flapDim:140,
      extruderOpacity:.8,
      onClose:function(){},
      onContentLoad: function(){}
    });
 });