function DoAjax(inPath, inSliderPath) {
        $.ajax({
          url: inPath,
          async : false,
          cache: false,
          success: function(data) {
            $('#viewport_copy').html(data);
            if (inSliderPath != undefined) {
                DoSliderAjax(inSliderPath)
            }
          },
          error:  function(e){
                       // alert(e.responseText);
                    }
        });
    }
    
    function DoSliderAjax(inPath) {
        
        //alert("AJAX");
    
        $.ajax({
          url: inPath,
          async : false,
          cache: false,
          success: function(data) {
          
            $('#viewport_positioning').html(data);
          },
          error:  function(e){
                       // alert(e.responseText);
                    }
        });
    }
    
    function isiPad(){  
//alert(navigator.platform) ;
        return (navigator.platform.indexOf("iPad") != -1);
    }

    // global vars

    var ipad = isiPad();
//if (ipad) alert("isipad");

    var locked = false;

    var leftOffset;

    $(document).ready(function() {
        trackMap();
        //DoAjax("/journey/ajax/slide1.htm");
    });
    
    $(window).resize(function() {
	//if (!ipad) {
        trackMap();
	//}
    });
    
    // animation speed
    var d = 1250;
if (ipad) {
	d = 2800;
}

    
    // button fade speed
    var bd = 20;

    var gridWidth = 2560;
    var gridHeight = 1440;
    
    var viewPortWidth = 960;
    
    var left_offSet = 0;

