var subsectionTop = 0;
var pageTop = 0;
var breadcrumb = null;

//pads left
String.prototype.lpad = function(padString, length) {
    var str = this;
    while (str.length < length)
        str = padString + str;
    return str;
}

getPageBackgrounds = function(id, transition_type, reset)
{
    $.get('/ajax.php', {
        'action' : 'backgrounds',
        'page' : id
    },
    function(images)
    {
        var pagePhotos = new Array();
        $(images).each(
            function()
            {
                var image = {
                    "image" : this.filename,
                    "transition_type" : transition_type
                    };
                pagePhotos.push(image);
            }
        );

        if(pagePhotos.length > 0) {
            var showSlideshow = true;
            if($('#headerimg' + activeContainer + ' img').attr('src').indexOf(pagePhotos[0].image) > -1) {
                showSlideshow = false;
            }
            if(showSlideshow == true) {
                if(reset == true) {
                    initSlideshow(pagePhotos);
                }
            }
            var totalSlides = (pagePhotos.length < 10) ? '0' + pagePhotos.length.toString() : pagePhotos.length.toString();
            $('span.totalslides').html(totalSlides);
            var slideNumber = (currentImg < 10) ? '0' + currentImg.toString() : currentImg.toString();
            $('span.slidenumber').html(slideNumber);
            initControls();
        }
    }, 'json'
    );
}

