/**
 * @author Chong Han Chua
 */

var contentWindow;
var contentFrame;
var flashApp;
var fresh = true;

$(document).ready(function() {
	var swfVersionStr = "10.0.0";
	var xiSwfUrlStr = "swf/playerProductInstall.swf";
	var flashvars = {
		bridgeName: "fluidVase"
	};

	var params = {};
	params.quality = "high";
	params.bgcolor = "#ffffff";
	params.allowscriptaccess = "sameDomain";
	params.allowfullscreen = "true";
	params.wmode = "transparent";

	var attributes = {};
	attributes.id = "FluidVase";
	attributes.name = "FluidVase";
	attributes.align = "middle";

	swfobject.embedSWF(
		"swf/FluidVase.swf", "swf-content", 
		"826", "478", 
		swfVersionStr, xiSwfUrlStr, 
		flashvars, params, attributes);
	swfobject.createCSS("#swf-content", "display:block;text-align:left;");

	FABridge.addInitializationCallback("fluidVase", movieReady);

	function movieReady() {
		flashApp = FABridge.fluidVase.root();
	}

	$(".main-menu-link").click(function(event){
		event.preventDefault();
		$(".main-menu-link").removeClass("active");
		var self = $(this);
		self.addClass("active");
		var target = self.attr("href").substr(1);
		if(target == "make"){
			fresh = false;
			if(flashApp && fresh) {
				flashApp.stop();
				flashApp.play();
			}
		}
		changePage(target);
	});

	$("#make-button").click(function(event) {
		event.preventDefault();
		$(".main-menu-link").removeClass("active");
		var make = $("#menu-make");
		make.addClass("active");
		changePage(make.attr("href").substr(1));
	});

	$("#logo").click(function(event) {
		event.preventDefault();
		$(".main-menu-link").removeClass("active");
		changePage("landing");	
	});

	$("#content-img").cycle({
		delay: 2000,
		speed: 500
	});
});

function changePage(pageId){
	var el = $("#" + pageId);
	var	height = parseInt(el.css("height"));
	contentWindow.css("height", height + 1);
	contentFrame.animate({
		top: -1 * el.position().top 
	},{
		duration: 700
	});
}

function javascript_buy(combination, frame) {
	$("#item_name").attr("value", "Fluid Vase Custom " + combination + " " + frame);
	$("#paypal").submit();
}

$(window).load(function() {	
	contentWindow = $("#content-window");
	contentFrame = $("#content-frame");
	contentFrame.css("position", "absolute");
	if(window.location.href.indexOf('?') != -1) {
		var target = window.location.href.slice(window.location.href.indexOf("?") + 1);
		if($("#" + target) != null){
			changePage(target);	
		}
	} else {
		var	height = $("#landing").css("height");
		contentWindow.css("height", height);	
	}
});