$(document).ready(function() {
	
	$("#feature_link a, #ignite_link a").hover(function(){
		$(this).find("img").fadeIn().css("zoom", "");
	}, function(){
		$(this).find("img").fadeOut("slow");
	});
	
	$("#top_menu a").hover(function(){
		$(this).find("img").fadeIn().css("zoom", "");
	}, function(){
		$(this).find("img").fadeOut("slow");
	});
	
	$("table.comparison tr").hover(function(){
		$(this).find("td").addClass("noBG");
		$(this).find("img.checkmark").attr("src", "images/icon_accept_roll.gif");
	}, function(){
		$(this).find("td").removeClass("noBG");
		$(this).find("img.checkmark").attr("src", "images/icon_accept.gif");
	});
	
	var panelCount;
	panelCount = 1;
	
	$("#view_col h3").after("<ul></ul>");
	$(".process_preview").each(function(){
		var currentPanel;
		currentPanel = panelCount;
		$("#view_col ul").append("<li id=\"panel"+ panelCount +"\"><a href=\"javascript:void(0);\">"+ panelCount +"</a></li>");
		$("#view_col li#panel"+ panelCount +" a").click(function(){
			$(".process_next").hide();
			$(".process_getStarted").hide();
			$(".process_preview").hide();
			if (currentPanel != 3) {
				$("#process_preview"+currentPanel).fadeIn(500, function() {
					$(".process_next").fadeIn();
				});
			} else {
				$("#process_preview"+currentPanel).fadeIn(500, function() {
					$(".process_getStarted").fadeIn();
				});
			}
		});
		panelCount++;
	});
	panelCount = 1;

	$("p.process_next a").click(function() {
		if (panelCount == 4) {
			panelCount = 1;
		}
		var next_step;
		next_step = panelCount + 1;
		$("#view_col li#panel"+ next_step +" a").click();
		panelCount++;
	});
	
	$("a.imgZoom").fancybox({
		'zoomSpeedIn': 300,
		'zoomSpeedOut': 300,
		'overlayShow':	true,
		'overlayOpacity': .8
	});
	
	$("#content form .text_field").focus(function(){
		$(this).parent().css("background-color", "#222222");
		$(this).css({
			backgroundColor: "#111111",
			borderColor: "#15b3c8",
			color:"white"
		});
		$(this).prev("label").css("color", "#15b3c8");
	});
	$("#content form .text_field").blur(function(){
		$(this).parent().css({
			backgroundColor: "#111111",
			color:"#7d7e7f"
		});
		$(this).css({
			backgroundColor: "#222222",
			borderColor: "#444444",
			color:"#888888"
		});
		$(this).prev("label").css("color", "");
	});
	
	var sampleWidth = 0;
	var sampleCount = 0;
	var currentCount = 0;
	var numberShowing = 4;
	var sampleWrapper = 784;
	$("#sample_wrapper_inside").css("margin-left", 0);
	$("#sample_wrapper_inside a").each(function(){
		sampleWidth = (sampleCount+1)*196;
		sampleCount ++;
	});
	
	$("#sample_wrapper_inside").css("width", sampleWidth+30);
	if (currentCount >= 0) {
		$("#designSamples span.sample_next a").css("display", "none");
		$("#designSamples span.sample_next a.active").css("display", "block");
		$("#designSamples span.sample_prev a").css("display", "block");
		$("#designSamples span.sample_prev a.active").css("display", "none");
	} else {
		$("#designSamples span.sample_next a.active").css("display", "none");
		$("#designSamples span.sample_prev a.active").css("display", "none");
	}
	
	function checkCount() {
		if (currentCount == 0) {
			$("#designSamples span.sample_prev a").css("display", "block");
			$("#designSamples span.sample_prev a.active").css("display", "none");
		} else {
			$("#designSamples span.sample_prev a").css("display", "none");
			$("#designSamples span.sample_prev a.active").css("display", "block");
		}
	}
	
	$("#designSamples span.sample_next a.active").click(function(){
		if ((currentCount+numberShowing) < sampleCount) {
			$("#sample_wrapper_inside").animate({ "marginLeft": "-=196px" }, function(){
				currentCount++;
				checkCount();
			});
		} else {
			$("#sample_wrapper_inside").animate({ "marginLeft": 0 }, function(){
				currentCount = 0;
				checkCount();
			});
		}
	});
	
	$("#designSamples span.sample_prev a.active").click(function(){
		$("#sample_wrapper_inside").animate({ "marginLeft": "+=196px" }, function(){
			currentCount--;
			checkCount();
		});
	});
	
	
	$(".hide").hide();
	$(".title_note a").click(function() {
		$(this).parent().parent().next("div:visible").slideUp();
		$(this).parent().parent().next("div:hidden").slideDown();
		$(this).toggleClass("active");
		return false;
	});
	
	$("span.moreSpan").css({lineHeight:"14px", paddingTop:"6px"}).hide();
	var _color;
	$("a.more").parent().css("cursor", "pointer").toggle(function(){
		_color = $(this).css("color");
		$(this).find("a.more").html("-").parent().css("color", "#FFFFFF");
		$(this).find("span.moreSpan").slideDown().addClass("active");
	}, function() {
		$(this).find("a.more").html("+").parent().css("color", _color);
		$(this).find("span.moreSpan").slideUp().removeClass("active");
	});
	
	
	$("td.legend").hover(function(){
		var _title = $(this).find("a").attr("rel");
		if(_title) {
			var _text = $(this).html();
			$(this).html(_text+" <span><em>"+ _title +"</em></span>");
		}
	}, function() {
		$(this).find("span").remove();
	});
	$("td.legend a, a.more").click(function(){
		return false;
	});
	
});