$(document).ready(function() {
    $(window).load(function(){
        var hash = window.location.hash.substr(1);
        if(hash == ''){
            loadContent('about');
            location.hash = 'about';
        }
        else{
            loadContent(hash);
        }

        initLoader();

        $('.slideshow').cycle({
            fx: 'fade'
        });

        $('#about').click(function(){
            var hash = window.location.hash.substr(1);
            if(hash != 'about'){
            loadContent('about');
            }
        });

        $('#tech_specs').click(function(){
            var hash = window.location.hash.substr(1);
            if(hash != 'tech_specs'){
                loadContent('tech_specs');
            }
        });

        $('#gallery').click(function(){
            var hash = window.location.hash.substr(1);
            if(hash != 'gallery'){
                loadContent('gallery');
            }
        });

        $('#review').click(function(){
            var hash = window.location.hash.substr(1);
            if(hash != 'review'){
                loadContent('review');
            }
        });
    });
    

    function loadContent(page){
        showLoader();
        $("#right").fadeOut('normal', function(){
            var paths = new Array();
            paths = location.pathname.split('/');
            var toLoad = 'http://'+location.host + "/" + paths[1] + "/" + page + ".html";
            $("#right").load(toLoad,function(){
                $('#galleryLink').click(function(){
                    $('#gallery').click();
                });
                $('a[rel]').lightBox();
                $('#right').fadeIn('fast');
                hideLoader();
            });
        });
    }

    function initLoader(){
        var left = window.innerWidth/2 - 20;
        var top = window.innerHeight/2 - 20;

        $('#loading').css('top', top + 'px');
        $('#loading').css('left', left + 'px');

        hideLoader();
    }
    
    function showLoader(){
        $('#overlay').show(0);
        $('#loading').fadeIn('fast');
    }
    
    function hideLoader(){
        $('#overlay').delay('500').fadeOut('slow');
        $('#loading').delay('500').fadeOut('slow');
    }

});