jQuery(document).ready(function(){
    
    var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

function menu_open()
{	menu_canceltimer();
	menu_close();
	ddmenuitem = jQuery(this).find('ul').eq(0).css("display","block");
}

function menu_close()
{	if(ddmenuitem) ddmenuitem.css("display","none");}

function menu_timer()
{	closetimer = window.setTimeout(menu_close, timeout);}

function menu_canceltimer()
{	if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}
                

document.onclick = menu_close;


    jQuery('ul.navigation > li').bind('mouseover', menu_open);
    jQuery('ul.navigation > li').bind('mouseout',  menu_timer);
    
    //zebra striped comments
    jQuery("ul.commentlist li:odd").addClass("alt");

    
    //sidebar widgets toggle effect
    jQuery("#sidebar h2").toggle(function(){
        jQuery(this).next().stop().slideUp(300);
    },function(){
        jQuery(this).next().stop().slideDown(300);
    });
    
    //comments toggle effect
     jQuery("#comments").toggle(function(){   
        jQuery("ul.commentlist").slideUp(300);
    },function(){
        jQuery("ul.commentlist").slideDown(400);
    });
    
    jQuery("a.quote").click(function(){
    var quote="<blockquote>"+jQuery(this).prev(".hidden").text()+"</blockquote>";
    var original=jQuery("#comment").val();
    jQuery("#comment").val(original+quote);	
    });
    
    //Search Box
	//Focus
	
    jQuery("#top_s").val("Search...");
    jQuery("#top_s,#s").focus(function(){
	if (jQuery(this).val()=="Search...") {
	    jQuery(this).val("");
	}
    });
	//Blur
     jQuery("#top_s,#s").blur(function(){
	if (jQuery(this).val()=="" || jQuery(this).val()==" ") {
	    jQuery(this).val("Search...");
	}
    });
     
    
    //Sharer icons transparency animation
    jQuery("#sharer img").hover(function(){
	jQuery(this).animate({opacity:1},100);
    },function(){
	jQuery(this).animate({opacity:0.6},100);
    });

    // for the default WP-gallery float problem
    // i do not know of a solution in css
    // if u know of a solution without having to resort to js , please mail me at : mujtaba_91@yahoo.com
    var height=jQuery("div.gallery br").length * 170;
    jQuery("div.gallery").height(height);
     jQuery("div.gallery br").hide();
     
     
    jQuery("#cat_hndl").toggle(function(){
	jQuery("#cat_menu").slideDown(400);
    },function(){
	if(jQuery("#cat_menu").css("display")=="none")
	{
	jQuery("#cat_menu").slideDown(400);
	}
	else {
	jQuery("#cat_menu").slideUp(200);    
	}
    });
    jQuery(document).click(function(){jQuery("#cat_menu").slideUp(200);});

});