var w = window.innerWidth;
var h = window.innerHeight;
var menuHeight = 600;
var orgOffset = 284;
var isSecure = location.pathname.toLowerCase().indexOf("secure") >= 0;
if (isSecure) {
    menuHeight += 48;
    orgOffset += 48;
}

function isMobile() {
	return false;
}

//console.log(isSecure);
$(function () {
    $('#mainLayout').w2layout({
        name: 'mainLayout',
        panels: [
            { type: 'top', size: 40  },
            { type: 'left', size: 300, resizable: false },
            { type: 'main' },
            { type: 'bottom', size: 20, resizable: false }
        ]
    });
});

function initPage() {
    var head = '<div class="header">';
    head += '<div style="float: left;">';
    head += '&nbsp;<img src="images/ScoreMasterLogoSimple.gif"  height="40" width="28" />';
    head += '</div><div style="float: left; display: table-cell; vertical-align: middle;">';
    head += '<table style="height: 40px; width: 150px;"><tr><td style="vertical-align: middle;">';
    head += '&nbsp;&nbsp;&nbsp;&nbsp;<span class="SuperScriptCapHead">S</span><span class="SubScriptCapHead">ECOND</span>&nbsp;<span class="SubScriptCapHead">AND</span>&nbsp;<span class="SuperScriptCapHead">G</span><span class="SubScriptCapHead">OAL</span>&nbsp<span class="SuperScriptCapHead">S</span><span class="SubScriptCapHead">OFTWARE</span>';
    head += '</td></tr></table></div>';
    head += '<div style="float: right; display: table-cell; vertical-align: middle;">';
    head += '<table style="height: 40px; width: 250px;"><tr><td style="vertical-align: middle; text-align: right;">';
    head += '<span class="SuperScriptCapContent">P</span><span class="SubScriptCapContent">UBLISHERS</span>&nbsp;';
    head += '<span class="SubScriptCapContent">OF</span>&nbsp;';
    head += '<span class="SuperScriptCapContent">S</span><span class="SubScriptCapContent">CORE</span><span class="SuperScriptCapContent">M</span><span class="SubScriptCapContent">ASTER</span>&nbsp;';
    head += '<span class="SuperScriptCapContent">L</span><span class="SubScriptCapContent">EAGUE</span>&nbsp;';
    head += '<span class="SuperScriptCapContent">M</span><span class="SubScriptCapContent">ANAGEMENT</span>&nbsp;';
    head += '<span class="SuperScriptCapContent">S</span><span class="SubScriptCapContent">ERVICE</span>&nbsp;';
    head += '</td></tr></table></div></div>';
    var src = 'Home.aspx';
    if (isSecure) {
        src = 'HomeSecure.aspx';
    }
    w2ui.mainLayout.content('top', head);
   	w2ui.mainLayout.content('left', '<div id="menu" style="width: 300px; min-height: ' + menuHeight.toString() + 'px; overflow: auto;">menu</div><div style="clear: both;"></div>');
    w2ui.mainLayout.content('main', '<iframe id="mainContent" style="padding: 1px 1px 1px 1px;" frameborder="0" src="' + src + '"></iframe>' );
    var currentYear = (new Date).getFullYear();
    w2ui.mainLayout.content('bottom', '<div class="footer">&copy; 2008-' + currentYear.toString() + ' Second and Goal Software. All Rights Reserved.</div>');
    ResizeElements('init');
    buildMenu();
}

function ResizeElements(action) {
    w = window.innerWidth;
    h = window.innerHeight;
    w -= 20;
    h -= 20;
    document.getElementById('mainLayout').style.minWidth = (w.toString() + 'px');
    document.getElementById('mainLayout').style.minHeight = (h.toString() + 'px');

    w -= 318;
    h -= 72;
    document.getElementById('menu').style.minHeight = ((h - 20).toString() + 'px');
    document.getElementById('menu').style.maxHeight = ((h - 20).toString() + 'px');
    document.getElementById('mainContent').style.minHeight = (h.toString() + 'px');
    document.getElementById('mainContent').style.minWidth = (w.toString() + 'px');
    document.getElementById('mainContent').style.maxWidth = ((w + 1).toString() + 'px');
}

function buildMenu() {
    $('#menu').w2sidebar({
        name: 'sidebar',
        img: null,
        nodes: [
            {
                id: 'mnu-1', text: 'Second and Goal', expanded: true, group: true,
                nodes:
                [
                ]
            }
        ],
        onClick: function (event) {
            var act = event.target;
            var page = act.split("-");
            var target = '';
            //console.log(page[page.length - 1]);
            //console.log(page[page.length - 1].indexOf("none"));
            if (page[page.length - 1].indexOf("none") < 0) {
                target = page[page.length - 1] + '.aspx';
                if (target != '' && target != '.aspx') {
                	console.log(target);
            		document.getElementById('mainContent').setAttribute("src", target);
                }
            }
        },
        onExpand: function (event) {
            if (isSecure) {
                //collapseOthers(event.target, 'sidebar');
            }
        }
    });

    w2ui['sidebar'].add('mnu-1', { id: 'mnu-1-Home', text: 'Home', icon: 'fa-cog' });
    w2ui['sidebar'].add('mnu-1', { id: 'mnu-1-none1', text: 'ScoreMaster', icon: 'fa-cog', expanded: true });
    w2ui['sidebar'].add('mnu-1-none1', { id: 'mnu-1-Product', text: 'Product Info', icon: 'fa-search' });
    w2ui['sidebar'].add('mnu-1-none1', { id: 'mnu-1-Testimonials', text: 'Testimonials', icon: 'fa-search' });
    w2ui['sidebar'].add('mnu-1-none1', { id: 'mnu-1-Access', text: 'Scoremaster Access', icon: 'fa-plus' });
    w2ui['sidebar'].add('mnu-1', { id: 'mnu-1-none2', text: 'Company', icon: 'fa-cog', expanded: true });
    w2ui['sidebar'].add('mnu-1-none2', { id: 'mnu-1-About', text: 'About Us', icon: 'fa-search' });
    w2ui['sidebar'].add('mnu-1-none2', { id: 'mnu-1-Contact', text: 'Contact Us', icon: 'fa-plus' });
}