$(document).ready(function(){
    $('body').removeClass('no-js');
		
    var show_skip = $.cookie('show_skip');
    if (null == show_skip) {
        show_skip = '1'
        $.cookie('show_skip', show_skip, {expires: 31, domain: 'sffjunkie.co.uk', path: '/'});
    }
    
    var skip_hide = '<a id="skip-hide" href="#"><img title="Hide Skip Links" src="./images/minus.png" alt=""/></a>';
    $('#skip-links').prepend(skip_hide)
    
    var skip_show = '<a id="skip-show" href="#"><img title="Show Skip Links" src="./images/plus.png" alt=""/></a>'
    $('#site-header').prepend(skip_show)
    
    if (show_skip == '1') {
        $('#skip-links').show();
        $('#skip-hide').css('display', 'block');
    }
    else {
        $('#skip-links').hide();
        $('#skip-show').css('display', 'block');
    }
  
    $('#skip-hide').click(function() {
        $('#skip-show').css('display', 'block');
        $('#skip-hide').css('display', 'none');
        $('#skip-links').hide();
        $.cookie({'show_skip': '0'})
        return false;
    });
  
    $('#skip-show').click(function() {
        $('#skip-show').css('display', 'none');
        $('#skip-hide').css('display', 'block');
        $('#skip-links').show();
        $.cookie({'show_skip': '1'})
        return false;
    });

    /* Adding an overlay graphic when hovering over our sections */
    $('#sections').append('<div id="overlay"></div>');
    $('#overlay').css('display', 'none');

    $('#sections li').hoverIntent(
        function() {
            $.fn.hoverIntent.cfg.bypass = true;
    
            var el;
            
            if ($('#subsections').length > 0)
                el = $('#subsections')
            else
                el = $('#sections')
        
            var el_bottom;
            el_bottom = parseInt(el.position().top + el.outerHeight(true));
            el_bottom += 5;
        
            var top;
            top = parseInt(($(window).height() - 250) / 2);
            if (el_bottom > top)
                top = el_bottom;
    
            top += 'px';
            
            /* overlay width from CSS = 250px */
            var left = ($(window).width() - 250) / 2;
            left += 'px';
            
            var image = 'url(./images/' + this.id + '-bg.png)';
            $('#overlay').css('background-image', image).css('display', 'block').css('top', top).css('left', left);
        },
        function() {
            $('#overlay').css('display', 'none');
        }
    );
    
    $("#sections").hover(
        function(){
        },
        function() {
            $.fn.hoverIntent.cfg.bypass = false;
        }
    );
    
    $("blockquote.funky").append('<div class="pointer"><div class="pointer-inner"/></div>');
    $(".tooltip").append('<div class="pointer"><div class="pointer-inner"/></div>');
    
    if ($("body").hasClass("new")) {
        $("#site-header").append('<div id="page-status"><span class="tag new">New</span></div>');
    }
    
    if ($("body").hasClass("update")) {
        $("#site-header").append('<div id="page-status"><span class="tag update">Update</span></div>');
    }
    
    if (navigator.appVersion.indexOf('indows') != -1)
        $(".prompt").append("&gt; ");
    else
        $(".prompt").append("$ ");
});