﻿/// <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');

			location.href = $('#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();
	}
}