$(document).ready(function() {    

    $("a[href^='http']").click(function(){window.open(this.href); return false;});
    
	var $tabs = $('#tabs').tabs();

	$(".ui-tabs-panel").each(function(i){
		var totalSize = $(".ui-tabs-panel").size() - 1;
		var thisnav = $(this).append("<div class='navigation'> </div> ");
		if (i != 0) {
			prev = i;
			//$(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'><span>" + previouslabel + " </span></a>");			
			$("<a href='#' class='prev-tab mover' rel='" + prev + "'><span>" + previouslabel + " </span></a>").appendTo($(this).find('.navigation'));
		}
		
		if (i != totalSize) {
			next = i + 2;
			//$(this).append("<a href='#' class='next-tab mover' rel='" + next + "'><span>" + nextlabel + "</span>");			
			$("<a href='#' class='next-tab mover' rel='" + next + "'><span>" + nextlabel + "</span></a>").appendTo($(this).find('.navigation'));
		}
		if (i == totalSize) {
			$("<input type='submit' value='"+ submitlabel +"' id='finish' />").appendTo($(this).find('.navigation'));
		}
	});
	
	$('.prev-tab').click(function() {
		$tabs.tabs('select', $(this).attr("rel"));
		return false;
	});
	//check to see if user has made a selection
	$('.next-tab, .submit, #finish').click(function() {	
		var selectedTab = $tabs.tabs('option', 'selected');		
		var selectedTabId = $('.ui-tabs-panel:eq(' + selectedTab + ')').attr("id");		
		var fieldName = $('#' + selectedTabId + ' .required').attr("name");	
		
		if (selectedTabId == "breed-1"){
			var selectValue = $('#' + fieldName).val();
			var breedSize = $('#breedSize').val();		
			var isValid = (selectValue == "" && breedSize == "") ? false : true;
		}
		else {
			var ischecked = $('input[name=' + fieldName + ']').is(':checked');
			var isValid = (ischecked) ? true : false;			
		}		
		if (isValid){
			if (selectedTab == 3) {
			
				$('#product_recommender').submit();
			}
			$tabs.tabs('select', $(this).attr("rel"));		
			$("#error_message").hide();
		}
		else{		
			$("#error_message").show();		
		}
		return false;    
	});
      
	//hide error message
    $('#error_message, .hidden-navigation').hide();
    $('.submit').show();		
		
	//change breed size when selecting breedtype
	$('#breedType').change(function(){
		$('#breedSize').val("");
		$("#age_questions").load("breed-size.php?locale="+locale+"&breed="+$('#breedType').val());
	});
	//change age labels depending on breedsize
	$('#breedSize').change(function(){
		$('#breedType').val("");
		var breedSize = $('#breedSize').val();
		switch (breedSize) {
			case "small": 
			case "medium": 
				$("#age_questions").load("breed-size.php?locale="+locale+"&size=small");
			break;
			case "large": 
				$("#age_questions").load("breed-size.php?locale="+locale+"&size=large");
			break;
			case "x-large": 
				$("#age_questions").load("breed-size.php?locale="+locale+"&size=x-large");
			break;
		}
	});	    

});