var bannerVis = "show",
	jr = null;

// make the AJAX call by passing the URL they were going to load (this should be root relative)
function callAjax(id) {
	// abort any uncompleted AJAX requests
	if( jr !== null ) jr.abort();

	if( id !== undefined && id.toString() !== "" ) {
		// show the loader
		$("#rightCol").html('<div id="loader" />');

		// add/remove the 'is-view' class to the body for individual product/technology views
		if( location.href.indexOf("/view") !== -1 ) {
			$("body").addClass("is-view");
		} else {
			$("body").removeClass("is-view");
		}

		// grab new data for the left nav, banner and rightCol
		jr = $.getJSON("/ajaxLoad/?url="+id, null, function(data) {
			// add a view in google analytics
			_gaq.push(["_trackPageview", id]);

			// update the page title
			if( typeof(data.pageTitle) === "string" && data.pageTitle !== "" ) {
				document.title = data.pageTitle;
			}

			// load the menu
			$("#leftCol").html(data.navData);

			// individual item, hide the banner image
			if( data.bannerImg === "" ) {
				if( bannerVis !== "hide" ) {
					$("#guideContainer").slideUp("slow");
					bannerVis = "hide";
				}
			// we have a banner image for this category
			} else {
				if( bannerVis === "hide" ) {
					$("#guideContainer").html(data.bannerImg).slideDown("slow");
					bannerVis = "show";
				} else {
					$("#guideContainer").html(data.bannerImg);
				}
			}

			// load the item data
			$("#rightCol").html(data.itemData);

			// reload iFrames
			reloadIframe();

			// recall cufon after new product title and sub-title are inserted
			Cufon.replace("h1#title, h2#subtitle, .quick-video span");

			// add lens scrolling if needed
			initLensScrolling();

			if( $("#also ul:first").hasClass("hide-group") ) {
				$("#also .listHeader").hide();
			}

			if (!$("#also ul:first").length)
			{
				$("#also .listHeader").hide();
			}


			// setup tab support on refresh
			$("#product-quick-tabs, #product-detail-tabs").tabs();
		});
	}
}

function ajaxUpdateURL(url) {
//	var sections = ["/products/", "/technology/","/pro/"];

//	// rewrite the URL with the #, we'll update the URL after we rewrite it
//	if( url.indexOf("/#/") === -1 ) {
//		// make sure the URL ends with a /
//		if( url.charAt(url.length - 1) !== "/" ) {
//			url += "/";
//		}

//		for(s in sections) {
//			// inject a # between the section and category portion of the URL
//			url = url.replace(sections[s], sections[s]+"#/");
//		}

		var newURL =  location.protocol + "//" + location.hostname + url;
//		//------------------------------- DEV STUFF -----------------------------------//
//		if( newURL.match("smith.tecture.net") != null ) {
//			newURL = newURL.replace("smith.tecture.net", "smith.tecture.net:8080");
//		} else if( newURL.match("smithqa.tecture.net") != null ) {
//			newURL = newURL.replace("smithqa.tecture.net", "smithqa.tecture.net:8080");
//		}

//		// update URL in browser
		window.location.href = newURL;
//	}
}

function ajaxPageLoad() {
	// strip out things we don't want (<protocol>//<hostname></#/>)
	var url = location.pathname + location.hash.replace("#/", "");

	// pass the URL to our normal event handler for clicks
	ajaxUpdateURL(url);

	// load AJAX content
	callAjax(url);
}

function reloadIframe() {
	if(typeof(loadIframe) === "function") {
		loadIframe();
	}
}

function regionChange(to, current) {
	switch(to) {
		case 'US':
			window.location = 'http://www.smithoptics.com?location=button';
		break;
		case 'CA':
			window.location = 'http://www.smithoptics.ca?location=button';
		break;
		default:
			window.location = 'http://www.smithoptics.com';
		break;
	}
}

