function load_header() {
    
    $.ajax({
        type: "GET",
        url: 'front/header',
        success: function(result){ 

            header = result;
            
        },
        error: function( XMLHttpRequest, textStatus, errorThrown) {
            alert('Something broke, please contact us and let us know so we can fix this!');
        }
    });     
    
    
}

function load_page(url) {  
    
    var source = $('body').attr('id');
    
    if(ajaxpending != 1) {
       
        if(url == '/' || url == 'http://www.qcausa.com' || url == 'http://qcausa.com' || url == 'http://www.qcausa.com/' || url == 'http://qcausa.com/') {	
	
            window.location = "http://www.qcausa.com"

        } else {            

            $.ajax({
                type: "GET",
                url: url,
                dataType: "json",
                beforeSend: function() {
                    
                    set_active(url);
                    
                    if(source == 'home') { 
                    
                        $('#hometop').fadeOut();
                        $('#homemiddle').fadeOut();
                        $('#homecontent').fadeOut();    
                    
                    }
                    
                    var bodywidth = $(window).width();
                    var bodyheight = $(window).height() - 118;
                    
                    $('#content').empty()
                    $('#loading').remove();
                    $('body').append('<div id="loading"><span><img src="/assets/images/ajax-loader.gif" alt="Loading" /><br /><br />Loading</span></div>');
                    $('#loading').width(bodywidth + 40);
                    $('#loading').height(bodyheight);   
                    $('#loading span').css({'margin-top': (bodyheight - 200)/2})
                    
                    ajaxpending = 1;
                    
                },
                complete: function () {
                    
                    ajaxpending = 0;
                    
                },
                success: function(result){ 

                    window.location.hash = '!/' + result.category + '/' + result.page;

                    if(result.page == 'default') { result.page = ''; }
                    
                    $('body').attr('id',result.category + result.page);
                    $('body').attr('class','ctrl'+ result.category);

                    if(source == 'home') {
                        
                        $.ajax({
                            type: "GET",
                            url: 'front/header',
                            success: function(header){ 
                                $('#musicplayer').after(header + '<div id="main"><div class="wrapper"><div id="content"></div><div id="sidebar"></div></div></div>');
                                $('#content').append(result.view).fadeIn();
                                $.ajax({
                                      url: '/assets/js/main.js',
                                      dataType: 'script'
                                }); 
                                $('#loading').delay(1500).fadeOut();
                                if(result.sidebar.side_nav && result.sidebar.news_nav) {
                                    $('#content').removeClass('full');
                                    $('#sidebar').empty().append('<div id="sidebarinner">' + result.sidebar.side_nav + result.sidebar.news_nav + '</div>').show(); 
                                } else if (result.sidebar.side_nav) {
                                    $('#content').removeClass('full');
                                    $('#sidebar').empty().append('<div id="sidebarinner">' + result.sidebar.side_nav + '</div>').show();
                                } else if (result.sidebar.news_nav) {
                                    $('#content').removeClass('full');
                                    $('#sidebar').empty().append('<div id="sidebarinner">' + result.sidebar.news_nav + '</div>').show();
                                } else {
                                    $('#sidebar').hide();
                                    $('#content').addClass('full');
                                }                                
                            }
                        });   
                        
                    } else {            
                    
                        $('#loading').delay(1500).fadeOut();
                        $('#content').append(result.view).fadeIn();

                       if(result.sidebar.side_nav && result.sidebar.news_nav) {
                            $('#content').removeClass('full');
                            $('#sidebar').empty().append('<div id="sidebarinner">' + result.sidebar.side_nav + result.sidebar.news_nav + '</div>').show(); 
                        } else if (result.sidebar.side_nav) {
                            $('#content').removeClass('full');
                            $('#sidebar').empty().append('<div id="sidebarinner">' + result.sidebar.side_nav + '</div>').show();
                        } else if (result.sidebar.news_nav) {
                            $('#content').removeClass('full');
                            $('#sidebar').empty().append('<div id="sidebarinner">' + result.sidebar.news_nav + '</div>').show();
                        } else {
                            $('#sidebar').hide();
                            $('#content').addClass('full');
                        }      
                        
                    }


                },
                error: function( XMLHttpRequest, textStatus, errorThrown) {
                    alert('Something broke, please contact us and let us know so we can fix this!');
                    alert( XMLHttpRequest);
                    alert(textStatus);
                    alert(errorThrown);
                }
            });  
        }
        
    }
   
    
}

function set_active(url) {    
        
        var urlparts = url.split('/');      
    
        // Iterate over all nav links, setting the "selected" class as-appropriate.
        $('#mainnav a').each(function(){
            var link = $(this);            
            var linkparts = link.attr('href').split('/');

            if(linkparts[1] === urlparts[1]) {

                if(linkparts[2] === 'default') {

                    link.parent().addClass('active');

                } else {

                    link.parent().parent().parent().addClass('active');

                }

            } else {

                link.parent().removeClass('active');

            }

        });    
    
}