(function($) {  
$.fn.meniu_hover = function (options){
	options = jQuery.extend({
		speedIn:200, 
		speedOut:200, 
		height:90, 
		targetDiv:'', 
		typeDelay:3000,
		targetDiv:'main_cos_open',
		url:'obligatoriu'
	},options);

	return this.each(function(){
		var dotimeout;
		$this = $(this);
		$curObj = $('#'+options.targetDiv);
		$curObj.hide().css({ height : 0 });

		$curObj.bind('mouseenter', function() {
			clearTimeout(dotimeout);
		})

		$curObj.bind('mouseleave', function() {
			dotimeout = setTimeout(function() {cosHide()}, 100);
		})

		$this.bind('mouseenter',function(){
			clearTimeout(dotimeout);
			cosShow(this);
		});

		$this.bind('mouseleave',function(){
			dotimeout = setTimeout(function() {cosHide()}, 100);
		});

	});


function findPos(object) {
	   var pozitie=$(object).position();
       var curleft = object.offsetLeft || 0;
       var curtop = object.offsetTop || 0;
       while (object = object.offsetParent) {
                curleft += object.offsetLeft
                curtop += object.offsetTop
       }

       return {x:pozitie.left,y:pozitie.top};
   }




function cosShow(object){
	var pos = findPos(object);
	var curObj = $('#'+options.targetDiv);
	curObj.stop();
	curObj.css({left:(pos.x)+'px'});
	curObj.css({top:(pos.y+$(object).height())+'px'});
	curObj.show().animate({ height : options.height }, { duration: options.speedIn });
	$(object).addClass("state-selected-buton").removeClass("state-unhover-buton");
};

function cosHide(){
	var curObj = $('#'+options.targetDiv);
	var object = $('.'+options.targetDiv);
	clearTimeout(this.dotimeout);
	curObj.stop();
	curObj.animate({ height : 0 }, { duration: options.speedOut, complete: function () {
        curObj.hide();
		object.removeClass("state-selected-buton").addClass("state-unhover-buton");
      }
	 });


};


}})(jQuery);