glow.ready(function() {
    var carousel = new glow.widgets.Carousel("#carousel",{
        loop: true,
        size: 3
    });

    function createAnim(overlay, isShowing) {
      if (isShowing) {
        overlay.container.css("top", "-700px");
        return glow.anim.css(overlay.container, 0.5,
          {
            top: {from: "-700px", to: "20px"}
              },
              {tween: glow.tweens.easeIn()}
            );
      } else {
        return glow.anim.css(overlay.container, 0.5,
          {
            top: {to: "-700px"}
          },
          {tween: glow.tweens.easeIn()}
        );
      }
    }

    //start the countdown
    var overlayShowCountdown = 5;
    var currentId = "";

    //create overlay instance
    var myOverlay = new glow.widgets.Overlay("#imageOverlay", {
        modal: true
		//stopped animation as it wasnt working properly
        //anim: createAnim
    });

    //display overlay when show link is clicked
    glow.events.addListener(".largeImage", "click", function() {
        currentId = this.id;
		myOverlay.show();
        return false;
    });
	
	
	
    //update the overlay when it shows
    glow.events.addListener(myOverlay, "show", function() {
        switch (currentId) {
            case ("skf-iso"):
                this.content.get("img.lrgImg")[0].src = "images/bearings/skf-iso-lrg.jpg";
                break;
            case ("schaeffer-iso-1"):
                this.content.get("img.lrgImg")[0].src = "images/bearings/schaeffer-iso-certificate-lrg.jpg";
                break;
            case ("schaeffer-iso-2"):
                this.content.get("img.lrgImg")[0].src = "images/bearings/schaeffer-iso-certificate-lrg2.jpg";
                break;
            case ("fag-needle"):
                this.content.get("img.lrgImg")[0].src = "images/bearings/FAG-needle-and-calipers-lrg.jpg";
                break;
			case ("SKF-spherical-roller-bearing"):
				 this.content.get("img.lrgImg")[0].src = "images/bearings/SKF-spherical-roller-bearing-lrg.jpg";
				break;
            default:
                break;
        }
    });
});