/* Hover */

var Hover = function(navBar)
{
	var me = this;
	me.items = navBar.find("ul")[0].childNodes;
	jQuery.each(me.items, function(i, item) { me.initItem(item); });
}

Hover.prototype.initItem = function(item)
{
	var me = this;
	item.onmouseover = function() 
	{
		me.closeAllExcept(item);
		
		clearTimeout(me.closeTimeout);
		me.openTimeout = setTimeout(function() 
		{
			item.className = "over"; 
			item.style.zIndex = 9999;
		}, Hover.OPEN_TIMEOUT);
	};
	
	item.onmouseout = function() 
	{ 
		clearTimeout(me.openTimeout);
		
		me.closeTimeout = setTimeout(function()
		{
			item.className = ""; 
		}, Hover.CLOSE_TIMEOUT);
	};
}

Hover.prototype.closeAllExcept = function(exceptItem)
{
	jQuery.each(this.items, function(i, item) 
	{ 
		if (item != exceptItem)
			item.className = ""; 
	});
}

Hover.OPEN_TIMEOUT  = 200;
Hover.CLOSE_TIMEOUT = 500;

/* End Hover */

jQuery('#navbar').ready(function() {
	if(jQuery('#navbar').attr('id')) {
		new Hover(jQuery("#navbar"));
	}
});



jQuery(document).ready(function() {
								
// Old javascript for homepage								
	
	jQuery('.afeaturetitle').children('a').attr('href', 'javascript:void(0);')
	
	jQuery('.afeaturetitle').children('a').click(function() {
		clearTimeout(jQuery.ifchanger);
		for(i=1;i<5;i++) {
			jQuery('#feat'+i).css("display", "none");
			jQuery('#tab'+i).children('a').css({"width":"150px" });
			jQuery('#tab'+i).removeClass("selected");
		}

		jQuery(this).parent('li').addClass("selected");
		jQuery('#feat'+(jQuery(this).attr('rel'))).css("display", "block");
	    clearTimeout(jQuery.ifchanger);
	});
	
	jQuery('.afeaturetitle').children('a').bind("mouseenter",
      function () {
        clearTimeout(jQuery.ifchanger);
		for(i=1;i<5;i++) {
			jQuery('#feat'+i).css("display", "none");
			jQuery('#tab'+i).children('a').css({"width":"150px" });
			jQuery('#tab'+i).removeClass("selected");
		}

		jQuery(this).parent('li').addClass("selected");
		jQuery('#feat'+(jQuery(this).attr('rel'))).css("display", "block");
		
	    clearTimeout(jQuery.ifchanger);
      }

    );
// End old javascript	
	
// New javascript for homepage
	
	jQuery('.tabs-text').children('a').attr('href', 'javascript:void(0);')
	jQuery('.tabs-text').children('a').attr('target', '_self')
	
	jQuery('.tabs-text').children('a').click(function() {
		clearTimeout(jQuery.ifchanger);
		for(i=1;i<5;i++) {
			jQuery('#feat'+i).css("display", "none");
			jQuery('#tabs'+i).children('a').css({"width":"150px" });
			jQuery('#tabs'+i).removeClass("selected");
		}

		jQuery(this).parent('li').addClass("selected");
		jQuery('#feat'+(jQuery(this).attr('rel'))).css("display", "block");
	    clearTimeout(jQuery.ifchanger);
	});
	
	jQuery('.tabs-text').children('a').bind("mouseenter",
      function () {
        clearTimeout(jQuery.ifchanger);
		for(i=1;i<5;i++) {
			jQuery('#feat'+i).css("display", "none");
			jQuery('#tabs'+i).children('a').css({"width":"150px" });
			jQuery('#tabs'+i).removeClass("selected");
		}

		jQuery(this).parent('li').addClass("selected");
		jQuery('#feat'+(jQuery(this).attr('rel'))).css("display", "block");
		
	    clearTimeout(jQuery.ifchanger);
      }

    );

// END new javascript
	
	//innerfade just for us

	
      	if(jQuery('ul#feature-main').attr('id')) {

	        var settings = {
	        	'animationtype':    'fade',
	            'speed':            1000,
	            'type':             'sequence',
	            'timeout':          8000,
	            'containerheight':  '280px',
	            'runningclass':     'innerfade',
	            'children':         null
	        };
			var ifchanger = null;
	            var elements = jQuery('ul#feature-main').children();
	            var tabelements = jQuery('ul#feature-tabs').children();

	        if (elements.length > 1) {
	            jQuery('ul#feature-main').css('position', 'relative').css('height', settings.containerheight).addClass(settings.runningclass);
	            for (var i = 0; i < elements.length; i++) {
	                jQuery(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide();
	            };

	                this.ifchanger = setTimeout(function() {
	                    jQuery.innerfadenext(elements, tabelements,settings, 1, 0);
	                }, settings.timeout);
	
	                jQuery(elements[0]).show();
	            } 
	   
		}
	    jQuery.innerfadenext = function(elements, tabelements, settings, current, last) {
	            jQuery(elements[last]).fadeOut(settings.speed);
				jQuery(tabelements[last]).removeClass("selected");
				jQuery(tabelements[current]).addClass("selected");
	            jQuery(elements[current]).fadeIn(settings.speed, function() {
								removeFilter(jQuery(this)[0]);
							});

	            if ((current + 1) < elements.length) {
	                current = current + 1;
	                last = current - 1;
	            } else {
	                current = 0;
	                last = elements.length - 1;
				}
				

//				jQuery('.afeaturetitle').children('a').bind("mouseleave",
//			      function () {
//					clearTimeout(jQuery.ifchanger);
//			        setTimeout((function() {
//			            jQuery.innerfadenext(elements, tabelements, settings, current, last);
//	        		}), settings.timeout);
//				});
				
			
	        this.ifchanger = setTimeout((function() {
	            jQuery.innerfadenext(elements, tabelements, settings, current, last);
	        }), settings.timeout);
	    };


	// **** remove Opacity-Filter in ie ****
	function removeFilter(element) {
		if(element.style.removeAttribute){
			element.style.removeAttribute('filter');
		}
	}  
});