$(document).ready(function(){
        $('#services-nav-1 a,#services-nav-2 a').bind('mouseover',imgChange);
        $('#services-nav-1 a,#services-nav-2 a').bind('mouseout',imgBack);
        navPic = $('#nav-picture > img');
        $(navPic[0]).css('zIndex','-1');
        $(navPic[0]).addClass("crossfade-pic");
        $(navPic[0]).css('opacity',1);
        $(navPic[0]).css('zIndex','-1');
        $(navPic[0]).css('position','absolute');
        $('#services-nav-1 a,#services-nav-2 a').each(function(){
            var images = new Array;
            var address = this.href.split('/');
            var pic = address[address.length-1];
            var elem = document.createElement("img");
            this.setAttribute("rel", pic);
            elem.setAttribute("src", "/images/nav-picture-" + pic +  ".jpg");
            elem.setAttribute("id", pic+"_id");
            $(elem).addClass("crossfade-pic");
            $(elem).css('opacity',0);
            $(elem).css('zIndex','1');
            $(elem).css('position','absolute');
            $('#nav-picture').append(elem);
            images.push(elem);
       });
    });
    
    var imgChange = function(e){
        var pic = e.target.rel;
        $('#' + pic + '_id').animate({
            opacity:1
        },500);
    }
    
    var imgBack = function(e){  
        var pic = e.target.rel;
        $('#' + pic + '_id').animate({
            opacity:0
        },500);
    }