if (ipad && IsPortrait()) {
left_offSet = 4;
}
    
    // button positions
    var j_1_left = 690;
    if (ipad) {
        j_1_left = j_1_left + left_offSet;
    }
    var j_2_1_left = 10;
    if (ipad) {
        j_2_1_left = j_2_1_left + left_offSet;
    }
    var j_2_2_left = 359;
    if (ipad) {
        j_2_2_left = j_2_2_left + left_offSet;
    }
    var j_3_1_left = 234;
    if (ipad) {
        j_3_1_left = j_3_1_left + left_offSet;
    }
    var j_3_2_left = 900;
    if (ipad) {
        j_3_2_left = j_3_2_left + left_offSet;
    }
    var j_4_1_left = 10;
    if (ipad) {
        j_4_1_left = j_4_1_left + left_offSet;
    }
    var j_4_2_left = 913;
    if (ipad) {
        j_4_2_left = j_4_2_left + left_offSet;
    }
    var j_5_1_left = 195;
    if (ipad) {
        j_5_1_left = j_5_1_left + left_offSet;
    }
    var j_5_2_left = 900;
    if (ipad) {
        j_5_2_left = j_5_2_left + left_offSet;
    }
    var j_6_1_left = 10;
    if (ipad) {
        j_6_1_left = j_6_1_left + left_offSet;
    }
    var j_6_2_left = 560;
    if (ipad) {
        j_6_2_left = j_6_2_left + left_offSet;
    }
    var j_7_1_left = 477;
    if (ipad) {
        j_7_1_left = j_7_1_left + left_offSet;
    }
    var j_7_2_left = 900;
    if (ipad) {
        j_7_2_left = j_7_2_left + left_offSet;
    } 
    var j_8_1_left = 10;
    if (ipad) {
        j_8_1_left = j_8_1_left + left_offSet;
    }
    var j_8_2_left = 475;
    if (ipad) {
        j_8_2_left = j_8_2_left + left_offSet;
    }    
    var j_9_1_left = 10;
    if (ipad) {
        j_9_1_left = j_9_1_left + left_offSet;
    }    
    var j_9_2_left = 700;
    if (ipad) {
        j_9_2_left = j_9_2_left + left_offSet;
    }      
    var bleedWidth = 0;
    var bleedHeight = 0; 
      
    function trackMap() {
        
        if (ipad && IsPortrait()) {
        
            $("#ipad_viewport").height(1200);
        }
        
        $('#viewport_copy').html("");
        $('#viewport_positioning').html("");
        
        var bodyWidth;

        if (ipad) {
            bodyWidth = 960;
        }
        else {
            bodyWidth = $(window).width();
        }
              

        //if (bodyWidth < gridWidth || ipad) {
            leftOffset = (gridWidth - bodyWidth) / 2;
            $('#map').css("left", "-" + leftOffset + "px");
            $('#map').css("top", "0px");
        //}
        
        //StartJourney();
        hideButton($(".nav_button:not(.j_1)"));
        $("#j_nav li a.j_on").removeClass("j_on").addClass("j_off");
            if (!$(".nav_button.j_1").visible) {
                showButton($(".nav_button.j_1"));
            }
            $("#j_nav li").find("span").hide();
            $("a.j_9_2").parent().find("span").show();
            $("a.j_9_2").addClass("j_on").removeClass("j_off");
            DoAjax("/journey/ajax/slide1.htm");


        $(".j_1").css("left", ((bodyWidth - viewPortWidth) / 2) + j_1_left + "px");
        $(".j_2_1").css("left", ((bodyWidth - viewPortWidth) / 2) + j_2_1_left + "px");
        $(".j_2_2").css("left", ((bodyWidth - viewPortWidth) / 2) + j_2_2_left + "px");
        $(".j_3_1").css("left", ((bodyWidth - viewPortWidth) / 2) + j_3_1_left + "px");
        $(".j_3_2").css("left", ((bodyWidth - viewPortWidth) / 2) + j_3_2_left + "px");
        $(".j_4_1").css("left", ((bodyWidth - viewPortWidth) / 2) + j_4_1_left + "px");
        $(".j_4_2").css("left", ((bodyWidth - viewPortWidth) / 2) + j_4_2_left + "px");
        $(".j_5_1").css("left", ((bodyWidth - viewPortWidth) / 2) + j_5_1_left + "px");
        $(".j_5_2").css("left", ((bodyWidth - viewPortWidth) / 2) + j_5_2_left + "px");    
        $(".j_6_1").css("left", ((bodyWidth - viewPortWidth) / 2) + j_6_1_left + "px");
        $(".j_6_2").css("left", ((bodyWidth - viewPortWidth) / 2) + j_6_2_left + "px");   
        $(".j_7_1").css("left", ((bodyWidth - viewPortWidth) / 2) + j_7_1_left + "px");
        $(".j_7_2").css("left", ((bodyWidth - viewPortWidth) / 2) + j_7_2_left + "px");   
        $(".j_8_1").css("left", ((bodyWidth - viewPortWidth) / 2) + j_8_1_left + "px");
        $(".j_8_2").css("left", ((bodyWidth - viewPortWidth) / 2) + j_8_2_left + "px");   
        $(".j_9_1").css("left", ((bodyWidth - viewPortWidth) / 2) + j_9_1_left + "px");
        $(".j_9_2").css("left", ((bodyWidth - viewPortWidth) / 2) + j_9_2_left + "px");
        
        bodyWidthStore = bodyWidth;

    }
    

    // live bindings
    
    $('.j_1').live('click', function(e) {
    
        if (locked) return false;
    
        e.preventDefault();

        StartJourney("j_1");

        $('#map').animate({
            left: - gridWidth - leftOffset,
            top: 0
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_1");
            }
        });
    });
    
    $('.j_2_1').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_2_1");

        $('#map').animate({
            left: - leftOffset,
            top: 0
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_2_1");
            }
        });
    });
    
    $('.j_2_2').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_2_2");

        $('#map').animate({
            left: - gridWidth - leftOffset,
            top: - gridHeight
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_2_2");
            }
        });
    });
    
    $('.j_3_1').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_3_1");

        $('#map').animate({
            left: - gridWidth - leftOffset,
            top: 0
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_3_1");
            }
        });
    });
        
    $('.j_3_2').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_3_2");

        $('#map').animate({
            left: - (gridWidth * 2) - leftOffset,
            top: - gridHeight
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_3_2");
            }
        });
    });
       
    $('.j_4_1').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_4_1");

        $('#map').animate({
            left: - gridWidth - leftOffset,
            top: - gridHeight
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_4_1");
            }
        });
    });       
    
       
    $('.j_4_2').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_4_2");

        $('#map').animate({
            left: - (gridWidth * 2) - leftOffset,
            top: - (gridHeight * 2)
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_4_2");
            }
        });
    });   
    
    $('.j_5_1').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_5_1");

        $('#map').animate({
            left: - (gridWidth * 2) - leftOffset,
            top: - gridHeight
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_5_1");
            }
        });
    });   
    
    $('.j_5_2').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_5_2");

        $('#map').animate({
            left: - (gridWidth * 3) - leftOffset,
            top: - (gridHeight * 2)
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_5_2");
            }
        });
    });   

    $('.j_6_1').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();        

        StartJourney("j_6_1");

        $('#map').animate({
            left: - (gridWidth * 2) - leftOffset,
            top: - (gridHeight * 2)
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_6_1");
            }
        });
    });   
 
    $('.j_6_2').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();    

        StartJourney("j_6_2");

        $('#map').animate({
        left: - (gridWidth * 3) - leftOffset,
            top: - gridHeight
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_6_2");
            }
        });
    });   
    
    $('.j_7_1').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_7_1");

        $('#map').animate({
            left: - (gridWidth * 3) - leftOffset,
            top: - gridHeight * 2
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_7_1");
            }
        });
    });   
       
    $('.j_7_2').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_7_2");

        $('#map').animate({
            left: - (gridWidth * 4) - leftOffset,
            top: - gridHeight
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_7_2");
            }
        });
    });   

    $('.j_8_1').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_8_1");

        $('#map').animate({
            left: - (gridWidth * 3) - leftOffset,
            top: - gridHeight
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_8_1");
            }
        });
    });   

    $('.j_8_2').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_8_2");

        $('#map').animate({
            left: - (gridWidth * 4) - leftOffset,
            top: 0
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_8_2");
            }
        });
    });  
    
    $('.j_9_1').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_9_1");

        $('#map').animate({
            top: - gridHeight
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_9_1");
            }
        });
    });   
    
    $('.j_9_2').live('click', function(e) {

        if (locked) return false;

        e.preventDefault();

        StartJourney("j_9_2");

        $('#map').animate({
            left: - leftOffset,
            top: 0
        }, {
            duration: d,
            easing: 'easeInOutQuad',
            complete: function() {
               EndJourney("j_9_2");
            }
        });
    });   
    
    function StartJourney(InWhich) {
        
          locked = true;         
          //$("#viewport_positioning, #viewport").css("z-index", "auto");
          $('#viewport_positioning').html("");
          $('#viewport_copy').html("");
          hideButton($(".nav_button"));
               
    }
    
    function EndJourney(InWhich) {
        
        locked = false;
        hideButton($(".nav_button"));
        $("#j_nav li span").hide();
        $("#j_nav li a.j_on").removeClass("j_on").addClass("j_off");
        
        switch (InWhich) {
            case "j_1": // start journey
                showButton($(".nav_button.j_2_1"));
                showButton($(".nav_button.j_2_2"));
                $("a.j_1").parent().find("span").show();
                $("a.j_1").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide2.htm");

                
                //todo add google
                break;
            case "j_2_1":
                showButton($(".nav_button.j_1"));
                $("a.j_9_1").parent().find("span").show();
                $("a.j_9_1").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide1.htm");

                
                break;
            case "j_2_2":
                showButton($(".nav_button.j_3_1"));
                showButton($(".nav_button.j_3_2"));
                $("a.j_2_2").parent().find("span").show();
                $("a.j_2_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide3.htm", "/journey/ajax/slide3_slider.htm");
                break;
            case "j_3_1":
                showButton($(".nav_button.j_2_1"));
                showButton($(".nav_button.j_2_2"));
                $("a.j_1").parent().find("span").show();
                $("a.j_1").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide2.htm");

                
                break;
            case "j_3_2":
                showButton($(".nav_button.j_4_1"));
                showButton($(".nav_button.j_4_2"));
                $("a.j_3_2").parent().find("span").show();
                $("a.j_3_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide4.htm");

                
                break;
            case "j_4_1":
                showButton($(".nav_button.j_3_1"));
                showButton($(".nav_button.j_3_2"));
                $("a.j_2_2").parent().find("span").show();
                $("a.j_2_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide3.htm", "/journey/ajax/slide3_slider.htm");
                break;
            case "j_4_2":
                showButton($(".nav_button.j_5_1"));
                showButton($(".nav_button.j_5_2"));
                $("a.j_4_2").parent().find("span").show();
                $("a.j_4_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide5.htm", "/journey/ajax/slide5_slider.htm");
                break;
            case "j_5_1":
                showButton($(".nav_button.j_4_1"));
                showButton($(".nav_button.j_4_2"));
                $("a.j_3_2").parent().find("span").show();
                $("a.j_3_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide4.htm");
                break;
            case "j_5_2":
                showButton($(".nav_button.j_6_1"));
                showButton($(".nav_button.j_6_2"));
                $("a.j_5_2").parent().find("span").show();
                $("a.j_5_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide6.htm", "/journey/ajax/slide6_slider.htm");
                break;
            case "j_6_1":
                showButton($(".nav_button.j_5_1"));
                showButton($(".nav_button.j_5_2"));
                $("a.j_4_2").parent().find("span").show();
                $("a.j_4_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide5.htm", "/journey/ajax/slide5_slider.htm");
                
                break;
            case "j_6_2":
                showButton($(".nav_button.j_7_1"));
                showButton($(".nav_button.j_7_2"));
                $("a.j_6_2").parent().find("span").show();
                $("a.j_6_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide7.htm");

                
                break;
            case "j_7_1":
                showButton($(".nav_button.j_6_1"));
                showButton($(".nav_button.j_6_2"));
                $("a.j_5_2").parent().find("span").show();
                $("a.j_5_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide6.htm", "/journey/ajax/slide6_slider.htm");
                break;
            case "j_7_2":
                showButton($(".nav_button.j_8_1"));
                showButton($(".nav_button.j_8_2"));
                $("a.j_7_2").parent().find("span").show();
                $("a.j_7_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide8.htm", "/journey/ajax/slide8_slider.htm");              
                break;
            case "j_8_1":
                showButton($(".nav_button.j_7_1"));
                showButton($(".nav_button.j_7_2"));
                $("a.j_6_2").parent().find("span").show();
                $("a.j_6_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide7.htm");

                
                break;
            case "j_8_2":
                showButton($(".nav_button.j_9_1"));
                showButton($(".nav_button.j_9_2"));
                $("a.j_8_2").parent().find("span").show();
                $("a.j_8_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide9.htm");

                
                break;
            case "j_9_1":
                showButton($(".nav_button.j_8_1"));
                showButton($(".nav_button.j_8_2"));
                $("a.j_8_1").parent().find("span").show();
                $("a.j_8_1").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide8.htm", "/journey/ajax/slide8_slider.htm");
               
                break;
           case "j_9_2":
                showButton($(".nav_button.j_1"));
                $("a.j_9_2").parent().find("span").show();
                $("a.j_9_2").addClass("j_on").removeClass("j_off");
                DoAjax("/journey/ajax/slide1.htm");

                
                break;
        }
              
    }

    function hideButton(Object) {
        $(Object).hide(bd, function() {
             
        });
    }

    function showButton(Object) {
        $(Object).show(bd, function() {
           
        });
    }


 function IsPortrait () {  

    if (ipad) {

    if ( orientation == 0 ) {  
     return true;
    }  
    else if ( orientation == 90 ) {  
     return false;
    }  
    else if ( orientation == -90 ) {  
     return false; 
    }  
    else if ( orientation == 180 ) {  
     return true;
    }  
    }
    if (whichBrs() == "Safari") return;
 }
 
