function getDocumentObject() {
    var a = null; /*Document Object*/
    if (document.body) {
        a = document.body;
    } else {
        if (document.documentElement) {
            a = document.documentElement;
        } else {
            a = null;
        }
    }
    return a;
}

function attachEvent_(p1, p2, p3, p4) {
    var a = document.getElementById(p1)

    if (a) {
        if (typeof p3 == 'function') {
            if (p2 != '') {
                if (!p4) p4 = false;
                if (a.addEventListener) {
                    a.removeEventListener(p2, p3, p4);
                    a.addEventListener(p2, p3, p4);
                    return true;
                } else if (a.attachEvent) {
                    a.detachEvent("on" + p2, p3);
                    a.attachEvent("on" + p2, p3);
                    return true;
                }
            }
        }
    }
}

function createDialog(id) {
    $('#' + id).dialog({
        disabled: false,
        autoOpen: false,
        closeOnEscape: true,
        draggable: true,
        resizable: true,
        stack: true,
        //show: 'fade',
        //hide: 'fade', 
        modal: true,
        position: 'center',
        title: 'Maui Canoe and Kayak Club',
        height: 600,
        width: 800,
        maxHeight: 720,
        maxWidth: 1005,
        minHeight: 240,
        minWidth: 385
    });
}

function dialogOpen(id) {
    $('#' + id).dialog('open');
}

function showLogo(p1, p2) {
    if (p1) {
        p1.src = 'images/logos/' + p2;
    }
}

function setBackground(i) {
    var obj = document.getElementById('bgphoto');
    if (obj) {
        obj.src = 'images/bg' + i + '.jpg';
    }
}

function validateForm(obj, objtype, validatetype) {
    if (obj) {
        switch (objtype) {
            case 'input':
                switch (validatetype) {
                    case 'string':
                        if (obj.value != '') {
                            obj.style.backgroundColor = '#FFFFFF';
                        } else {
                            obj.style.backgroundColor = '#FFFEC1';
                        }
                        break;
                    case 'date':
                        mydate = new Date(obj.value);
                        if (mydate.getFullYear()) {
                            obj.style.backgroundColor = '#FFFFFF';
                        } else {
                            obj.style.backgroundColor = '#FFFEC1';
                        }
                        break;
                }
                break;
            case 'select':
                switch (validatetype) {
                    case 'string':
                        if (obj.value != '') {
                            obj.style.backgroundColor = '#FFFFFF';
                        } else {
                            obj.style.backgroundColor = '#FFFEC1';
                        }
                        break;
                    case '':
                        break;
                }
                break
            case 'radio':
                switch (validatetype) {
                    case 'string':
                        if (obj.name == 'optSex') {
                            obj = document.getElementById('optSex1');
                            obj2 = document.getElementById('optSex2');
                        }
                        if (obj.name == 'optCourseType') {
                            obj = document.getElementById('optCourseType1');
                            obj2 = document.getElementById('optCourseType2');
                        }
                        if (obj.value != '') {
                            obj.style.backgroundColor = '#FFFFFF';
                            if (obj2) {
                                obj2.style.backgroundColor = '#FFFFFF';
                            }

                        } else {
                            obj.style.backgroundColor = '#FFFEC1';
                            if (obj2) {
                                obj2.style.backgroundColor = '#FFFEC1';
                            }
                        }
                        break;
                    case '':
                        break;
                }
                break;
        }
    }
}

function backRegister2() {
    dialogOpen('dialogRegister');
    $('#dialogRegister2').dialog("close");
}

function nextRegister2() {
    var optCourseType1 = document.getElementById('optCourseType1');
    var optCourseType2 = document.getElementById('optCourseType2');
    var cmbDivisionsShort = document.getElementById('cmbDivisionsShort');
    var cmbDivisionsLong = document.getElementById('cmbDivisionsLong');

    var boolIsValidated = true;

    if ((optCourseType1.checked == false) && (optCourseType2.checked == false)) { boolIsValidated = false; }
    if ((cmbDivisionsShort.value == '') && (cmbDivisionsLong.value == '')) { boolIsValidated = false; }
    
    if (boolIsValidated==true) {
        dialogOpen('dialogPurchase');
        $('#dialogRegister2').dialog("close");

        getEmail(getEmailData('save'), '');
    } else {
        alert('Please fill in all information required highlited in yellow');
    }
}

function skipRegister() {
    dialogOpen('dialogPurchase');
    $('#dialogRegister').dialog("close");
}

function nextRegister() {
    var txtFirstName = document.getElementById('txtFirstName');
    var txtLastName = document.getElementById('txtLastName');
    var txtEmail = document.getElementById('txtEmail');
    var txtPhone = document.getElementById('txtPhone');

    var boolIsValidated = true;

    if (txtFirstName.value == '') { boolIsValidated = false; }
    if (txtLastName.value == '') { boolIsValidated = false; }
    //if (txtDateOfBirth.value == '') { boolIsValidated = false; }
    if (txtEmail.value == '') { boolIsValidated = false; }
    if (txtPhone.value == '') { boolIsValidated = false; }
    //if ((optSex1.checked == false) && (optSex2.checked == false)) { boolIsValidated = false; }
    //if (optShirtSize.value == '') { boolIsValidated = false; }
    if (boolIsValidated == true) {
        dialogOpen('dialogRegister2');
        $('#dialogRegister').dialog("close");
    } else {
        alert('Please fill in all information required highlited in yellow');
    }
}