var lensPositions = [];
function initLensScrolling() {
	var maxLensCount = 5,
		lensContainer = $("#also ul.active"),
		lensCount = lensContainer.children("li").length || 0,
		groupId = lensContainer.attr("id"),
		scrollDistance = lensContainer.children("li:first").outerHeight(true) || 100;
		// set the top position of the lens scroller to 0 if we don't have a value stored
		if( typeof(lensPositions[groupId]) === "undefined" ) {
			lensPositions[groupId] = 0;
		}

	// remove any other lens scroller arrows
	$("#lens-scroller").remove();

	// too many lenses, allow user to move the list up and down
	if( lensCount > maxLensCount ) {
		// add the scoller arrows and overlay
		var offset = maxLensCount * scrollDistance;
		// add the overlay
		if( $("#lens-scroller-overlay").length < 1 ) {
			$("#also ul").wrapAll('<div id="lens-scroller-overlay" style="height: '+offset+'px;"/>');
		}
		$("#lens-scroller-overlay").after('<div id="lens-scroller" style="top: '+(offset - 40)+'px;"><a id="lens-scroll-up" href="#"></a><br /><a id="lens-scroll-down" href="#"></a></div>');

		// scroll up handler
		$("#lens-scroll-up").click(function(e) {
			e.preventDefault();
			if( lensPositions[groupId] < 0 ) {
				lensContainer.animate({ top: "+="+scrollDistance }, 150);
				lensPositions[groupId] += scrollDistance;
			}
		});

		// scroll down handler
		$("#lens-scroll-down").click(function(e) {
			e.preventDefault();
			if( lensPositions[groupId] >= -(((lensCount-1) - maxLensCount) * scrollDistance) ) {
				lensContainer.animate({ top: "-="+scrollDistance }, 150);
				lensPositions[groupId] -= scrollDistance;
			}
		});
	}
}



