var currentCase;

function init() {
    document.getElementById('infoStart').style.display = '';
    var sowp = document.getElementById('solution').style.display = '';
}
function hideLoginForm() {
    if (!document.getElementById('username').focused && !document.getElementById('password').focused) {
        document.getElementById('loginForm').style.display = 'none';
        document.getElementById('showLoginBtn').style.display = 'inline';
    }
}
function loginFieldFocus(control) {
    if (control.value == 'Username' || control.value == 'Password')
        control.value = ''

}
function loginFieldBlur(control) {
    var bluredField
    if (control.value.length <= 0) {
        if (control.id == 'username') {
            control.value = 'Username';
            bluredField = document.getElementById('password');
        } else {
            control.value = 'Password'
            bluredField = document.getElementById('username');
        }
    }

    if ((control.value == 'Username' || control.value == 'Password') && (bluredField.value == 'Username' || bluredField.value == 'Password')) {
        hideLoginForm();
    }

}
function showLoginForm() {
    document.getElementById('showLoginBtn').style.display = 'none';
    document.getElementById('loginForm').style.display = '';
    document.getElementById('username').focus();
}

var myX, myY, xyOn, myMouseX, myMouseY;
xyOn = true;
function getXYPosition(e) {
    myMouseX = ((e || event).clientX);
    myMouseY = ((e || event).clientY);
    myMouseX = myMouseX + 25;
    if (document.documentElement.scrollTop > 0) {
        myMouseY = myMouseY + document.documentElement.scrollTop;
    }
    myMouseY = myMouseY - 45;
    var windowWidth = getWindowSize()
    if (currentCase == 'jalusi' || currentCase == 'sailracing' || currentCase == 'jarnia') {
        document.getElementById('infoBox').className = 'infoBoxLeft';
        document.getElementById('infoBoxContent').className = 'infoBoxContentLeft';
        myMouseX = (myMouseX - 340);
    } else {
        document.getElementById('infoBox').className = 'infoBoxRight';
        document.getElementById('infoBoxContent').className = 'infoBoxContentRight';
    }
    if (xyOn) {
        var infoBox = document.getElementById('infoBox');
        infoBox.style.display = '';
        infoBox.style.left = String(myMouseX) + 'px';
        infoBox.style.top = String(myMouseY) + 'px';
    }
}
function getWindowSize() {
    if (parseInt(navigator.appVersion) > 3) {
        if (navigator.appName == "Netscape") {
            winW = window.innerWidth;
            //winH = window.innerHeight;
        }
        if (navigator.appName.indexOf("Microsoft") != -1) {
            winW = document.body.offsetWidth;
            //winH = document.body.offsetHeight;
        }
    }
    return winW
}

function getCursorXY(control) {
    var info = document.getElementById('infoContent');
    var wp = document.getElementById('Webpublisher');
    var tb = document.getElementById('TravelBooking');
    var sf = document.getElementById('StoreFront');
    var sowp = document.getElementById('solutionWp');
    var sotb = document.getElementById('solutionTb');
    var sosf = document.getElementById('solutionSf');

    
    hideCaseItems();
    currentCase = control.id;
    switch (control.id) {
        case 'rekyl':
            document.getElementById('table_' + control.id).style.display = '';
            wp.style.display = '';
            sowp.style.display = '';

            break;
        case 'jalusi':
            document.getElementById('table_' + control.id).style.display = '';
            wp.style.display = '';
            sowp.style.display = '';
            break;
        case 'jarnia':
            document.getElementById('table_' + control.id).style.display = '';
            wp.style.display = '';
            sowp.style.display = '';
            
            break;
        case 'bus4you':
            document.getElementById('table_' + control.id).style.display = '';
            wp.style.display = '';
            sowp.style.display = '';
            
            break;
        case 'sailracing':
            //            info.appendChild(document.createTextNode('onlinestore.sailracing.com'));
            document.getElementById('table_' + control.id).style.display = '';
            sf.style.display = '';
            sosf.style.display = '';
            break;
    }
    control.onmousemove = getXYPosition;
}
function hideCaseItems() {
    document.getElementById('table_jarnia').style.display = 'none';
    document.getElementById('table_rekyl').style.display = 'none';
    document.getElementById('table_bus4you').style.display = 'none';
    document.getElementById('table_jalusi').style.display = 'none';
    document.getElementById('table_sailracing').style.display = 'none';
    document.getElementById('Webpublisher').style.display = 'none';
    document.getElementById('TravelBooking').style.display = 'none';
    document.getElementById('StoreFront').style.display = 'none';
    document.getElementById('infoStart').style.display = 'none';
    document.getElementById('solution').style.display = 'none';
    document.getElementById('solutionWp').style.display = 'none';
    document.getElementById('solutionTb').style.display = 'none';
    document.getElementById('solutionSf').style.display = 'none';
}   
function removeChildren(node) {
    while (node.hasChildNodes()) {
        node.removeChild(node.firstChild);
    }
}
function hideInfoBox() {
    hideCaseItems();
    document.getElementById('infoStart').style.display = 'inline';
    var infoBox = document.getElementById('infoBox');
    infoBox.style.display = 'none';
    document.getElementById('solution').style.display = 'inline';
}