function backPurchase() {
    dialogOpen('dialogRegister2');
    $('#dialogPurchase').dialog("close");
}

function showDivisions(obj) {
    if (obj) {
        obj1 = document.getElementById('cmbDivisionsShort');
        obj2 = document.getElementById('cmbDivisionsLong');

        if (obj.id == 'optCourseType1') {
            if (obj1) {
                obj1.style.visibility = 'visible';
            }
            if (obj2) {
                obj2.style.visibility = 'hidden';
            }
        } else {
            if (obj.id == 'optCourseType2') {
                if (obj1) {
                    obj1.style.visibility = 'hidden';
                }
                if (obj2) {
                    obj2.style.visibility = 'visible';
                }
            }
        }
    }
}

//AJAX
function ReceiveServerData(arg, context) {

}
//AJAX

function getEmailData() {
    var a = document.getElementById('txtFirstName');
    var b = document.getElementById('txtLastName');
    var c = document.getElementById('txtDateOfBirth');
    var d = document.getElementById('optSex1');
    var e = document.getElementById('optSex2');
    var f = document.getElementById('txtEmail');
    var g = document.getElementById('txtPhone');
    var h = document.getElementById('optShirtSize');
    var i = document.getElementById('cmbDivisionsShort');
    var j = document.getElementById('cmbDivisionsLong');
    var k = document.getElementById('txtNotes');
    var l = document.getElementById('txtWaterCraftNumber');
    var m = document.getElementById('txtWaterCraftModel');
    var n = document.getElementById('txtWaterCraftColor');

    if (a) {
        var a_ = a.value;
    }
    if (b) {
        var b_ = '~' + b.value;
    }
    if (c) {
        var c_ = '~' + c.value;
    }
    if (d) {
        var d_ = '~' + d.checked;
    }
    if (e) {
        var e_ = '~' + e.checked;
    }
    if (f) {
        var f_ = '~' + f.value;
    }
    if (g) {
        var g_ = '~' + g.value;
    }
    if (h) {
        var h_ = '~' + h.value;
    }
    if (i) {
        var i_ = '~' + i.value;
    }
    if (j) {
        var j_ = '~' + j.value;
    }
    if (k) {
        var k_ = '~' + k.value;
    }
    if (l) {
        var l_ = '~' + l.value;
    }
    if (m) {
        var m_ = '~' + m.value;
    }
    if (n) {
        var n_ = '~' + n.value;
    }

    var email = a_ + b_ + c_ + d_ + e_ + f_ + g_ + h_ + i_ + j_ + k_ + l_ + m_ + n_;

    alert('Thank You for submitting your race Registration information.  Please continue with Payment.');

    return email;
}

