var j = jQuery.noConflict();
     

jQuery(document).ready(function(){
	
    j(".menuItem > ul").hide();
    j("#col1_content").effect("bounce", { times:2, distance: 10 }, 220);
      
    j("#item1").hover(
    	function () {
    		
    		if(j(this).hasClass("active")){
    		
    			j("#col1_content").effect("bounce", { times:3, distance: 10 }, 200);
    		}else{
    			j("#item1 > ul").show();
    		}
    	},
    	function () {
    		j("#item1 > ul").hide();
    	///	j("#col1").removeAttr("style");
    	}
    );
    
    j("#item2").hover(
    	function () {
    	
    	if(j(this).hasClass("active")){
    		
    			j("#col1_content").effect("bounce", { times:3, distance: 10 }, 200);
    		}else{
    			j("#item2 > ul").show();
    		}
    	},
    	function () {j("#item2 > ul").hide();}
    );
    
    j("#item3").hover(
    	function () {
    	
    	if(j(this).hasClass("active")){
    		
    			j("#col1_content").effect("bounce", { times:3, distance: 10 }, 200);
    		}else{
    			j("#item3 > ul").show();
    		}
    	},
    	function () {j("#item3 > ul").hide();}
    );
    
    
     j(".menuItem ul").hover(
    	function () {j(this).parent().addClass("active");},
    	function () {
    		if(j(this).parent().hasClass("notactive")){
    			j(this).parent().removeClass("active");
    		}
    	}
    );
    
});