function whichBrs() {
    var agt=navigator.userAgent.toLowerCase();
    if (agt.indexOf("opera") != -1) return 'Opera';
    if (agt.indexOf("staroffice") != -1) return 'Star Office';
    if (agt.indexOf("webtv") != -1) return 'WebTV';
    if (agt.indexOf("beonex") != -1) return 'Beonex';
    if (agt.indexOf("chimera") != -1) return 'Chimera';
    if (agt.indexOf("netpositive") != -1) return 'NetPositive';
    if (agt.indexOf("phoenix") != -1) return 'Phoenix';
    if (agt.indexOf("firefox") != -1) return 'Firefox';
    if (agt.indexOf("safari") != -1) return 'Safari';
    if (agt.indexOf("skipstone") != -1) return 'SkipStone';
    if (agt.indexOf("msie") != -1) return 'Internet Explorer';
    if (agt.indexOf("netscape") != -1) return 'Netscape';
    if (agt.indexOf("mozilla/5.0") != -1) return 'Mozilla';
    if (agt.indexOf('\/') != -1) {
    if (agt.substr(0,agt.indexOf('\/')) != 'mozilla') {
    return navigator.userAgent.substr(0,agt.indexOf('\/'));}
    else return 'Netscape';} else if (agt.indexOf(' ') != -1)
    return navigator.userAgent.substr(0,agt.indexOf(' '));
    else return navigator.userAgent;
}