jQuery.noConflict();
jQuery(document).ready(function($)
{
    //hide all text blocks first:
    $('#rightText2,#rightText3,#rightText4,#rightText5,#rightText6,#rightText7,#rightText8,#rightText9').fadeOut(0);
    $('li.navOverview1,li.naviPhone1').addClass('hilite');
    $('.herosite li.navApps1').addClass('bg1Hover');
    
    
    function slide(amt)
    {
        $('#rightText,#rightText2,#rightText3,#rightText4,#rightText5,#rightText6,#rightText7,#rightText8,#rightText9').fadeOut(0);
        //animate the sliding screen:
        $('#screenshot ul').animate(
        {
            left: amt
        }
        , 500, function()
        {
            // Animation complete. Do something.
        }
        );
    }
    
    
    $('li.navOverview1,li.naviPhone1').click(function()
    {
        slide(0);
        //hide all text blocks first:
        $('#rightText2,#rightText3,#rightText4,#rightText5,#rightText6,#rightText7,#rightText8,#rightText9').fadeOut(0);
        //fade the correct text block:
        $('#rightText').fadeIn('slow');
        $('li').removeClass('hilite');
        $(this).addClass('hilite');
    }
    );
    
    
    $('li.navOverview2,li.naviPhone2').click(function()
    {
        slide(-200);
        $('#rightText2').fadeIn('slow');
        $('li').removeClass('hilite');
        $(this).addClass('hilite');
    }
    );
    
    
    $('li.navOverview3,li.naviPhone3').click(function()
    {
        slide(-400);
        $('#rightText3').fadeIn('slow');
        $('li').removeClass('hilite');
        $(this).addClass('hilite');
    }
    );
    
    
    $('li.navOverview4,li.naviPhone4').click(function()
    {
        slide(-600);
        $('#rightText4').fadeIn('slow');
        $('li').removeClass('hilite');
        $(this).addClass('hilite');
    }
    );
    
    
    $('li.navOverview5,li.naviPhone5').click(function()
    {
        slide(-800);
        $('#rightText5').fadeIn('slow');
        $('li').removeClass('hilite');
        $(this).addClass('hilite');
    }
    );
    
    
    $('li.navOverview6,li.naviPhone6').click(function()
    {
        slide(-1000);
        $('#rightText6').fadeIn('slow');
        $('li').removeClass('hilite');
        $(this).addClass('hilite');
    }
    );
    
    
    $('li.navOverview7,li.naviPhone7').click(function()
    {
        slide(-1200);
        $('#rightText7').fadeIn('slow');
        $('li').removeClass('hilite');
        $(this).addClass('hilite');
    }
    );
    
    
    $('li.navOverview8,li.naviPhone8').click(function()
    {
        slide(-1400);
        $('#rightText8').fadeIn('slow');
        $('li').removeClass('hilite');
        $(this).addClass('hilite');
    }
    );
    
    
    $('li.navOverview9,li.naviPhone9').click(function()
    {
        slide(-1600);
        $('#rightText9').fadeIn('slow');
        $('li').removeClass('hilite');
        $(this).addClass('hilite');
    }
    );
    
    
    $('.herosite li.navApps1').mouseover(function()
    {
        $('.herosite li.navApps1').addClass('bg1Hover');
    }
    ).mouseout(function()
    {
        $('li.navApps1').removeClass('bg1Hover');
    }
    );
    $('.herosite li.navApps2').mouseover(function()
    {
        $('.herosite li.navApps2').addClass('bg2Hover');
    }
    ).mouseout(function()
    {
        $('li.navApps2').removeClass('bg2Hover');
    }
    );
    $('.herosite li.navApps3').mouseover(function()
    {
        $('.herosite li.navApps3').addClass('bg3Hover');
    }
    ).mouseout(function()
    {
        $('li.navApps3').removeClass('bg3Hover');
    }
    );
    $('.herosite li.navApps4').mouseover(function()
    {
        $('.herosite li.navApps4').addClass('bg4Hover');
    }
    ).mouseout(function()
    {
        $('li.navApps4').removeClass('bg4Hover');
    }
    );
    $('.herosite li.navApps5').mouseover(function()
    {
        $('.herosite li.navApps5').addClass('bg5Hover');
    }
    ).mouseout(function()
    {
        $('li.navApps5').removeClass('bg5Hover');
    }
    );
    $('.herosite li.navApps6').mouseover(function()
    {
        $('.herosite li.navApps6').addClass('bg6Hover');
    }
    ).mouseout(function()
    {
        $('li.navApps6').removeClass('bg6Hover');
    }
    );
    $('.herosite li.navApps7').mouseover(function()
    {
        $('.herosite li.navApps7').addClass('bg7Hover');
    }
    ).mouseout(function()
    {
        $('li.navApps7').removeClass('bg7Hover');
    }
    );
    $('.herosite li.navApps8').mouseover(function()
    {
        $('.herosite li.navApps8').addClass('bg8Hover');
    }
    ).mouseout(function()
    {
        $('li.navApps8').removeClass('bg8Hover');
    }
    );
    $('.herosite li.navApps9').mouseover(function()
    {
        $('.herosite li.navApps9').addClass('bg9Hover');
    }
    ).mouseout(function()
    {
        $('li.navApps9').removeClass('bg8Hover');
    }
    );
    $('li.navApps1').click(function()
    {
        slide(0);
        $('#rightText').fadeIn('slow');
        $("#navApps li").each(function (index, domEle)
        {
            $(this).removeClass("bg"+(index+1)+"Hover");
        }
        );
        $(this).addClass("bg1Hover");
        $(this).unbind('mouseover').unbind('mouseout');
    }
    );
    $('li.navApps2').click(function()
    {
        slide(-200);
        $('#rightText2').fadeIn('slow');
        $("#navApps li").each(function (index, domEle)
        {
            $(this).removeClass("bg"+(index+1)+"Hover");
        }
        );
        $(this).addClass("bg2Hover");
        $(this).unbind('mouseover').unbind('mouseout');
    }
    );
    $('li.navApps3').click(function()
    {
        slide(-400);
        $('#rightText3').fadeIn('slow');
        $("#navApps li").each(function (index, domEle)
        {
            $(this).removeClass("bg"+(index+1)+"Hover");
        }
        );
        $(this).addClass("bg3Hover");
        $(this).unbind('mouseover').unbind('mouseout');
    }
    );
    $('li.navApps4').click(function()
    {
        slide(-600);
        $('#rightText4').fadeIn('slow');
        $("#navApps li").each(function (index, domEle)
        {
            $(this).removeClass("bg"+(index+1)+"Hover");
        }
        );
        $(this).addClass("bg4Hover");
        $(this).unbind('mouseover').unbind('mouseout');
    }
    );
    $('li.navApps5').click(function()
    {
        slide(-800);
        $('#rightText5').fadeIn('slow');
        $("#navApps li").each(function (index, domEle)
        {
            $(this).removeClass("bg"+(index+1)+"Hover");
        }
        );
        $(this).addClass("bg5Hover");
        $(this).unbind('mouseover').unbind('mouseout');
    }
    );
    $('li.navApps6').click(function()
    {
        slide(-1000);
        $('#rightText6').fadeIn('slow');
        $("#navApps li").each(function (index, domEle)
        {
            $(this).removeClass("bg"+(index+1)+"Hover");
        }
        );
        $(this).addClass("bg6Hover");
        $(this).unbind('mouseover').unbind('mouseout');
    }
    );
    $('li.navApps7').click(function()
    {
        slide(-1200);
        $('#rightText7').fadeIn('slow');
        $("#navApps li").each(function (index, domEle)
        {
            $(this).removeClass("bg"+(index+1)+"Hover");
        }
        );
        $(this).addClass("bg7Hover");
        $(this).unbind('mouseover').unbind('mouseout');
    }
    );
    $('li.navApps8').click(function()
    {
        slide(-1400);
        $('#rightText8').fadeIn('slow');
        $("#navApps li").each(function (index, domEle)
        {
            $(this).removeClass("bg"+(index+1)+"Hover");
        }
        );
        $(this).addClass("bg8Hover");
        $(this).unbind('mouseover').unbind('mouseout');
    }
    );
    $('li.navApps9').click(function()
    {
        slide(-1600);
        $('#rightText9').fadeIn('slow');
        $("#navApps li").each(function (index, domEle)
        {
            $(this).removeClass("bg"+(index+1)+"Hover");
        }
        );
        $(this).addClass("bg9Hover");
        $(this).unbind('mouseover').unbind('mouseout');
    }
    );
}
);