FLT.init = function ()
{
	dojo.fadeOut({node: "viewport", duration: 1}).play();
	var sliderNav = new FLT.slider();
	sliderNav.init({
		container: 'section_navigation',
		duration: 750,
		width: 105,
		visible: 8,
		top: 0,
		trackState: true,
		hashPrefix: 'tech',
		setStateOn: '#technology_secondary_navigation a, #section_navigation ul a, #technology_footer_links a'
	});
	dojo.fadeIn({node: "viewport", duration: 1000}).play();
	
	
	
	
	
	// center the bar for the product section
	var productNavHolder = dojo.query ("#technology_secondary_navigation ul")[0];
	var productNav = dojo.query ("#technology_secondary_navigation ul li");
	var width = 0;
	dojo.forEach(productNav, 
		function(item){
			width += dojo.style(item, 'width');
			
			
		});
		
	dojo.style (productNavHolder, 'width', width + "px");

	
	FLT.createTooltip ("section_nav_electronic_ballast", "DALI Ballast");
	FLT.createTooltip ("section_nav_field_relay", "DALI Field Relay");
	FLT.createTooltip ("section_nav_relay_panel", "DALI Relay Panel");
	FLT.createTooltip ("section_nav_lighting_panel", "Lighting Control Panel");
	FLT.createTooltip ("section_nav_touch_screen", "Touch Screen");
	FLT.createTooltip ("section_nav_lighting_management", "Lighting Management Software");
	FLT.createTooltip ("section_nav_voip", "VOIP Telephone Software");
	FLT.createTooltip ("section_nav_mobile", "Mobile Software");
	FLT.createTooltip ("section_nav_pbmt", "Patient Bedside Multimedia Terminal");
	FLT.createTooltip ("section_nav_dali_multi_sensor", "DALI Multi-Sensor");
	FLT.createTooltip ("section_nav_dali_dimming_module", "DALI Dimming Module");
	FLT.createTooltip ("section_nav_cfl_ballast", "Dimmable Electronic CFL Ballast");

	
	dojo.create ();
}

FLT.createTooltip = function (idRef, labelText)
{
	// new dijit.Tooltip({
	// 	            connectId: [idRef],
	// 	            label: labelText,
	// 				position: "before"
	// 	        });
	var d = dojo;

	    d.query("." + idRef).forEach(function(n){

             var tt = d.place("<p class='technology_tooltip'>", d.body());

             d.style(tt, {
                     position:"absolute",
                     top:0, left:0,
                     opacity:0
             });

             var listener;
             var startListening = function(){
                     listener = d.connect(n, "mousemove", function(e){
                             tt.style.top = "267px";
                             tt.style.left = (e.pageX - (tt.offsetWidth/2)) + "px";
							
                     });
             }
				
				
             d.connect(n, "mouseenter", function(e){
                     tt.innerHTML = labelText;
                     d.anim(tt, { opacity:0.9 });
                     startListening();
             });
             d.connect(n, "mouseleave", function(e){
                     d.anim(tt, { opacity:0 }, null, null, function(){
                             d.disconnect(listener);
                     });
             });

     });
}

dojo.addOnLoad(FLT.init);