/*$(".accordion>.accordion-item").each(function(idx) {
	
    var item = $(this);
    var accordion = item.parent();
    var width = accordion.width() / accordion.children(".accordion-item").size();
    
    item.css({
        left: (width) * idx,
        zIndex: idx
    });
    
    item.children(".accordion-content").css("left", width);

});
    
$(".accordion>.accordion-item").mouseover(function(evt) {
    
    var item = $(this);
    var accordion = item.parent();
    var content = item.children(".accordion-content");
    var activeitem = item.siblings(".active");
    var activecontent = activeitem.children(".accordion-content");
    var previtems = $(this).prevAll(".accordion-item");
    var nextitems = $(this).nextAll(".accordion-item");
    
    var collapsedsize = (accordion.width() - content.width()) / (previtems.size() + nextitems.size());
    
    if (!item.hasClass("active") && item.siblings(":animated").size() == 0) {
    
        activeitem.removeClass("active");
        item.addClass("active");
	    
	    item.stop();
        item.animate({
            left: previtems.size() * collapsedsize
        }, 650);
        
        activecontent.stop();
        activecontent.animate({
            left: collapsedsize
        },750);
        
        content.stop();
        content.animate({
            left: 0
        },750);
	    
        for(var i=previtems.size()-2; i>=0; i--) {
	    
            //alert(previtems.eq(i).find("h3").text() + " - "+ ((previtems.size()-i-1)*90));
	        previtems.eq(i).stop();
            previtems.eq(i).animate({
                left: (previtems.size()-i-1)*collapsedsize
            }, 650);
	    
        }
	    
        for(var i=0; i<nextitems.size(); i++) {
	    
	        nextitems.eq(i).stop();
            nextitems.eq(i).animate({
                left: ((previtems.size() * collapsedsize) + item.width()) + (collapsedsize*i)
            }, 650);
	    
        }

    }
    
});*/

(function($) {
	$.fn.haccordion = function() {
	
		return this.each(function() {
	
			var $obj 				= $(this);
			var $container			= $obj.parent();
			var opts 				= null;
			
			$obj.children(".accordion-item").each(function(idx) {
	
                var item = $(this);
                var width = $obj.width() / $obj.children(".accordion-item").size();
                
                item.css({
                    left: (width) * idx,
                    zIndex: idx
                });
                
                item.children(".accordion-content").css("left", width);

            });
            
            $obj.children(".accordion-item").mouseover(function(evt) {
    
                var item = $(this);
                var content = item.children(".accordion-content");
                var activeitem = item.siblings(".active");
                var activecontent = activeitem.children(".accordion-content");
                var previtems = $(this).prevAll(".accordion-item");
                var nextitems = $(this).nextAll(".accordion-item");
                
                var collapsedsize = ($obj.width() - content.width()) / (previtems.size() + nextitems.size());
                
                if (!item.hasClass("active") && item.siblings(":animated").size() == 0) {
                
                    activeitem.removeClass("active");
                    item.addClass("active");
            	    
	                item.stop();
                    item.animate({
                        left: previtems.size() * collapsedsize
                    }, 650);
                    
                    activecontent.stop();
                    activecontent.animate({
                        left: collapsedsize
                    },750);
                    
                    content.stop();
                    content.animate({
                        left: 0
                    },750);
            	    
                    for(var i=previtems.size()-2; i>=0; i--) {
            	    
                        //alert(previtems.eq(i).find("h3").text() + " - "+ ((previtems.size()-i-1)*90));
	                    previtems.eq(i).stop();
                        previtems.eq(i).animate({
                            left: (previtems.size()-i-1)*collapsedsize
                        }, 650);
            	    
                    }
            	    
                    for(var i=0; i<nextitems.size(); i++) {
            	    
	                    nextitems.eq(i).stop();
                        nextitems.eq(i).animate({
                            left: ((previtems.size() * collapsedsize) + item.width()) + (collapsedsize*i)
                        }, 650);
            	    
                    }

                }
                
            });
			
		});
		
	};
	
})(jQuery);