/**
 * Dependency, jquery-1.2.6.js
 * Dependency, Framework.js
 * 
 * This is the behavior for the iPod/iPhone page
 * 
 * @author Kevin Sweeney (Fi)
 */

var EA = new Object();

/**
 * DOM ready function. This function will fire when the DOM has been loaded. This function
 * is normally fired before all images have been loaded.
 */
$(function(){
	
	EA.framework = new Framework();
	EA.gameTabs = new TabView("iPods", 0);
	
	if (!EA.framework.oldBrowser()) {
		
		styleNewsInputFields();
		createNewsDropdowns();
		styleNewsSubmitButtons();
		
	}
	
	buildAppleNewsletter();
	
});

function buildAppleNewsletter() {
	
	$('#iNewsletterOptIn').click(function(e) {
		e.preventDefault();
	})
	
	$('#iNewsletterForm').submit(function(e) {
		
		var formValid	= true;
		
		var email		= $('#iNewsletterEmail input').val();
		
		var regex		= /^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i
		var emailOk		= regex.test(email);
		
		var month		= $('#iNewsletterMonth div.selectLabel').text();
		var monthOk		= month != 'Month';
		
		var day			= $('#iNewsletterDay div.selectLabel').text();
		var dayOk		= day != 'Day';
		
		var year		= $('#iNewsletterYear div.selectLabel').text();
		var yearOk		= year != 'Year';
		
		if (!emailOk) {
			
			formValid = false;
			
			$('#iNewsletterEmail input').addClass('error');
			
			if (email == '') {
				$('#iNewsletterEmail input').val('Please enter a valid email!');
			}
			
			$('#iNewsletterEmail input').focus(function(){
				
				$('#iNewsletterEmail input').removeClass('error');
				
				if ($('#iNewsletterEmail input').val() == 'Please enter a valid email!') {
					$('#iNewsletterEmail input').val('');
				}
				
			});
			
		}
		
		if (!monthOk) {
			formValid = false;
			$('#iNewsletterMonth div.selectLabel').wrapInner('<span class="error"></span>');
		}
		
		if (!dayOk) {
			formValid = false;
			$('#iNewsletterDay div.selectLabel').wrapInner('<span class="error"></span>');
		}
		
		if (!yearOk) {
			formValid = false;
			$('#iNewsletterYear div.selectLabel').wrapInner('<span class="error"></span>');
		}
		
		if (!formValid) {
			e.preventDefault();
		}
		
	});
	
}

/**
 * Skins all supplied input fields
 */
function styleNewsInputFields() {
	$('#iNewsletterEmail').addClass('iNewsEmail');
}

function createNewsDropdowns() {
	
	var dropdownIDs		= ['iNewsletterMonth', 'iNewsletterDay', 'iNewsletterYear'];
	var dropdownClasses	= ['iNewsMonth', 'iNewsDay', 'iNewsYear'];
	var labels			= ['Month', 'Day', 'Year'];
	
	var i = 0;
	var size = dropdownIDs.length;
	for (i = 0; i < size; i++) {
		$('#' + dropdownIDs[i]).addClass('skinnedDropdown ' + dropdownClasses[i]);
		$('#' + dropdownIDs[i] + ' .selectLabel').text(labels[i]);
		$('#' + dropdownIDs[i] + ' select').change(function(){
			
			var nextText = $(this).children('option').get(this.selectedIndex).text;
			
			if ($(this.parentNode).attr('id') == 'iNewsMonth') {
				nextText = nextText.substr(0, 3);
			}
			
			$(this.parentNode).children('.selectLabel').text(nextText);
			//$(this.parentNode).children('.selectLabel').text(this.value);
			
		});
	}
	
}

/**
 * Skins all supplied input buttons
 */
function styleNewsSubmitButtons() {
	$('#newsletterIPhoneSubmit').addClass('iNewsSubmit');
	$('#newsletterIPhoneSubmit').val('');
}