Elexio = {}

Elexio.Initialized = false;

Elexio.ToggleSiteMap = function () {
    $("#site-map").toggle("fast");
}

//functions to show different slideshows

function showInteractive() {
    $('#design-options-slideshow div').css("z-index", "1");
    $('#design-options-slideshow div .ews_controls').css("z-index", "1");
    $('#design-options-slideshow div span.title').css("z-index", "1");
    $('#design-options-slideshow div.one').css("z-index", "2");
    $('#design-options-slideshow div.one .ews_controls').css("z-index", "2");
    $('#design-options-slideshow div.one span.title').css("z-index", "2");
}

function showStreamline() {
    $('#design-options-slideshow div').css("z-index", "1");
    $('#design-options-slideshow div .ews_controls').css("z-index", "1");
    $('#design-options-slideshow div span.title').css("z-index", "1");
    $('#design-options-slideshow div.two').css("z-index", "2");
    $('#design-options-slideshow div.two .ews_controls').css("z-index", "2");
    $('#design-options-slideshow div.two span.title').css("z-index", "2");
}

function showYoudesign() {
    $('#design-options-slideshow div').css("z-index", "1");
    $('#design-options-slideshow div .ews_controls').css("z-index", "1");
    $('#design-options-slideshow div span.title').css("z-index", "1");
    $('#design-options-slideshow div.three').css("z-index", "2");
    $('#design-options-slideshow div.three .ews_controls').css("z-index", "2");
    $('#design-options-slideshow div.three span.title').css("z-index", "2");
}

function showDynamiccanvas() {
    $('#design-options-slideshow div').css("z-index", "1");
    $('#design-options-slideshow div .ews_controls').css("z-index", "1");
    $('#design-options-slideshow div span.title').css("z-index", "1");
    $('#design-options-slideshow div.four').css("z-index", "2");
    $('#design-options-slideshow div.four .ews_controls').css("z-index", "2");
    $('#design-options-slideshow div.four span.title').css("z-index", "2");
}

function showSimpletemplates() {
    $('#design-options-slideshow div').css("z-index", "1");
    $('#design-options-slideshow div .ews_controls').css("z-index", "1");
    $('#design-options-slideshow div span.title').css("z-index", "1");
    $('#design-options-slideshow div.five').css("z-index", "2");
    $('#design-options-slideshow div.five .ews_controls').css("z-index", "2");
    $('#design-options-slideshow div.five span.title').css("z-index", "2");
}

//get hash tag and set appropriate tab
$(window).load(function () {
    var hash = window.location.hash.toString();
    if (hash.length > 0) {
        $('#design-options-selector div').removeClass("selected");
        $(hash.substring(0, hash.length - 7)).addClass("selected");
        var hashNew = hash.substring(0, hash.length - 7);
        if (hashNew == '#interactive') { showInteractive() }
        if (hashNew == '#streamline') { showStreamline() }
        if (hashNew == '#youdesign') { showYoudesign() }
        if (hashNew == '#dynamiccanvas') { showDynamiccanvas() }
        if (hashNew == '#simpletemplates') { showSimpletemplates() }
    }
});

$(document).ready(function () {
    $('ol.ewsCForms li:nth-child(odd)').addClass('alternate');
});


$(document).ready(function () {

    $('#design-options-selector div').click(function () {
        $('#design-options-selector div').removeClass("selected");
        $(this).addClass("selected");
    });
    $('#design-options-selector div#interactive').click(function () {
        showInteractive();
        window.location.hash = "interactive-option";
    });
    $('#design-options-selector div#streamline').click(function () {
        showStreamline();
        window.location.hash = "streamline-option";
    });
    $('#design-options-selector div#youdesign').click(function () {
        showYoudesign();
        window.location.hash = "youdesign-option";
    });
    $('#design-options-selector div#dynamiccanvas').click(function () {
        showDynamiccanvas();
        window.location.hash = "dynamiccanvas-option";
    });
    $('#design-options-selector div#simpletemplates').click(function () {
        showSimpletemplates();
        window.location.hash = "simpletemplates-option";
    });

});