$(function(){
    $("#categoryRoll a").click(function(){
        if ($("#categoryOpis").css("display") == "none")
            $('#categoryOpis').show("slow");
        else
            $('#categoryOpis').hide("slow");
    });
    
    $("h1, h2").wrapInner('<span class="headLine"></span>');

});


function debug(str)
{
    $("#debug").prepend(str+"<br />");
}

function initDebug()
{
    $("body").append('<div id="debug"></div>');
    $("#debug").css("position","absolute");
    $("#debug").css("top","10px");
    $("#debug").css("z-index","10000");
    $("#debug").css("right","10px");
    $("#debug").css("width","600px");
    $("#debug").css("height","150px");
    $("#debug").css("padding","2px");
    $("#debug").css("background","black");
    $("#debug").css("color","white");
    $("#debug").css("opacity","0.4");
    $("#debug").css("overflow-y","scroll");
    $("#debug").css("overflow-x","hidden");

    $("#debug").scroll(function(){
        $("#debug").css("top",$)
    });

    $(window).scroll(function () {
        var offset = 10+$(document).scrollTop()+"px";
        $("#debug").animate({
            top:offset
        },{
            duration:500,
            queue:false
        });
    });

}


/*
 * Retrives image path from css url(/path/image.png) format;
 */
function extractImagePath(input)
{
    return input.replace(/"/g,"").replace(/url\(|\)$/ig, "");
}

function createdBy()
{
    $('div.created span').css("opacity",0.5);
    $('div.created span a').mouseover(function(){
        $(this).animate({
            opacity: 0.5
        },{
            duration: 500
        });
    });
    $('div.created span a').mouseout(function(){
        $(this).animate({
            opacity: 1
        },{
            duration: 500
        });
    });
}

$(function(){

    var config = {    
         sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)    
         interval: 200,  // number = milliseconds for onMouseOver polling interval    
         over: doOpen,   // function = onMouseOver callback (REQUIRED)    
         timeout: 1000,   // number = milliseconds delay before onMouseOut    
         out: doClose    // function = onMouseOut callback (REQUIRED)    
    };
    
    function doOpen() {
        $(this).addClass("hover");
        $('ul:first',this).css('visibility', 'visible');
    }
 
    function doClose() {
        $(this).removeClass("hover");
        $('ul:first',this).css('visibility', 'hidden');
    }

    $("ul.dropdown li").hoverIntent(config);
    

});

$(function(){

    $("ul.dropdown li").hover(function(){
        if (!$(this).hasClass("selected")) 
            $(this).find("span").fadeIn(100);
        $(this).addClass("hover");
        $('ul:first',this).css('visibility', 'visible');
    
    }, function(){
        if (!$(this).hasClass("selected")) 
            $(this).find("span").fadeOut(100);
        $(this).removeClass("hover");
        $('ul:first',this).css('visibility', 'hidden');
    
    });
    
    $("ul.dropdown li ul li:has(ul)").find("a:first").append(" &raquo; ");

});