getPageFromSlugString = function(slugString, backgrounds)
{
    var temp = 'http://dummy.com/' + slugString.replace(/#/g, ',');
    slug = temp.split(',');
    getPageFromSlug(slug, backgrounds)
}

getPageFromSlug = function(slug, backgrounds)
{
    $('#page_content').slideUp('slow');
    $.get('/ajax.php', {
        'action' : 'page',
        'slug[]' : slug
    },
    function(response)
    {
        $('#join_us').hide();

        if(response != false) {

            getPageBackgrounds(response.id, response.transition_type, backgrounds);
            var backgroundControls = '';
            $('#page_content div.backgrounds_link').remove();
            if(response.transition_type != 1 && response.transition_type != 0) {
                backgroundControls = '<div class="backgrounds_link"><a href="javascript:void(0);" id="prevslide">&laquo;</a>&nbsp;&nbsp; <span id="slidecounter"><span class="slidenumber">01</span> <div id="control"></div> <span class="totalslides">01</span></span>&nbsp;&nbsp; <a href="javascript:void(0);" id="nextslide"> &raquo;</a></div>';
            }

            if(slug[1] == 'Contact-Us') {
                $('div.backgrounds_link').addClass('contact');
            } else {
                $('div.backgrounds_link.contact').removeClass('contact');
            }

            if(response.display_content == 'yes') {
                if(slug[1].substr(0, 7) == 'Join-Us' || slug[1].substr(0, 8) == 'Thankyou') {
                    $('body').css('overflow', 'scroll');
                    $('div.footerinfo').hide();
                    $('a[href="#Join-Us"]').addClass('active');
                    $('a[href="#Join-Us"]').parent().siblings().slideUp('slow');
                    $('#join_us_content').html(response.content);
                    var newSlug = (slug[1].substr(0, 7) == 'Join-Us') ? '#Join-Us-Form' : '#Join-Us-Form#Thankyou';
                    var temp = 'http://dummy.com/' + newSlug.replace(/#/g, ',');
                    var tempSlug = temp.split(',');
                    $.get('/ajax.php', {
                        'action' : 'page',
                        'slug[]' : tempSlug
                    },
                    function(form_response)
                    {
                        $('#join_us_form').html(form_response.content);
                    }, 'json'
                    );
                    $('#join_us_content .close_button').hide();
                    $('#join_us_form .close_button').hide();
                    $('#join_us').slideDown('slow');
                } else if(slug[1] == 'Contact-Us') {
                    $('body').css('overflow', 'hidden');
                    $('div.footerinfo').show();
                    $('#page_content').html(response.content);
                    $('#page_content').css('max-height', '140px');
                    if($.browser.msie){
	                    $('#page_content').css('max-height', '150px');
                    }
                    $('#page_content').addClass('contactcontent');

                    var newSlug = '#Contact-Us#Route-Help';
                    var temp = 'http://dummy.com/' + newSlug.replace(/#/g, ',');
                    var tempSlug = temp.split(',');
                    $.get('/ajax.php', {
                        'action' : 'page',
                        'slug[]' : tempSlug
                    },
                    function(contact_response)
                    {
                        $('#page_content').append('<div id="Contact_route_box">' + contact_response.content + '</div>');
                    }, 'json'
                    );
                    $('#page_content').append(backgroundControls);
                    $('#page_content div.backgrounds_link').hide();
                    $('#page_content').slideDown('slow');
                    $('#page_content div.backgrounds_link').slideDown('slow');
                    $('#page_content').css('left', '191px');
                } else {
					$('#page_content').removeClass('contactcontent');

                    $('body').css('overflow', 'hidden');
                    $('div.footerinfo').show();
                    $('#page_content').html(response.content);
                    $('div.backgrounds_link.contact').removeClass('contact');
                    if(slug.length == 2 && slug[1] == 'Contact-Us') {
                        $('#page_content').css('left', '191px');
                    }
                    if(slug.length == 2 && slug[1] != 'Contact-Us') {
                        $('#page_content').css('left', '341px');
                    } else if(slug.length == 3) {
                        $('#page_content').css('left', '341px');
                    } else if(slug.length == 4) {
                        $('#page_content').css('left', '491px');
                    }
                    $('#page_content').css('max-height', '');
                    $('#page_content').append(backgroundControls);
                    $('#page_content div.backgrounds_link').hide();
                    if((response.content_visible == 'yes' && backgrounds == true) || (response.content_visible == 'no' && backgrounds == false) || (response.content_visible == 'yes' && backgrounds == false)) {
                        $('#page_content').slideDown('slow');
                    } else if(response.content_visible == 'no') {
                        var tmp = '';
                        for(i=1;i<slug.length;i++) {
                            tmp += '#' + slug[i];
                        }
                        storePageContentFromSlug(tmp);
                    }
                    $('#page_content div.backgrounds_link').slideDown('slow');
                }
            } else {
                $('body').css('overflow', 'hidden');
            }
        }

    }, 'json'
    );

}

getPageContentFromSlug = function(slug)
{
    $('#page_content').slideUp('slow',
        function()
        {
            var temp = 'http://dummy.com/' + slug.replace('#Play', '').replace(/#/g, ',');
            slug = temp.split(',');
            getPageFromSlug(slug, true);
        }
        );
}

getBreadcrumbFromSlug = function(slug)
{   
    var response;
    switch(slug.length) {
        case 2:
            response = {
                'section': slug[1].replace(/-/g, '_')
                };
            break;
        case 3:
            response = {
                'section': slug[1].replace(/-/g, '_'),
                'subsection': slug[1].replace(/-/g, '_') + '_' + slug[2].replace(/-/g, '_')
                };
            break;
        case 4:
            response = {
                'section': slug[1].replace(/-/g, '_'),
                'subsection': slug[1].replace(/-/g, '_') + '_' + slug[2].replace(/-/g, '_'),
                'page': slug[1].replace(/-/g, '_') + '_' + slug[2].replace(/-/g, '_') + '_' + slug[3].replace(/-/g, '_')
                };
            break;
    }

    return response;
}

setBreadcrumb = function(crumb)
{
    var href = '#' + crumb.replace(/_/g, '#');
    $('li.menu a[href="' + href + '"]').trigger('click');
}

setBreadcrumbFromSlug = function(slug)
{
    response = getBreadcrumbFromSlug(slug);

    if(typeof response.section == "undefined") {
    //Do nothing
    } else {
        setBreadcrumb(response.section);
    }

    if(typeof response.subsection == "undefined") {
    //Do nothing
    } else {
        setBreadcrumb(response.subsection);
    }

    if(typeof response.page == "undefined") {
    //Do nothing
    } else {
        setBreadcrumb(response.page);
    }
}


embedPlayer = function(slug)
{
    var temp = 'http://dummy.com/' + slug.replace('#Play', '').replace(/#/g, ',');
    slug = temp.split(',');
    $.get('/ajax.php', {
        'action' : 'player',
        'slug[]': slug
    },
    function(response)
    {
        if(response.embed != null) {
            $('#page_content').slideUp('slow',
                function()
                {
                    $('#page_content').css('max-height', '');
                    $('#page_content').html(response.embed);
                    $('#page_content').slideDown('slow');
                    stopAnimation();
                }
                );
        }
    }, 'json'
    );
}

closePageContent = function(slug)
{
    $('#page_content').slideUp('slow');
    storePageContentFromSlug(slug);
}

storePageContentFromSlug = function(slug)
{
    var appendContent = '';

    if($('#page_content div.backgrounds_link').size()) {
        appendContent += '<div class="backgrounds_link">' + $('#page_content div.backgrounds_link').html()  + '</div>';
    }
    if($('#page_content a.media_link').size()) {
        appendContent += '<a href="' + $('#page_content a.media_link').attr('href') +'" class="' + $('#page_content a.media_link').attr('class') + '" title="' + $('#page_content a.media_link').attr('title') + '" onclick="embedPlayer(\'' + $('#page_content a.media_link').attr('href') + '\');">Watch media</a>';
    }
    $('#page_content').html('<div id="description"><p>Information</p></div>');
    $('#page_content').append(appendContent);
    $('#page_content div.backgrounds_link').slideUp('fast');
    initControls();
    $('#page_content').slideDown('slow');
    $('#page_content div.backgrounds_link').slideDown('slow');
    $('#page_content').css('max-height', '2px');
    $('#description').css('cursor', 'pointer');
    $('#description').click(
        function()
        {
            var tmp = 'http://dummy.com/' + slug.replace(/#/g, ',');
            slug = tmp.split(',');
            getPageFromSlug(slug, false);
            initControls();
            $('#page_content').css('max-height', 'auto');
        }
    );
}

initMenu = function()
{
    //	$('#main_menu li.menu ul').css('top', 0).css('position', 'absolute').css('left', $('#main_menu li.menu ul').parent().css('width')).hide();
    $('#main_menu li.menu ul').css('top', 0).css('position', 'absolute').css('left', '150px').hide();
    $('#main_menu li.menu a').click(
        function()
        {
            menuClick(this);
        }
        );
}

menuClick = function(element)
{
	
    // remove the class CurrentMenuItem from all links in the menu
    $(".page").removeClass('CurrentMenuItem');

    // add the class to THIS link
    $(element).addClass('CurrentMenuItem');


    $(element).parent().children('ul').children().each(
        function()
        {
            $(this).children('a').removeClass('active');
            $(this).show();
            $(this).children('ul').slideUp('slow');
            $(this).children('ul').children().each(
                function()
                {
                    $(this).children('a').removeClass('active');
                    $(this).children('ul').slideUp('slow');
                }
                );
        }
        );

    if($(element).attr('href') != window.location.hash) {
        if($(element).hasClass('page')) {
            var temp = 'http://dummy.com/' + $(element).attr('href').replace(/#/g, ',');
            slug = temp.split(',');
            getPageFromSlug(slug, true);
        }
    }

    if(!$(element).hasClass('active')) {
        $(element).addClass('active');
        $(element).parent().siblings().slideUp('slow');
        $(element).parent().children('ul').slideDown('slow');

		
    } else {
        $('#page_content').slideUp('slow');
        $(element).removeClass('active');
        $(element).removeClass('CurrentMenuItem');
        $(element).parent().siblings().slideDown('slow');
        $(element).parent().children('ul').slideUp('slow');
    }
	

}

$(document).ready(
    function()
    {
        var slug = new Array();
        if(window.location.href.indexOf('Landing') < 1) {
            initMenu();
        }
        
        slug = window.location.href;
        temp = slug.replace(/#/g, ',');
        slug = temp.split(',');
        
        if(slug.length > 1) {
            setTimeout(
                function()
                {
                    setBreadcrumbFromSlug(slug);
                    getPageFromSlug(slug, true);
                }, 700
                );
        } else {
            //			getPageBackgrounds(9999, 1);
            var temp = 'http://dummy.com/' + '#Home'.replace(/#/g, ',');
            slug = temp.split(',');
            setTimeout(
                function()
                {
                    getPageFromSlug(slug, true);
                }, 700
                );
        }
        
    }
    );