/*

Teocomi's JS

*/

jQuery(document).ready(function($) { 
    $("#cat-menu .children").parent().children("a").append("<strong>  &or;</strong>");
	
	
	$(".mt").bind({
			mouseenter: function(){
			$(this).stop()
			.animate({width:585}, {duration: 300, easing:'easeOutQuad'})
			.children().stop()
			.fadeTo(300, 1, 'easeOutQuad');
			animateColors (this);
		},
			mouseleave: function(){
			$(this).stop()
			.animate({width:50}, {duration: 400, easing:'easeInQuad'})
			.children().stop()
			.fadeTo(400, 0, 'easeInQuad', function() {
			$(this).css('display','none');
			});
			animateColorsOff (this);
		  }
		});
				
		$(".st").bind({
			mouseenter: function(){
			$(this).stop()
			.animate({height:600}, {duration: 300, easing:'easeOutQuad'})
			.children().stop()
			.fadeTo(300, 1, 'easeOutQuad');
			animateColors (this);
		},
			mouseleave: function(){
			$(this).stop()
			.animate({height:130}, {duration: 400, easing:'easeInQuad'})
			.children().stop()
			.fadeTo(400, 0, 'easeInQuad', function() {
			$(this).css('display','none');
			});
			animateColorsOff (this);
		  }
		});
		
			$("#m").bind({
			mouseenter: function(){
			$("#main").stop().animate({opacity:.2}, {duration: 300, easing:'easeOutQuad'});
		},
			mouseleave: function(){
			$("#main").stop().animate({opacity:1}, {duration: 400, easing:'easeInQuad'});
		  }
		});

		$("#contactdiv").bind({
			
			mouseenter: function(){
			$(this).css('width','300');
			$ca = $("#contacticons a");	
			$ca.stop();
			$ca.filter(':first-child').animate({left:10}, {duration: 300, easing:'easeOutQuad', queue:false});
			$ca.filter(':nth-child(2)').animate({left:40}, {duration: 300, easing:'easeOutQuad', queue:false});
			$ca.filter(":nth-child(3)").animate({left:70}, {duration: 300, easing:'easeOutQuad', queue:false});
			$ca.filter(":nth-child(4)").animate({left:100}, {duration: 300, easing:'easeOutQuad', queue:false});
			$ca.filter(":nth-child(5)").animate({left:130}, {duration: 300, easing:'easeOutQuad', queue:false});
			$ca.filter(":nth-child(6)").animate({left:160}, {duration: 300, easing:'easeOutQuad', queue:false});
			$ca.fadeTo(300, 1, 'easeOutQuad');
			
		},
			mouseleave: function(){
			$ca = $("#contacticons a");
			$ca.stop()
			.animate({left:-25}, {duration: 400, easing:'easeInQuad', queue:false})
			.fadeTo(400,0, 'easeInQuad');
			$(this).css('width','29');
		  }
		});
		
		
		function animateColors (current) {		
		$(current).filter('.menu-blog').animate({backgroundColor:'#FDB913'}, {duration: 300, easing:'easeOutQuad', queue: false});
		$(current).filter('.menu-vr').animate({backgroundColor:'#FFF200'}, {duration: 300, easing:'easeOutQuad', queue: false});
		$(current).filter('.menu-media').animate({backgroundColor:'#6DC8BF'}, {duration: 300, easing:'easeOutQuad', queue: false});
		$(current).filter('.menu-code').animate({backgroundColor:'#ED1C24'}, {duration: 300, easing:'easeOutQuad', queue: false});
		$(current).filter('.menu-five').animate({backgroundColor:'#808285'}, {duration: 300, easing:'easeOutQuad', queue: false});		
		}
		
		function animateColorsOff (current) {		
		$(current).filter('.menu-blog').animate({backgroundColor:'#F15A22'}, {duration: 400, easing:'easeInQuad', queue: false});	
		$(current).filter('.menu-vr').animate({backgroundColor:'#CBDB2A'}, {duration: 400, easing:'easeInQuad', queue: false});
		$(current).filter('.menu-media').animate({backgroundColor:'#00ADDC'}, {duration: 400, easing:'easeInQuad', queue: false});
		$(current).filter('.menu-code').animate({backgroundColor:'#B72467'}, {duration: 400, easing:'easeInQuad', queue: false});
		$(current).filter('.menu-five').animate({backgroundColor:'#414042'}, {duration: 400, easing:'easeInQuad', queue: false});		
		}
		


		
		
  });