// DATE - 20th July 2011

$(function(){


	/* ------------------
	| PREP. Chrome/Safari don't like the spans in tabs - remove
	------------------ */
	
	var debug = location.href.indexOf('debug=true') != -1;
	var new_login_area = location.href.search('login=true') != -1;
	if (navigator.appVersion.indexOf('Chrome') != -1 || navigator.appVersion.indexOf('Safari') != -1) $('#vertical_tabs td span').remove();
	locale = 'us';


	/* ------------------
	| Old LOGIN FORM
	------------------ */
	//was here - backed up for contingency

	/* ------------------
	| ROUNDED CORNERS - add rounded corners class to relevant elements
	------------------ */	
	
	if(/MSIE 8/.test(navigator.appVersion)) $('div#singleContentPanel, div#content_divs, div.content-area').addClass('rounded-corners');
	
	/*----
	 |MISC
	 -----*/
	/*-- trial table --*/
	$('h1:contains(Fall in Love with Espresso Elem)').hide();
	$('#p10701 a img').css('border','none');

	
	/*========
	 Temporary fall in love button - killed as campaign has finished. Remove code entirely if it will never return.
	 ======*/
	 /*
	$('#trial-btn').css({'backgroundImage':'url(../other_files/promo_site_images/usa/btn_fall3.png)','top':'-10px','backgroundPosition':'top left','height':'126px'});
	$('#trial-btn').hover(function(){
		$('#trial-btn').css('backgroundPosition','bottom left');
	}, function(){
		$('#trial-btn').css('backgroundPosition','top left');
	});
	*/
	
	
	/*=============
	 |NEW LOGIN AREA
	 =============*/
		
	/*=======
	 |PREP
	 =======*/
	var is_IE = navigator.appVersion.match(/MSIE/);
	var old_IE = navigator.appVersion.match(/MSIE 7.0/);
	/*============
	 |create links
	 ============*/
	//create account link
	$('<div id="create-acct">').prependTo('#regArea');
	//student assignments link
	$('<div id="stud-assign">').prependTo('#regArea');
	$('<a>').attr('href','student').appendTo('#stud-assign');
	$('<span>').text('Student Assignments').appendTo('#stud-assign a');
	//login link
	$('<div id="login-link">').prependTo('#regArea');
	$('<a>').attr('href','login').appendTo('#login-link');
	$('<span>').text('Login').appendTo('#login-link a');
	
	
	/*=======
	 | FORMS
	 ======*/
	//instantiate forms and input fields
	var login_form = $('<form>').attr({'method':'POST','id':'login-form','action':'http://espresso.definedlearning.com/login_process.cfm'}).appendTo('#login-link'),
		stud_assign = $('<form>').attr({'method':'GET','name':'frmlogin','id':'stud-form','action':'http://espresso.definedlearning.com/student_login.cfm'}).appendTo('#stud-assign'),
		create_acct = $('<form>').attr({'method':'GET','id':'grp-form','action':'http://espresso.definedlearning.com/public/promo.cfm'}).appendTo('#create-acct'),
		login_label = $('<label>').attr('for', 'username').html('Username<br />'),
		login_input = $('<input>').attr({ 'id':'username','name':'strUsername','value':'','title':'username','type':'text' }),
		pswd_label = $('<label>').attr({'for':'password'}).html('Password<br />'),
		pswd_input = $('<input>').attr({ 'id':'password','name':'strPassword','value':'','title':'password','type':'password' }),
		login_submit = $('<input>').attr({ 'id':'login-submit','value':'','type':'submit' }),
		access_link = $('<a>').attr({ 'id':'no-access', 'href':'http://espresso.definedlearning.com/public/forgotpassword.cfm' }).text('Can\'t access account?'),
		stud_code_input = $('<input>').attr({ 'id':'stud-code','name':'strlogin','type':'text','value':'Student login code' }),
		stud_code_submit = $('<input>').attr({ 'id':'stud-submit','value':'','type':'submit' }),
		stud_form_para = $('<p>').html('<span><img src="http://www.espressoeducation.com/other_files/promo_site_images/usa/login/icon_milkshake.png" id="icon-milkshake" alt="icon" /></span>Your teacher will give you a code to access your Assignments'),
		code_access_link = $('<a>').attr({ 'id':'code-access', 'href':'http://espresso.definedlearning.com/student_login_help.cfm' }).text('Can\'t access account?'),
		createacct_code_input = $('<input>').attr({ 'id':'grp-code','name':'promo_name','type':'text','value':'Group code' }),
		createacct_submit = $('<input>').attr({ 'id':'grp-submit', 'value':'', 'type':'submit' }),
		whatsthis_link = $('<a>').attr({ 'id':'whats-this', 'href':'#' }).text('What\'s this?');
		
	/*== SET UP FORMS ==*/
	//login form
	login_form.append(login_label, login_input, pswd_label, pswd_input, login_submit, access_link).wrap('<fieldset id="login-wrapper">');
	
	//student assignments form
	stud_assign.append(stud_code_input, stud_code_submit, stud_form_para, code_access_link).wrap('<fieldset id="stud-wrapper">');
	
	//Create account(grp form) form
	create_acct.append(createacct_code_input, createacct_submit, whatsthis_link);
	
	//create account text
	$('<p id="create-acct-text">').text('Create account:').prependTo('#regArea');
	
	// Show/hide forms
	//prevent default behaviuor on all form links
	$('#login-link a:eq(0), #stud-assign a:eq(0)').click(function(e){ e.preventDefault(); })
	
	/*=== toggle forms ===*/
	//cache the links
	var login_link = $('#login-link').find('a:eq(0)'),
		student_link = $('#stud-assign').find('a:eq(0)');
	//toggle the forms	
	login_link.click(function(){
		$('#login-form').slideToggle(250);
		login_link.toggleClass('login-toggle bg-login-toggle');
	});
	
	student_link.click(function(){
		$('#stud-form').slideToggle(250);
		student_link.toggleClass('assign-toggle bg-stud-toggle');
	});
	
	//hide form when you click outside form parent area
	$('#login-wrapper, #stud-wrapper').mouseup(function(){ return false });
	
	$(document).mouseup(function(e){
		if($(e.target).parent('#login-link a').length == 0){
			login_link.removeClass('login-toggle bg-login-toggle');
			$('#login-form').slideUp(250);
		}
	});
	
	$(document).mouseup(function(e){
		if($(e.target).parent('#stud-assign a').length == 0){
			student_link.removeClass('assign-toggle bg-stud-toggle');
			$('#stud-form').slideUp(250);
		}
	});
	
	//'what's this' tooltip
	$('<span>')
		.attr({id:'whats-tooltip'})
		.appendTo('a#whats-this')
		.text('The group code is given by Espresso to a school/district. It allows staff to set up their own personal username and password to access Espresso Elementary.')
		.addClass('tooltip')
		.hide();
	
	$('#whats-this').bind('click mouseleave', function(evt) {
		evt.type == 'click' && !$('#whats-tooltip').is(':visible') ? $('#whats-tooltip').show() : $('#whats-tooltip').hide();
	});
	
	/* ------------------
	| FIELD LABELS for login/promo form on focus/blur.
	------------------ */
	
	var loginPromo_defaultValues = {};
	$('#login-form input, #stud-form input, #grp-form input')
		.each(function() {
			loginPromo_defaultValues[$(this).attr('name')] = $(this).val();
		})
		.bind('focus blur', function(evt) {
			var defVal = loginPromo_defaultValues[$(this).attr('name')];
			if (evt.type == 'focus')
				$(this).val($(this).val() == defVal ? '' : $(this).val());
			else
				$(this).val($(this).val() == '' ? defVal : $(this).val());
		});
	
	/*=====
	 MISC
	 =====*/
	//ie styling issues
	
	if(old_IE){
		$('#grp-submit, #login-submit, #stud-submit').addClass('ie7-adjust');
		
		//z-index fix for IE7
		var zIndexNumber = 1000;
		$('div').each(function() {
			$(this).css('zIndex', zIndexNumber);
			zIndexNumber -= 10;
		});
		
	}
	
});