$(function() {

	// loads iFrames
	reloadIframe();

	// open all external links in a popup window
	$("a[href^=http], a[href^=https], a.external").live("click", function(e) {
		var newDomain = location.protocol+"//"+location.hostname;
		// check just to make sure they aren't linking to this domain
		if( this.href.substr(0, newDomain.length) !== newDomain ) {
			e.preventDefault();
			var widthHeight = $(this).attr("rel").split("|"),
				windowWidth = widthHeight[0] || "800",
				windowHeight = widthHeight[1] || "600",
				popup_window = window.open(this.href, "smith_popup", "width="+windowWidth+", height="+windowHeight+", menubar=yes, scrollbars=yes, status=yes, toolbar=yes, resizable=yes");
		}
	});

	// handle AJAXable clicks (we filter a few types of links)
	$(".mainNav li:not(.lounge) a, .topNav li a:not(.no-ajax), .prodItem a:not(.prodPopup, .read-more, a[href^=http], a[href^=https], a.external)").live("click", function(e) {
		e.preventDefault();
		// IE adds the full path in some versions that we need to strip away
		var href = this.href.replace(location.protocol+"//"+location.hostname, "");
		ajaxUpdateURL(href);
	});

	// this fires when the URL changes, either via ajaxUpdateURL() or a back button click
	$(window).bind("hashchange", function(e) {
		// strip out things we don't want (<protocol>//<hostname></#/>)
		var url = location.pathname + location.hash.replace("#/", "");
		callAjax(url);
	});

	// toggle the feature overlay
	$("#tech-overlay").live("click", function(e) {
		e.preventDefault();
		$(".feature-overlay").toggle();
	});

	// handle frame color/lens combo clicks
	$("#color li a").live("click", function(e) {
		e.preventDefault();

		// clc-<frameColorId>-<defaultLensColorId>
		var IdParts = $(this).parent().attr("id").split("-");

		// clear the active class for the lenses and frame/lens combos
		$("#also ul, #also li a, #color li a").removeClass("active");

		// show the group of available lenses for this frame
		var groupId = "#also ul#lg-"+IdParts[1];
		$(groupId+", "+groupId+" li:first a").addClass("active");
		// show the header if the group is visible
		/*if( $(groupId).hasClass("hide-group") ) {
			$("#also .listHeader").hide();
		} else {
			$("#also .listHeader").show();
		}*/
		
		if (!$(groupId).length)
		{
			$("#also .listHeader").fadeOut(300);
		}else
		{
			$("#also .listHeader").fadeIn(400);
		}

		// highlight what they just clicked
		$(this).addClass("active");

		// add lens scrolling if needed
		initLensScrolling();
	
		// switch out the subtitle text with the new color/lens combo and refresh the cufon
		//$("h2#subtitle").html($(this).children("h3").html().replace("<br>", " ").trim());
		$("h2#subtitle").html($.trim($(this).children("h3").html().replace("<br>", " ")));
		Cufon.replace("h2#subtitle");

		// update the price
		$("#msrp").text($(this).children(".product-msrp").text());

		// update the hero image and enlarge image
		var enlargeImgPath = $(this).attr("href"),
			listingImgPath = enlargeImgPath.replace("_enlarge.jpg", "_listing.jpg").replace("D.jpg", "C.jpg"),
			listingAlt = $(this).children("img").attr("alt");
		$("#prodContainer .prodImg").attr({ src: listingImgPath, alt: listingAlt, title: listingAlt });
		$("#enlarge-image").attr({ href: enlargeImgPath }).removeAttr("onclick");
		// add the onclick handler
		var ewh = $(this).attr("rel").split("|") || [500,300];
		//if Available Change Product Description - TM
		if (ewh[2] != undefined)
		{
			$("#prodCopy").html(ewh[2]);
		}
		$("#enlarge-image").click(function(e) {
			e.preventDefault();
			TectureBox.render(enlargeImgPath, ewh[0], ewh[1], '');
		});
	});

	// handle lens color clicks
	$("#also li a").live("click", function(e) {
		e.preventDefault();

		// clear the active class for the lenses and frame/lens combos
		$("#also li a").removeClass("active");

		// highlight what they just clicked
		$(this).addClass("active");

		// switch out the subtitle .sub text with the lens color and refresh the cufon
		// $("h2#subtitle .sub").text($(this).children("h3").text().replace("<br>", " ").trim());
		$("h2#subtitle .sub").html($.trim($(this).children("h3").html().replace("<br>", " ")));
		Cufon.replace("h2#subtitle");

		// update the price
		$("#msrp").text($(this).children(".product-msrp").text());

		// update the hero image and enlarge image
		var enlargeImgPath = $(this).attr("href"),
			listingImgPath = enlargeImgPath.replace("_enlarge.jpg", "_listing.jpg"),
			listingAlt = $(this).children("img").attr("alt");
		$("#prodContainer .prodImg").attr({ src: listingImgPath, alt: listingAlt, title: listingAlt });
		$("#enlarge-image").attr({ href: enlargeImgPath }).removeAttr("onclick");
		// add the onclick handler
		var ewh = $(this).attr("rel").split("|") || [500,300];
		$("#enlarge-image").click(function(e) {
			e.preventDefault();
			TectureBox.render(enlargeImgPath, ewh[0], ewh[1], '');
		});
	});

	// run cufon on page load (we recall this when the text is changed)
	Cufon.replace("h1#title, h2#subtitle, .quick-video span");

	// add tab support on product pages
	$("#product-quick-tabs, #product-detail-tabs").tabs();

	$("#shopSmith a").live("click", function(e) {
		e.preventDefault();
		$("#shopSmith").toggleClass("show-shop");
			if ($("#shopSmith a img").attr("rel") != "exit")
		{
			$("#shopSmith a img").attr("src","images/btns/shop-smith-close.gif");			
			$("#shopSmith a img").attr("rel","exit");
		}else
		{
			$("#shopSmith a img").attr("src","images/btns/shop-smith.gif");
			$("#shopSmith a img").attr("rel","");		
		}
		$("#shop-smith-iframe").toggle();
	});

	// add smooth scrolling for links on an individual technology page
	$("#techLinks a").live("click", function(e) {
		e.preventDefault();
		$.scrollTo(this.hash, 750);
	});
	$("a.techTop").live("click", function(e) {
		e.preventDefault();
		$.scrollTo(0, 750);
	});

	// add the default text to the search input
	$("input[name='search']").toggleVal({
		populateFrom: "custom",
		text: "Product Search"
	});

	// add class to footer for region over state
	$("#region").hover(function() {
		$(this).addClass("region-on");
	}, function() {
		$(this).removeClass("region-on");
	});

	if( $("#contentWrapper").find("#storyboard").length > 0 ) {
		$("#storyboard ul#storyboard_slides").innerfade({
			speed: 1000,
			timeout: 3500,
			type: 'sequence',
			containerheight: 	'370px',
			slide_timer_on: 	'yes',
			slide_ui_parent: 	'storyboard_slides',
			slide_ui_text:      'null',
			pause_button_id: 	'pause_button',
			slide_nav_id:		'storyNav'
		});
		$.setOptionsButtonEvent();
	}

	// search box 
	$(".searchBox").click(function() {
		$(this).val('');
	});

	// quicklook hover
	$(".quickThumbs a").hover(function() {
		$(this).next("p").animate({opacity: "show", bottom: "50"}, "slow");
	}, function() {
		$(this).next("p").animate({opacity: "hide", bottom: "60"}, "fast");
	});

	var timeout = 200,
		closetimer = 0,
		ddmenuitem = 0;

	function mainNav_open() {
		mainNav_canceltimer();
		mainNav_close();
		ddmenuitem = $(this).find("ul").eq(0).css("visibility", "visible");
	}

	function mainNav_close() {
		if( ddmenuitem ) ddmenuitem.css("visibility", "hidden");
	}

	function mainNav_timer() {
		closetimer = window.setTimeout(mainNav_close, timeout);
	}

	function mainNav_canceltimer() {
		if( closetimer ) {
			window.clearTimeout(closetimer);
			closetimer = null;
		}
	}
	$(".mainNav > li").bind("mouseover", mainNav_open);
	$(".mainNav > li").bind("mouseout", mainNav_timer);
	document.onclick = mainNav_close;
});