// execute your scripts when DOM is ready. this is a good habit 
$(function() {         

	// initialize scrollable  
	
	$("div.scrollable.commercial").scrollable({
		size: 1,
		naviItem: "li",
		navi: ".product_tabs.hardware",
		clickable: false,
		nextPage: "#nextHardware",
		prevPage: "#prevHardware"
	});
	
	$("div.scrollable.green-monitoring").scrollable({
		size: 1,
		naviItem: "li",
		navi: ".product_tabs.green-monitoring",
		clickable: false,
		nextPage: "#nextGreen",
		prevPage: "#prevGreen"
	});	
	
	$("div.scrollable.hardware").scrollable({
		size: 1,
		naviItem: "li",
		navi: ".product_tabs.hardware",
		clickable: false,
		nextPage: "#nextHardware",
		prevPage: "#prevHardware"
	});  

	$("div.scrollable.software").scrollable({
		size: 1,
		naviItem: "li",
		navi: ".product_tabs.software",
		clickable: false,
		nextPage: "#nextSoftware",
		prevPage: "#prevSoftware"
	}); 
	
	$("div.scrollable.technology").scrollable({
		size: 1,
		naviItem: "li",
		navi: ".product_tabs.technology",
		clickable: false,
		nextPage: "#nextTechnology",
		prevPage: "#prevTechnology"
	}); 
	
	$("div.scrollable.displays").scrollable({
		size: 1,
		naviItem: "li",
		navi: ".product_tabs.displays",
		clickable: false,
		nextPage: "#nextDisplays",
		prevPage: "#prevDisplays"
	}); 
	
	$("#content a[rel]").overlay(function(){

		// grab wrapper element inside content 
		var iframe = this.getContent().find("iframe"); 
		
		var link = this.getTrigger().attr("href") ;
		
		iframe.attr("src", link);
		
	}); 

});

var view_config = {
	change_config: function(slct){

		var div = $("#example_configs");

		div.fadeTo(500, 0.7, function() {
			div.attr("class",slct.value);

			div.fadeTo(500, 1);
		});

	}
};

var project = {
	swap: function(tab) {
		if(tab == "software") {
			$("#hardwareWrapper").css("display", "none");
			$("#softwareWrapper").css("display", "block");
			$("#top_tabs .hardware").removeClass("active");
			$("#top_tabs .software").addClass("active");
		} else if(tab == "hardware") {
			$("#hardwareWrapper").css("display", "block");
			$("#softwareWrapper").css("display", "none");
			$("#top_tabs .hardware").addClass("active");
			$("#top_tabs .software").removeClass("active");
		} else if (tab == "displays") {
			$("#technologyWrapper").css("display", "none");
			$("#displaysWrapper").css("display", "block");
			$("#top_tabs .technology").removeClass("active");
			$("#top_tabs .displays").addClass("active");
		} else if (tab == "technology") {
			$("#technologyWrapper").css("display", "block");
			$("#displaysWrapper").css("display", "none");
			$("#top_tabs .technology").addClass("active");
			$("#top_tabs .displays").removeClass("active");
		}
	}
};