// initPage
$(function(){
	hoverForIE6(".panel-holder li", "hover");
	//initDropDown();
	dropWidth('#nav div.drop-holder');
	initDropSlide();

})

// initIEHover
function hoverForIE6(h_list, h_class){
if(jQuery.browser.msie && jQuery.browser.version < 7){
		jQuery(h_list).hover(function (){
			jQuery(this).addClass(h_class);
		}, function (){
		jQuery(this).removeClass(h_class);
		});
	}
}

// initDropSlide
function initDropSlide(){
	var nav = $('#nav');
	var elements = nav.find('>li');
	var hoverClass = 'hover';
	var speed = 250;
	
	elements.each(function(){
		var element = $(this);
		var drop = element.find('.drop');
		var slideDrop = drop.find('.drop-holder');
		var height = drop.height();
		
		slideDrop.css({marginTop: -height});
		
		element.hover(function(){
			element.addClass(hoverClass);
			slideDrop.stop().animate({marginTop: 0}, {duration: speed});
		}, function(){
			slideDrop.stop().animate({marginTop: -height}, {duration: speed, complete: function(){
				element.removeClass(hoverClass);
			}})
		})
	});
}
// initDropWidth;
function dropWidth(_s){
	$(_s).each(function(){
		//$(this).parent('div.drop').css({width:'980px'});
		$(this).parent('div.drop').css({width:$(this).outerWidth()+'px'});
		$(this).addClass('drop-active');
	});
}
// initDropDown
//function initDropDown(){
//	var nav = document.getElementById("panel-list");
//	if(nav) {
//		var lis = nav.getElementsByTagName("li");
//		for (var i=0; i<lis.length; i++) {
//			if(lis[i].getElementsByTagName("ul").length > 0) {
//				lis[i].className += " has-drop-down"
//				lis[i].getElementsByTagName("a")[0].className += " has-drop-down-a"
//			}
//		}
//	}
//}

// jquery tabs plugin
jQuery.fn.jqueryTabs = function(_options){
	// default options
	var _options = jQuery.extend({
		addToParent:false,
		holdHeight:false,
		activeClass:'active',
		tabLinks:'a.tab',
		fadeSpeed:300,
		event:'click'
	},_options);

	return this.each(function(){
		var _holder = jQuery(this);
		var _fadeSpeed = _options.fadeSpeed;
		var _activeClass = _options.activeClass;
		var _addToParent = _options.addToParent;
		var _holdHeight = _options.holdHeight;
		var _tabLinks = jQuery(_options.tabLinks, _holder);
		var _tabset = (_addToParent ? _tabLinks.parent() : _tabLinks);
		var _event = _options.event;
		var _animating = false;
		var addClassPIE = 'tab-pie';

		// tabs init
		_tabLinks.each(function(){
			var _tmpLink = jQuery(this);
			var _tmpTab = jQuery(_tmpLink.attr('href'));
			var _classItem = (_addToParent ? _tmpLink.parent() : _tmpLink);
			if(_tmpTab.length) {
				if (_classItem.hasClass(_activeClass)) {
					_tmpTab.show().css({position: 'static'});
				}
				else 
					_tmpTab.hide().css({position: 'absolute'});
			}
		});

		// tab switcher
		function switchTab(_switcher) {
			if(!_animating) {
				var _link = jQuery(_switcher);
				var _newItem = (_addToParent ? _link.parent() : _link);
				var _newTab = jQuery(_link.attr('href'));
				if(_newItem.hasClass(_activeClass)) return;

				var _oldItem = jQuery(_addToParent ? _tabset : _tabLinks).filter('.'+_activeClass);
				var _oldTab = jQuery(jQuery(_addToParent ? _oldItem.children('a') : _oldItem).attr('href'));
				if(_newTab.length) {
					_animating = true;
					if(_oldItem.length) {
						_newItem.addClass(_activeClass);
						_oldItem.removeClass(_activeClass);

						var _parent = _oldTab.parent();
						if(_holdHeight) _parent.css({height:_parent.height()});

						_oldTab.fadeOut(_fadeSpeed,function(){
							_newTab.fadeIn(_fadeSpeed,function(){
								_animating = false;
							}).css({position: 'static'});
							if(_holdHeight) _parent.css({height:'auto'});
						}).css({position: 'absolute'});
					} else {
						_newItem.addClass(_activeClass);
						_newTab.fadeIn(_fadeSpeed,function(){
							_animating = false;
						}).css({position: 'static'});
					}
				}
			}
		}

		// control
		_tabLinks.each(function(){
			jQuery(this).bind(_event,function(){
				switchTab(this);
				return false;
			});
		});
	});
}