<!-- Google Analytics -->
	 
	
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-20078453-1']);
_gaq.push(['_trackPageview']);

(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
	
	 


 $(function() {
				/**
				* for each menu element, on mouseenter, 
				* we enlarge the image, and show both sdt_active span and 
				* sdt_wrap span. If the element has a sub menu (sdt_box),
				* then we slide it - if the element is the last one in the menu
				* we slide it to the left, otherwise to the right
				*/
				
			 	
    		 	 

                $('#sdt_menu > li').bind('mouseenter',function(){
                
               		var ie55 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 5.5") != -1);
					var ie6 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1);

                	
					if(ie55 || ie6) // if IE6 then do all this...
					{
						var $elem = $(this);
						 
						$elem.css({'filter':'none'});


						$elem.find('img')
						 .stop(true)
						 .css({'filter':'none'})
						 .animate({
							'width':'100px',
							'height':'100px',
							'left':'0px'
						 },400,'easeOutBack')
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({'top':'70px'},500,'easeOutBack')
						 .andSelf()
						 .find('.sdt_active')
					     .stop(true)
					     .css({'background':'none'})
					     .css({'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/topNavMenu/NavDropBack.png, sizingMethod=image)'});
						
					}
	                else
	                {
						var $elem = $(this);
						$elem.find('img')
						 .stop(true)
						 .animate(
						 	{
							'width':'100px',
							'height':'100px',
							'left':'0px'
							},400,'easeOutBack')
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({'top':'70px'},500,'easeOutBack')
						 .andSelf()
						 .find('.sdt_active')
					     .stop(true)
					     .animate({'height':'100px'},300,function()
					     {
							var $sub_menu = $elem.find('.sdt_box');
							if($sub_menu.length)
							{
								var left = '100px';
								if($elem.parent().children().length == $elem.index()+1)
									left = '-100px';
								$sub_menu.show().animate({'left':left},200);
							}
						});
					}	
				}).bind('mouseleave',function()
				{
					var ie55 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 5.5") != -1);
					var ie6 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1);

					if(ie55 || ie6) // if IE6 then do all this...
					{

						var $elem = $(this);
						$elem.css({'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/topNavMenu/NavBtnBack.png, sizingMethod=image)'});

						var $sub_menu = $elem.find('.sdt_box');
						if($sub_menu.length)
							$sub_menu.hide().css('left','0px');
						
						$elem.find('.sdt_active')
						 .stop(true)
    					  .css({'background':'none'})
						 .css({'filter':'none'})
						 .andSelf().find('img')
						 .stop(true)
						 .animate({
							'width':'0px',
							'height':'0px',
							'left':'50px'},400)
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({'top':'5px'},500);
					}
					else
					{
						var $elem = $(this);
						var $sub_menu = $elem.find('.sdt_box');
						if($sub_menu.length)
							$sub_menu.hide().css('left','0px');
						
						$elem.find('.sdt_active')
						 .stop(true)
						 .animate({'height':'0px'},300)
						 .andSelf().find('img')
						 .stop(true)
						 .animate({
							'width':'0px',
							'height':'0px',
							'left':'50px'},400)
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({'top':'5px'},500);

					}
				});
            });