//Create an Array for bike images
var bikeImageArray = [];

//create a variable for the URL of the page
var pageURL;


$(document).ready(function () {

    // Currently redirecting all _____-video_no-nav.aspx URLs to _____-video.aspx#no-nav
    // The hash could be placed directly in the original call to avoid the redirection.  We would just need to edit the flash source.
    // The hash is ignored in the social media URLs so subsequent visits will retain the navigation.
    var matches = window.location.hash.match(/#no-nav/)
    if (matches && matches.length > 0) {

        // This is a hack: Tinymce automagically inserts paragraph tags whose padding causes a scroll bar to appear in video modals.
        $('.slidecontainer p').css('padding', '0');

        //turn off the main nav
        $('ul.AspNet-Menu').css('display', 'none');

        //turn off the footer links
        $('div .footerLinks ul li:first').css('display', 'none');

        //move the video window top left
        $('#wrapcenter').css({ top: 55, bottom: 50, left: -5 });
        $('.center-nomargins').css('top', 0);
        $('.center-nomargins').css('left', 0);
        $('.modulecontent').css('padding', 0);

    } else {

        //apply css to sub-menu
        $('.menu-container ul.AspNet-Menu li ul').addClass('sub-menu');

        //show/hide main nav
        $('div.menu-container').hover(openMenu, closeMenu).click(openMenu); // Added click for iphone/ipad compatibility

        //get all footer elements form the top nav
        var footerItems = $('ul.AspNet-Menu').children().slice(3);

        //prepend nav elements to the footer 
        $('#wrapfooter .footerLinks ul').prepend(footerItems);

        //strip-out a href

        $('ul.AspNet-Menu > li > a').each(function () {
            var trim = jQuery.trim($(this).text());

            $(this).replaceWith(trim);
        });


        //random background Image
        init_BackgoundImage();

    }

    //set topNav whiteBar to 50% opacity
    $('#whiteBar').css({ opacity: .5 });
    $('a .sitelogo').click(function () {
        parent.parent.GB_hide();
        parent.parent.parent.location.href = '/';

    });


});

function init_BackgoundImage() {

    //get the name of the page
    //grab content in between com/ and .aspx
    var url = location.href;
    var com = url.lastIndexOf('/');
    var pageExtension = url.indexOf('.aspx');

    //pageURL
    pageURL = url.slice(com + 1, pageExtension).replace(/\-/g, ' ').toLowerCase();

    //load random image if it is a generic page
    //else load the appropriate image
    //alert(pageURL);

    $.ajax({
        url: '/Data/Sites/2/skins/knuckleboxGCD/bikeList.xml',
        type: 'GET',
        dataType: 'xml',
        success: parsexml,
        complete: showBikeImage
    });

}



//XML parser
function parsexml(xml) {

    bikeImages = $(xml).find("image").length;

    //Find every client and PRINT the 'client_name'		
    $(xml).find("image").each(function () {

        var photo_name = $(this).text();

        //push each photo_name to bikeImageArray
        bikeImageArray.push(photo_name);
    });
}

function showBikeImage() {

    var path = "/Data/Sites/2/media/bikeImages/";

    switch (pageURL) {

        case '':
            $('#ctl01_divCenter').css({ 'background-image': 'none' });
            $('#kb-background div table tr td img').attr('src', path + bikeImageArray[randomImage()]);
            break;

        case 'home':
            $('#ctl01_divCenter').css({ 'background-image': 'none' });
            $('#kb-background div table tr td img').attr('src', path + bikeImageArray[randomImage()]);
            break;

        case 'default':
            $('#ctl01_divCenter').css({ 'background-image': 'none' });
            $('#kb-background div table tr td img').attr('src', path + bikeImageArray[randomImage()]);
            break;

        case 'riders':
            $('#ctl01_divCenter').css({ 'background-image': 'none' });
            $('#kb-background div table tr td img').attr('src', path + bikeImageArray[randomImage()]);
            break;

        case 'sortie black 11':
            $('#kb-background div table tr td img').attr('src', path + 'sortieBlack.jpg');
            $('#wrapcenter').prepend('<div class="bike-logo"><img src="/Data/Sites/2/media/bikeImages/bikeLogos/sortieBlack_logo.png"</div>');
            break;

        case 'sortie 3 11':
            $('#kb-background div table tr td img').attr('src', path + 'sortie3.jpg');
            $('#wrapcenter').prepend('<div class="bike-logo"><img src="/Data/Sites/2/media/bikeImages/bikeLogos/sortie3_logo.png"</div>');
            break;

        case 'sortie 2 11':
            $('#kb-background div table tr td img').attr('src', path + 'sortie2.jpg');
            $('#wrapcenter').prepend('<div class="bike-logo"><img src="/Data/Sites/2/media/bikeImages/bikeLogos/sortie2_logo.png"</div>');
            break;

        case 'sortie 1 11':
            $('#kb-background div table tr td img').attr('src', path + 'sortie1.jpg');
            $('#wrapcenter').prepend('<div class="bike-logo"><img src="/Data/Sites/2/media/bikeImages/bikeLogos/sortie1_logo.png"</div>');
            break;

        case 'mission 4 11':
            $('#kb-background div table tr td img').attr('src', path + 'mission4.jpg');
            $('#wrapcenter').prepend('<div class="bike-logo"><img src="/Data/Sites/2/media/bikeImages/bikeLogos/mission4_logo.png"</div>');
            break;

        case 'mission 3 11':
            $('#kb-background div table tr td img').attr('src', path + 'mission3.jpg');
            $('#wrapcenter').prepend('<div class="bike-logo"><img src="/Data/Sites/2/media/bikeImages/bikeLogos/mission3_logo.png"</div>');
            break;

        case 'mission 2 11':
            $('#kb-background div table tr td img').attr('src', path + 'mission2.jpg');
            $('#wrapcenter').prepend('<div class="bike-logo"><img src="/Data/Sites/2/media/bikeImages/bikeLogos/mission2_logo.png"</div>');
            break;

        case 'mission 1 11':
            $('#kb-background div table tr td img').attr('src', path + 'mission1.jpg');
            $('#wrapcenter').prepend('<div class="bike-logo"><img src="/Data/Sites/2/media/bikeImages/bikeLogos/mission1_logo.png"</div>');
            break;

        case 'scapegoat 11':
            $('#kb-background div table tr td img').attr('src', path + 'scapegoat.jpg');
            $('#wrapcenter').prepend('<div class="bike-logo"><img src="/Data/Sites/2/media/bikeImages/bikeLogos/scapegoat_logo.png"</div>');
            break;

        case 'assault 11':
            $('#kb-background div table tr td img').attr('src', path + 'assault.jpg');
            $('#wrapcenter').prepend('<div class="bike-logo"><img src="/Data/Sites/2/media/bikeImages/bikeLogos/scapegoat_logo.png"</div>');
            break;

        default:
            $('#ctl01_divCenter').css({ 'background-image': 'url(/Data/Sites/2/skins/knuckleboxGCD/black_70.png)' });
            $('#ctl00_divCenter').css({ 'background-image': 'url(/Data/Sites/2/skins/knuckleboxGCD/black_70.png)' });

            $('#kb-background div table tr td img').attr('src', path + bikeImageArray[randomImage()]);
            break;
    }

}

//return random number
function randomImage() {

    var bikeImages = bikeImageArray.length;
    var randomImg = Math.floor(Math.random() * bikeImages);
    //alert(randomImg);
    return randomImg;

}

//show/hide main nav
function openMenu() {
    $(this).stop().animate({ height: "175px" }, 700, "easeOutQuart");
    $('#wrapcenter').css({ display: 'none' });
    $('#whiteBar').css({ display: 'none' });
    $('#kb-background').css({ opacity: .3 });
}

function closeMenu() {
    $(this).stop().animate({ height: "60px" }, 500, "easeInQuart");
    $('#wrapcenter').css({ display: 'block' });
    $('#whiteBar').css({ display: 'block' });
    $('#kb-background').css({ opacity: 1 });
}