var TweenLite = require("TweenLite"),
	  SVGPath = require("../utils/SVGPath.js");

var specticles = $("#specticles"),
		bridge = $("#bridge"),
		lenses = $(".lense"),
		frameLeft = $("#frameLeft"),
		frameRight = $("#frameRight"),
		tl = new TimelineMax();

	$(".try-on-btn").on("mouseenter", function () {

		SVGPath.set(bridge, ["50%", "50%"]);
		SVGPath.set(lenses, ["50%", "50%"]);
		SVGPath.set(frameLeft, ["100%", "100%"]);
		SVGPath.set(frameRight, ["0%", "0%"]);

		SVGPath.to(bridge, 0.25, ["0%", "100%"], 0);
		SVGPath.to(lenses, 0.5, ["0%", "100%"], 0.25);
		SVGPath.to(frameLeft, 0.5, ["0%", "100%"], 0.5);
		SVGPath.to(frameRight, 0.5, ["0%", "100%"], 0.5);
	});