dojo.require('flt.Core');
//dojo.require("dijit.Tooltip");

FLT.init = function ()
{
	// 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_dali_ballast", "DALI Ballast");
	FLT.createTooltip ("section_nav_dali_field_relay", "DALI Field Relay");
	FLT.createTooltip ("section_nav_dali_relay_panel", "DALI Relay Panel");
	FLT.createTooltip ("section_nav_lighting_control_panel", "Lighting Control Panel");
	FLT.createTooltip ("section_nav_touch_screen", "Touch Screen");
	FLT.createTooltip ("section_nav_lighting_management_software", "Lighting Management Software");
	FLT.createTooltip ("section_nav_voip_software", "VOIP Software");
	FLT.createTooltip ("section_nav_mobile_software", "Mobile Software");
	
	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);