function initializescripts() {
    createDialog('dialogResults_');	

    for (i = 1; i <= 12; i++) {
        createDialog('dialogMap_' + i);
        createDialog('dialogInfo_' + i);
        createDialog('dialogPhotos_' + i);

        objTitle_ = document.getElementById('carouselTitle_' + i);

        if (objTitle_) {
            $('#dialogMap_' + i).dialog("option", "title", '' + objTitle_.innerHTML);
            $('#dialogInfo_' + i).dialog("option", "title", '' + objTitle_.innerHTML);
            $('#dialogPhotos_' + i).dialog("option", "title", '' + objTitle_.innerHTML);
        }

        dialogOpen_ = function (name, i) { return function () { dialogOpen('dialog' + name + '_' + i); }; };

        attachEvent_('carouselMap_' + i, 'click', dialogOpen_('Map', i), false);
        attachEvent_('carouselInfo_' + i, 'click', dialogOpen_('Info', i), false);
        attachEvent_('carouselPhotos_' + i, 'click', dialogOpen_('Photos', i), false);
        attachEvent_('carouselResults_' + i, 'click', dialogOpen_('Results', ''), false);
    }

    createDialog('dialogAbout');
    createDialog('dialogSponsors');
    createDialog('dialogAdvertise');
    createDialog('dialogVolunteers');
    createDialog('dialogDonate');
    createDialog('dialogLinks');
    createDialog('dialogContact');
    createDialog('dialogRegister');
    createDialog('dialogRegister2');
    createDialog('dialogPurchase');
    createDialog('dialogWarning');

    $('#dialogRegister').dialog("option", "buttons", { "Next": function () { nextRegister(); } }); //, "Skip Registration": function () { skipRegister(); }
    $('#dialogRegister2').dialog("option", "buttons", { "Back": function () { backRegister2(); }, "Submit Registration": function () { nextRegister2(); } });
    $('#dialogPurchase').dialog("option", "buttons", { "Close": function () { $(this).dialog("close"); } });

    $('#dialogAbout').dialog("option", "title", 'About - Maui Canoe and Kayak Club');
    $('#dialogSponsors').dialog("option", "title", 'Sponsors - Maui Canoe and Kayak Club');
    $('#dialogAdvertise').dialog("option", "title", 'Advertise - Maui Canoe and Kayak Club');
    $('#dialogVolunteers').dialog("option", "title", 'Volunteers - Maui Canoe and Kayak Club');
    $('#dialogDonate').dialog("option", "title", 'Donate - Maui Canoe and Kayak Club');
    $('#dialogLinks').dialog("option", "title", 'Links - Maui Canoe and Kayak Club');
    $('#dialogContact').dialog("option", "title", 'Contact - Maui Canoe and Kayak Club');
    $('#dialogRegister').dialog("option", "title", 'Register - 2012 MCK Race Season');
    $('#dialogRegister2').dialog("option", "title", 'Register Cont. - 2012 MCK Race Season');
    $('#dialogPurchase').dialog("option", "title", 'Purchase - 2012 MCK Race Season');

    attachEvent_('tocAbout', 'click', function () { dialogOpen('dialogAbout'); }, false);
    attachEvent_('tocSponsors', 'click', function () { dialogOpen('dialogSponsors'); }, false);
    attachEvent_('tocAdvertise', 'click', function () { dialogOpen('dialogAdvertise'); }, false);
    attachEvent_('tocVolunteers', 'click', function () { dialogOpen('dialogVolunteers'); }, false);
    attachEvent_('tocDonate', 'click', function () { dialogOpen('dialogDonate'); }, false);
    attachEvent_('tocLinks', 'click', function () { dialogOpen('dialogLinks'); }, false);
    attachEvent_('tocContact', 'click', function () { dialogOpen('dialogContact'); }, false);
    attachEvent_('tocRegister', 'click', function () { dialogOpen('dialogRegister'); }, false);
    attachEvent_('tocRegister2', 'click', function () { dialogOpen('dialogRegister2'); }, false);
    attachEvent_('tocPurchase', 'click', function () { dialogOpen('dialogPurchase'); }, false);

    //dialogOpen('dialogPurchase');
    //dialogOpen('dialogRegister'); 
    //dialogOpen('dialogWarning');
}

function initializeadmin() {
    if (WebTools.isadmin == true) {
        var imagemasks = document.getElementById('toggleimagemasks');

        if (imagemasks) { imagemasks.style.visibility = 'visible'; }  
    }
}

function togglemasks() {
    var visibility = 'hidden';
    var msg = 'HIDE IMAGE MASKS';
    var imagemasks = document.getElementById('toggleimagemasks');

    var mask1 = document.getElementById('carousel_Mask_1');
    var mask2 = document.getElementById('carousel_Mask_2');
    var mask3 = document.getElementById('carousel_Mask_3');
    var mask4 = document.getElementById('carousel_Mask_4');
    var mask5 = document.getElementById('carousel_Mask_5');
    var mask6 = document.getElementById('carousel_Mask_6');
    var mask7 = document.getElementById('carousel_Mask_7');
    var mask8 = document.getElementById('carousel_Mask_8');
    var mask9 = document.getElementById('carousel_Mask_9');
    var mask10 = document.getElementById('carousel_Mask_10');
    var mask11 = document.getElementById('carousel_Mask_11');
    var mask12 = document.getElementById('carousel_Mask_12');

    var mask13 = document.getElementById('mckcblogphotomask');

    if (mask1.style.visibility == 'hidden') {
        visibility = 'visible'
        msg = 'SHOW IMAGE MASKS';
    }

    if (imagemasks) {
        imagemasks.innerHTML = msg;
    }

    if (mask1) { mask1.style.visibility = visibility; }
    if (mask2) { mask2.style.visibility = visibility; }
    if (mask3) { mask3.style.visibility = visibility; }
    if (mask4) { mask4.style.visibility = visibility; }
    if (mask5) { mask5.style.visibility = visibility; }
    if (mask6) { mask6.style.visibility = visibility; }
    if (mask7) { mask7.style.visibility = visibility; }
    if (mask8) { mask8.style.visibility = visibility; }
    if (mask9) { mask9.style.visibility = visibility; }
    if (mask10) { mask10.style.visibility = visibility; }
    if (mask11) { mask11.style.visibility = visibility; }
    if (mask12) { mask12.style.visibility = visibility; }
    if (mask13) { mask13.style.visibility = visibility; }
}

$(window).load(function () {
    $('#loopedCarousel').loopedCarousel(0, 900, 300, 4, 10, false, false);
    $('#loopedCarousel2').loopedCarousel(0, 900, 300, 5, 10, false, true);

    initializescripts();
});


function myWebTools() {
    initializeadmin();
}