function displayText (text,id,aktion) {
        var text_full = text;
        var text_teaser = text_full.substr(0,300);
        if (aktion == 'full') {
                document.getElementById(id).innerHTML = text_full;
        }
        if (aktion == 'teaser') {
                if (text_full.length > 300) {
                        text_teaser += '...&nbsp;<a href="javascript:displayAndHideDiv(\'id_cat_desc_full\',\'id_cat_desc\')" style="color: #6D7A07; float: right; font-weight: bold;">&raquo; weiterlesen</a>';
                }
                document.getElementById(id).innerHTML = text_teaser;
        }
}

function displayAndHideDiv(idshow,idhide) {
        document.getElementById(idshow).style.display = "block";
        document.getElementById(idhide).style.display = "none";
}

function writeManuName() {
        var manu_name = document.forms['manufacturers'].manufacturers_id.options[document.forms['manufacturers'].manufacturers_id.selectedIndex].text;
        var manu_code = "";
        if (manu_name.length > 0) {
                manu_code += "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
                manu_code += "<td class=\"td_kat_headline\"><b class=\"b_kat_color\">";
                manu_code += manu_name;
                manu_code += "</b></td>";
                manu_code += "</tr></table>";
        }
        return manu_code;
};


/**
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
* <http://cherne.net/brian/resources/jquery.hoverIntent.html>
* 
* @param  f  onMouseOver function || An object with configuration options
* @param  g  onMouseOut function  || Nothing (use configuration options object)
* @author    Brian Cherne <brian@cherne.net>
*/
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);

$(function () {
	
	$('.dropdown').each(function () {
		$(this).parent().eq(0).hoverIntent({
			timeout: 100,
			over: function () {
				var current = $('.dropdown:eq(0)', this);
				current.slideDown(100);
			},
			out: function () {
				var current = $('.dropdown:eq(0)', this);
				current.fadeOut(200);
			}
		});
	});
	
	$('.dropdown a').hover(function () {
		$(this).stop(true).animate({paddingLeft: '20px'}, {speed: 150, easing: 'easeOutBack'});
	}, function () {
		$(this).stop(true).animate({paddingLeft: '0'}, {speed: 100, easing: 'easeOutBounce'});
	});
	
//	pic1 = new Image(310, 672);
//	pic1.src = "images/dropdown.png"; 
//	
//	pic2 = new Image(4, 40);
//	pic2.src = "images/dropselectionleft.png"; 
//	
//	pic3 = new Image(394, 40);
//	pic3.src = "images/dropselectionright.png";
});