$(document).ready(function(){		
	init_over_labels();			  
	set_auto_slide_timer();

	var slide_tabs = $('#slide_tabs_wrap li');	
		
	slide_tabs.click(function(){
		slide_tabs.removeClass('current_slide_tab');
		$(this).addClass('current_slide_tab');
		var tab_pos = parseInt(this.id.charAt(this.id.length-1))-1;
		move_slide(tab_pos);
		reset_auto_slide_timer();
	});	 

});

var tab_position = 0;
var slide_timer;

function move_active_tab(tab_pos){
	$('#slide_tabs_wrap li').removeClass('current_slide_tab');
	$('#slide_tab_'+(tab_pos+1)).addClass('current_slide_tab');
}

function move_slide(tab_pos){
	tab_position = tab_pos;
	if(tab_pos == 0){ // CS asked for this - said it made them dizzy without!?
		$('#slides_wrap').css({left: 0});
	}else{
		var slide_position = -(tab_position * 1004);		
		$('#slides_wrap').animate({left: slide_position}, 750); 		
	}					
}

function next_slide(){
	++tab_position
	if( tab_position == 3 ){ tab_position = 0 };
	move_active_tab(tab_position);	
	move_slide(tab_position);
}

function set_auto_slide_timer(){ slide_timer = setInterval('next_slide()', 15000); }

function reset_auto_slide_timer(){
	clearInterval(slide_timer);
	set_auto_slide_timer();
}



// Over Labels //
function init_over_labels() {	
	var labels, id, field;
	labels = $('.over_label');	
	labels.each(function(){
  		id = $(this).attr("for");
		field = $('#'+id);
     	if (id && field) {
      		this.className = 'overlabel_apply'; 
      		if (field.val() != '') {hide_label(field.attr('id'), true);}
	   		field.focus(function(){hide_label($(this).attr('id'), true);});
	   		field.blur(function(){if ($(this).val() == ''){hide_label($(this).attr('id'), false);}});			
		};      		
	});
	labels_autocomplete_fix();
};

function hide_label(field_id, hide) {
  	var field_for;
  	var labels = $('label');
	labels.each(function(){
		id = $(this).attr("for");
    	if (id == field_id) {
      		this.style.textIndent = (hide) ? '-2000px' : '0px';
      		return true;
    	}
  	});
}

function labels_autocomplete_fix(){
	username_handler = setInterval(function(){if ($("#email_address_or_username_field").val() != '') {hide_label("email_address_or_username_field", true);}}, 100);
	password_handler = setInterval(function(){if ($("#password_field").val() != '') {hide_label("password_field", true);}}, 100);
}