var link_index = 0;
var tabs_arr = new Array();
var tabs_count = 0;

$(document).ready( function(){
	// init menu width
	$('ul#menu > li').each( function(i){
		if($(this).children('ul').length > 0){
			$(this).toggleClass('hover');
			var maxWidth = 0;
			$(this).find('li a').each(function(i, a){
				if( $(a).width() > maxWidth ) maxWidth = $(a).width();
			});
			if(maxWidth == 0) maxWidth = 79;
			$(this).children('ul').css('width', maxWidth+30);
			$(this).toggleClass('hover');
		}
	});
	
	// init menu hovers
	$('ul#menu > li').hover(
		function(){ // mouse over
			$(this).addClass('hover');
			$(this).children('ul').css({
				'display': 'block',
				'zIndex': '9999'
			});
			return false;
		},
		function(){ // mouse out
			$(this).removeClass('hover');
			$(this).children('ul').css({
				'display': 'none',
				'zIndex': 'auto'
			});
			return false;
		}
	);
	
	// init featured drop-down
	$('#featured ul div.image a').hover( function(e){
		$('#featured ul li').removeClass('active');
		$( $(this).parents('li').get(0) ).addClass('active');
		
		$('#featured div.description').html( $(this).parents('li').find('div.drop-down').html() );
		
		return false;
	});
	
	// tabs on home-effect
	
	$('#tabs li a').each(function(e){		
		this.ind = link_index;
		link_index++;
	});
	$('#effect li').each(function(){
		if($(this).parent().attr('id')=="effect"){
			this.ind = tabs_count; 
			tabs_arr[tabs_count] = this;
			tabs_count++;
		}		
	});	
	
	$('#tabs li a').click(function(){		
		var active_obj = tabs_arr[tabs_count - 1 - this.ind];						
		if($(this).parent().attr('class').indexOf("active")==-1){
			// show			
			$(this).parent().addClass("active");
		
			// block "What"
			var what_minh = parseInt($(active_obj).find("div.what div.box").css('minHeight'));
			$(active_obj).find("div.what div.box").css('minHeight',0);			
			var what_h = $(active_obj).find("div.what div.box").height();
			$(active_obj).find("div.what div.box").css('height',0);
			$(active_obj).find("div.what div.box").css('display','block');
			if(what_h < what_minh) 
				what_h = what_minh;						
			$(active_obj).find("div.what div.box").animate({height:[what_h]},1000, function(){
				$(active_obj).find("div.what div.box").css('minHeight',what_minh);	
			});			
			
			// block "Audience"
			var audi_minh = parseInt($(active_obj).find("div.audience div.box").css('minHeight'));
			$(active_obj).find("div.audience div.box").css('minHeight',0);			
			var audi_h = $(active_obj).find("div.audience div.box").height();
			$(active_obj).find("div.audience div.box").css('height',0);
			$(active_obj).find("div.audience div.box").css('display','block');
			if(audi_h < audi_minh) 
				audi_h = audi_minh;						
			$(active_obj).find("div.audience div.box").animate({height:[audi_h]},1000, function(){
				$(active_obj).find("div.audience div.box").css('minHeight',audi_minh);	
			});		
		}
		else{
			// hide
			$(this).parent().removeClass("active");
			// block "What"
			var what_minh = parseInt($(active_obj).find("div.what div.box").css('minHeight'));
			var what_h = $(active_obj).find("div.what div.box").height();			
			$(active_obj).find("div.what div.box").css('minHeight',0);
			$(active_obj).find("div.what div.box").animate({height:0},1000, function(){
				$(active_obj).find("div.what div.box").css('display','none');	
				$(active_obj).find("div.what div.box").css('minHeight',what_minh);
				$(active_obj).find("div.what div.box").css('height',what_h);
			});		
			// block "Audience"
			var audi_minh = parseInt($(active_obj).find("div.audience div.box").css('minHeight'));
			var audi_h = $(active_obj).find("div.audience div.box").height();			
			$(active_obj).find("div.audience div.box").css('minHeight',0);
			$(active_obj).find("div.audience div.box").animate({height:0},1000, function(){
				$(active_obj).find("div.audience div.box").css('display','none');	
				$(active_obj).find("div.audience div.box").css('minHeight',audi_minh);
				$(active_obj).find("div.audience div.box").css('height',audi_h);
			});										
		}				
		return false;
	});
	
});