hidespeed =  50;
showspeed = 50;
easespeed = 50;
easemethod = 'easeInOutBounce';
active = null;
hidemenuid = null;
showmenuid = null;
imagepath = '../images/Dizayn/';
jQuery(document).ready(function(){
	jQuery('.triggers').mouseover(function(){	
		sender = jQuery(this);
		target = jQuery(this).attr('rel'); 
		if( jQuery(target).attr('id')!= jQuery(active).attr('id') ){	 	
			hidemenuid = setTimeout('resetmenu()', hidespeed) ;
			showmenuid = setTimeout('showmenu(sender, target)',showspeed); 
		}
	});
	
	jQuery('#holder').mouseleave(function(){
		setTimeout('resetmenu()', hidespeed); 
	})
	
	jQuery('.triggers').mouseleave(function(){
		clearTimeout(showmenuid)
		clearTimeout(hidemenuid)
	})
	
	jQuery.each(jQuery('.tabs'), function(k, v){
		$uri = jQuery(v).find('a').attr('href');
		jQuery(v).load($uri) 
	});
});

function showmenu($sender, $target){
		$overimg = jQuery($sender).find('img');
		$overimgsrc = jQuery($sender).attr('rev'); 
		jQuery($overimg).attr('src',imagepath+$overimgsrc)  
		jQuery(target).slideDown({duration: easespeed, easeMethod: easemethod})
		active = jQuery(target);
}

function resetmenu(){
	jQuery(active).slideUp(10)
	jQuery.each(jQuery('.triggers img'), function(index, value){
		jQuery(this).attr('src', imagepath+jQuery(this).attr('id')); 
	})
	active = null;
}