/// <reference path="js/jq/jquery.intellisense.js"/>

var homepage =
{
    // properties
    trymodal: '#try-box-modal',
    downloadmodal: '#download-box-modal',
    trymodalbutton: '#bt-try',
    downloadmodalbutton: '#bt-download',
    requestinvitemodal: '#request-invite-modal',
    requestinvitebutton: '#request-invite',
    playmoviemodal: '#play-intro-modal',
    playmoviebutton: '#play-intro',

    //functions
    init: function () {
        $('#username').focus(unval);
        $('#password').focus(unvalpw);
        $('#invitecode, #invitemailaddress').hint();

        // attach events
        $(homepage.trymodal).jqm({ trigger: homepage.trymodalbutton, modal: 'true', overlay: 75, onShow: function (hash) {
            hash.w.show();
        }, onHide: function (hash) {
            hash.w.hide();
            homepage.trymodalreset();
            hash.o.remove();
        }
        }),
		$(homepage.downloadmodal).jqm({ trigger: homepage.downloadmodalbutton, modal: 'true', overlay: 75, onShow: function (hash) {
		    hash.w.show();
		}, onHide: function (hash) {
		    hash.w.hide();
		    homepage.trymodalreset();
		    hash.o.remove();
		}
		}),
		$(homepage.requestinvitemodal).jqm({ trigger: homepage.requestinvitebutton, modal: 'true', overlay: 75, onShow: function (hash) {
		    hash.w.show();
		}, onHide: function (hash) {
		    hash.w.hide();
		    homepage.requestinvitereset();
		    hash.o.remove();
		}
		}),
		$(homepage.trymodal).find('#invitecode').bind('keypress', function (e) {
		    var code = (e.keyCode ? e.keyCode : e.which);
		    if (code == 13) {
		        $(homepage.trymodal).find('#bt-try-box').click();
		    }
		}),
        $(homepage.trymodal).find('#bt-try-box').click(function () {
            $('#bt-try-box').attr('disabled', 'true');
            $('#try-box-modal-form').find('ul li:has(strong.errormessage)').remove();
            var invitecode = $(homepage.trymodal).find('#invitecode').val();
            $.post('/services/validateinvitecode', { 'invitecode': invitecode }, function (data) {
                $('#bt-try-box').removeAttr('disabled');
                if (data.result) {
                    window.location = '/account/setup?invitecode=' + invitecode;
                }
                else {
                    $('#try-box-modal-form').find('ul').prepend('<li><strong class="errormessage">' + data.message + '</strong></li>');
                }
            }, 'json');
        }),
        $(homepage.requestinvitemodal).find('#invitemailaddress').bind('keypress', function (e) {
            var code = (e.keyCode ? e.keyCode : e.which);
            if (code == 13) {
                $(homepage.requestinvitemodal).find('#bt-request-invite').click();
            }
        }),
		$(homepage.requestinvitemodal).find('#bt-request-invite').click(function () {
		    $('#bt-request-invite').attr('disabled', 'true');
		    $('#request-invite-modal-form').find('ul li:has(strong.errormessage)').remove();
		    $.post('/services/savemailaddress', { 'mailaddress': $('#invitemailaddress').val() }, function (data) {
		        $('#bt-request-invite').removeAttr('disabled');
		        if (data.result) {
		            $('#request-invite-modal-form').find('ul').prepend('<li><span class="description">' + data.message + '</span></li>');
		        }
		        else {
		            $('#request-invite-modal-form').find('ul').prepend('<li><strong class="errormessage">' + data.message + '</strong></li>');
		        }
		    }, 'json');
		}),
		$(homepage.playmoviemodal).jqm({ trigger: homepage.playmoviebutton, modal: 'true', overlay: 75, onShow: function (hash) {
		    hash.w.show();
		    $(homepage.playmoviemodal).find('#play-intro-modal-form').html($('#flashmov').html());
		    // Register usage// Register usage
		    analytics.track('Play homepage video');
		}, onHide: function (hash) {
		    hash.w.hide();
		    hash.o.remove();
		    $(homepage.playmoviemodal).find('#play-intro-modal-form').html('');
		}
		});

        $('#facebook-error-modal').jqm({ modal: 'true', onShow: function (hash) {
            hash.w.show();
            // Register usage
            analytics.track('Facebook login error');
        }, onHide: function (hash) {
            hash.w.hide();
            hash.o.remove();
        }
        }),
		$('#request-invite-code-inline').click(function () {
		    $('#try-box-modal').jqmHide();
		    $('#request-invite-modal').jqmShow();
		});
        $('#facebook-error-modal').find('.modal-close').click(function () { $('#facebook-error-modal').jqmHide(); });
        $('#facebook-error-modal').jqmShow();

        $('#connectfacebook').click(function () {
            facebook.redirect("/facebookconnect")
        });

        $('#bt-download-box').click(function () {
            var val = $('#download-emailaddress').val();

            if (jQuery.trim(val) != '') {
                // save email address
                $.post('/services/savemailaddress', { 'mailaddress': val }, function (data) { }, 'json');
            }

            analytics.track_funnel('D1');

            window.location = $('#bt-download').attr('href');
                        
            $(homepage.downloadmodal).jqmHide();
        });

        if ($.browser.msie && $.browser.version == 8) {
            $('#slideright').click(function () {
                analytics.track('slideright on homepage');

                $('#slideleft').show();
                if ($('#slideright').hasClass('slide1')) {
                    $('#getLifestyleSync').fadeOut();
                    $('#slideright').removeClass();
                    $('#slideleft').removeClass();
                    $('#slideright').addClass('slide2');
                    $('#slideleft').addClass('slide2');
                    $('#slidenr1').hide();
                    $('#slidenr2').show();
                    $('#slide2text').fadeIn();
                    $('#lefttext').fadeOut();
                    $('#currently-supporting').hide();
                }
                else if ($('#slideright').hasClass('slide2')) {
                    $('#slideright').removeClass();
                    $('#slideleft').removeClass();
                    $('#slideright').addClass('slide3');
                    $('#slideleft').addClass('slide3');
                    $('#slide2text').fadeOut();
                    $('#slide3text').fadeIn();
                    $('#slidenr2').hide();
                    $('#slidenr3').show();
                }
                else if ($('#slideright').hasClass('slide3')) {
                    $('#slideright').removeClass();
                    $('#slideleft').removeClass();
                    $('#slideright').addClass('slide4');
                    $('#slideleft').addClass('slide4');
                    $('#slide3text').fadeOut();
                    $('#slide4text').fadeIn();
                    $('#slidenr3').hide();
                    $('#slidenr4').show();
                }
                else if ($('#slideright').hasClass('slide4')) {
                    $('#slideright').removeClass();
                    $('#slideleft').removeClass();
                    $('#slideright').addClass('slide5');
                    $('#slideleft').addClass('slide5');
                    $('#slide4text').fadeOut();
                    $('#slide5text').fadeIn();
                    $('#slidenr4').hide();
                    $('#slidenr5').show();
                }
                else if ($('#slideright').hasClass('slide5')) {
                    $('#slideright').removeClass();
                    $('#slideleft').removeClass();
                    $('#slideright').addClass('slide1');
                    $('#slideleft').addClass('slide1');
                    $('#slide5text').fadeOut();
                    $('#slidenr5').hide();
                    $('#slidenr1').show();
                    $('#lefttext').fadeIn();
                    $('#getLifestyleSync').fadeIn();
                    $('#currently-supporting').show();
                }
            });
            $('#slideleft').click(function () {
                analytics.track('slideleft on homepage');

                if ($('#slideleft').hasClass('slide1')) {
                    $('#getLifestyleSync').fadeOut();
                    $('#slideleft').removeClass();
                    $('#slideright').removeClass();
                    $('#slideleft').addClass('slide5');
                    $('#slideright').addClass('slide5');
                    $('#slide5text').fadeIn();
                    $('#slidenr1').hide();
                    $('#slidenr5').show();
                    $('#lefttext').fadeOut();
                    $('#currently-supporting').hide();
                }
                else if ($('#slideleft').hasClass('slide5')) {
                    $('#slideleft').removeClass();
                    $('#slideright').removeClass();
                    $('#slideleft').addClass('slide4');
                    $('#slideright').addClass('slide4');
                    $('#slide5text').fadeOut();
                    $('#slide4text').fadeIn();
                    $('#slidenr5').hide();
                    $('#slidenr4').show();
                }
                else if ($('#slideleft').hasClass('slide4')) {
                    $('#slideleft').removeClass();
                    $('#slideright').removeClass();
                    $('#slideleft').addClass('slide3');
                    $('#slideright').addClass('slide3');
                    $('#slide4text').fadeOut();
                    $('#slide3text').fadeIn();
                    $('#slidenr4').hide();
                    $('#slidenr3').show();
                }
                else if ($('#slideleft').hasClass('slide3')) {
                    $('#slideleft').removeClass();
                    $('#slideright').removeClass();
                    $('#slideleft').addClass('slide2');
                    $('#slideright').addClass('slide2');
                    $('#slide3text').fadeOut();
                    $('#slide2text').fadeIn();
                    $('#slidenr3').hide();
                    $('#slidenr2').show();
                }
                else if ($('#slideleft').hasClass('slide2')) {
                    $('#slideleft').removeClass();
                    $('#slideright').removeClass();
                    $('#slideleft').addClass('slide1');
                    $('#slideright').addClass('slide1');
                    $('#slide2text').fadeOut();
                    $('#slidenr2').hide();
                    $('#slidenr1').show();
                    $('#lefttext').fadeIn();
                    $('#getLifestyleSync').fadeIn();
                    $('#currently-supporting').show();
                }
            });
        }
        else {
            $('#slideright').click(function () {
                analytics.track('slideright on homepage');

                $('#slideleft').show();
                if ($('#slideright').hasClass('slide1')) {
                    $('#getLifestyleSync').fadeOut();
                    $('#slideright').removeClass();
                    $('#slideleft').removeClass();
                    $('#slideright').addClass('slide2');
                    $('#slideleft').addClass('slide2');
                    $('#slidenr1').fadeOut();
                    $('#slidenr2').fadeIn();
                    $('#slide2text').fadeIn();
                    $('#lefttext').fadeOut();
                    $('#currently-supporting').hide();
                }
                else if ($('#slideright').hasClass('slide2')) {
                    $('#slideright').removeClass();
                    $('#slideleft').removeClass();
                    $('#slideright').addClass('slide3');
                    $('#slideleft').addClass('slide3');
                    $('#slide2text').fadeOut();
                    $('#slide3text').fadeIn();
                    $('#slidenr2').fadeOut();
                    $('#slidenr3').fadeIn();
                }
                else if ($('#slideright').hasClass('slide3')) {
                    $('#slideright').removeClass();
                    $('#slideleft').removeClass();
                    $('#slideright').addClass('slide4');
                    $('#slideleft').addClass('slide4');
                    $('#slide3text').fadeOut();
                    $('#slide4text').fadeIn();
                    $('#slidenr3').fadeOut();
                    $('#slidenr4').fadeIn();
                }
                else if ($('#slideright').hasClass('slide4')) {
                    $('#slideright').removeClass();
                    $('#slideleft').removeClass();
                    $('#slideright').addClass('slide5');
                    $('#slideleft').addClass('slide5');
                    $('#slide4text').fadeOut();
                    $('#slide5text').fadeIn();
                    $('#slidenr4').fadeOut();
                    $('#slidenr5').fadeIn();
                }
                else if ($('#slideright').hasClass('slide5')) {
                    $('#slideright').removeClass();
                    $('#slideleft').removeClass();
                    $('#slideright').addClass('slide1');
                    $('#slideleft').addClass('slide1');
                    $('#slide5text').fadeOut();
                    $('#slidenr5').fadeOut();
                    $('#slidenr1').fadeIn();
                    $('#lefttext').fadeIn();
                    $('#getLifestyleSync').fadeIn();
                    $('#currently-supporting').show();
                }
            });
            $('#slideleft').click(function () {
                analytics.track('slideleft on homepage');

                if ($('#slideleft').hasClass('slide1')) {
                    $('#getLifestyleSync').fadeOut();
                    $('#slideleft').removeClass();
                    $('#slideright').removeClass();
                    $('#slideleft').addClass('slide5');
                    $('#slideright').addClass('slide5');
                    $('#slide5text').fadeIn();
                    $('#slidenr1').fadeOut();
                    $('#slidenr5').fadeIn();
                    $('#lefttext').fadeOut();
                    $('#currently-supporting').hide();
                }
                else if ($('#slideleft').hasClass('slide5')) {
                    $('#slideleft').removeClass();
                    $('#slideright').removeClass();
                    $('#slideleft').addClass('slide4');
                    $('#slideright').addClass('slide4');
                    $('#slide5text').fadeOut();
                    $('#slide4text').fadeIn();
                    $('#slidenr5').fadeOut();
                    $('#slidenr4').fadeIn();
                }
                else if ($('#slideleft').hasClass('slide4')) {
                    $('#slideleft').removeClass();
                    $('#slideright').removeClass();
                    $('#slideleft').addClass('slide3');
                    $('#slideright').addClass('slide3');
                    $('#slide4text').fadeOut();
                    $('#slide3text').fadeIn();
                    $('#slidenr4').fadeOut();
                    $('#slidenr3').fadeIn();
                }
                else if ($('#slideleft').hasClass('slide3')) {
                    $('#slideleft').removeClass();
                    $('#slideright').removeClass();
                    $('#slideleft').addClass('slide2');
                    $('#slideright').addClass('slide2');
                    $('#slide3text').fadeOut();
                    $('#slide2text').fadeIn();
                    $('#slidenr3').fadeOut();
                    $('#slidenr2').fadeIn();
                }
                else if ($('#slideleft').hasClass('slide2')) {
                    $('#slideleft').removeClass();
                    $('#slideright').removeClass();
                    $('#slideleft').addClass('slide1');
                    $('#slideright').addClass('slide1');
                    $('#slide2text').fadeOut();
                    $('#slidenr2').fadeOut();
                    $('#slidenr1').fadeIn();
                    $('#lefttext').fadeIn();
                    $('#getLifestyleSync').fadeIn();
                    $('#currently-supporting').show();
                }
            });
        }

        if (document.URL.indexOf('?i') > -1)
            $(homepage.trymodal).jqmShow();
    },
    trymodalreset: function () {
        $('#try-box-modal-form').find('ul li:has(strong.errormessage)').remove();
        $('input#invitecode').val('').blur();
    },
    requestinvitereset: function () {
        $('#request-invite-modal-form').find('ul li:has(strong.errormessage)').remove();
        $('input#invitemailaddress').val('').blur();
    }
}