//-------------------------------------------------------------------------------------------
// ciba-lst.js
// SCRIPTS FILE FOR CIBA VISION LENS SELECTOR TOOL 
// Version 1.0. Jan. 2010.
//-------------------------------------------------------------------------------------------


//-------------------------------------------------------------------------------------------
// GLOBAL VARIABLES - SHOULD NEVER NEED TO EDIT THESE!
//-------------------------------------------------------------------------------------------
  var disableSWF=false;                   //Will NOT display Flash elements if set to true.
  var howOften="";                        //How often do you wear contacts (days/week)
  var currQuestion = 1;                   //For getting current question
  var selproduct = "";			      //Global variable for recommended product
  var errorsOn = true;                    //Set to true if you want to turns the errors back on, false turns errors off
  var backReferrer = new Array();         //Stores what questions you came from
  var prevQuestion = 1;                   //Changes depending on what question you're on, refers to backReferrer array, not question
//-------------------------------------------------------------------------------------------


$(function(){  

   //-------------------------------------------------------------------------------------------
   // IE6 SUPPORT, fix PNG images, remove preloader, resize panel
   //------------------------------------------------------------------------------------------ 
   if(scripts_isIE6)
   {
      $(window).load( function() { 
        $("#loading").remove();
	$(document).pngFix();
	fixDimensions();
      });
      $(window).resize(fixDimensions);
   }


   //-------------------------------------------------------------------------------------------
   // RESET ALL QUESTIONS AND SLIDE TO BEGINNING
   //-------------------------------------------------------------------------------------------
   resetQuestions();
   
   //-------------------------------------------------------------------------------------------
   // PRELOAD SOME IMAGES
   //-------------------------------------------------------------------------------------------
   var _images = ["images/beaker/fill1.jpg", 
		  "images/beaker/fill2.jpg", 
		  "images/beaker/fill3.jpg",
		  "images/beaker/fill4.jpg",
		  "images/beaker/fill5.jpg",
		  "images/beaker/fill6.jpg",
		  "images/beaker/fill7.jpg",
		  "images/beaker/fill8.jpg", 
		  "images/checkWear/pic-bg-lg.gif",
		  "images/checkWear/pic-bg1.jpg", 
		  "images/checkWear/pic-bg2.jpg", 
		  "images/checkWear/pic-bg3.jpg", 
		  "images/checkWear/pic-bg4.jpg", 
		  "images/checkWear/pic-bg5.jpg",
		  "images/nav-tall-bg.gif", 
		  "images/cSlider/drag-left.gif", 
		  "images/cSlider/drag-right.gif", 
		  "images/cSlider/slider-bg.gif"];
    var gotime = _images.length;
 
    $.each(_images,function(e) {
       $(new Image()).load(function() {
	 if (--gotime < 1) begin();
       }).attr('src',this);
    });
});


//-------------------------------------------------------------------------------------------
// BUILD ANIMATION / SCROLLING CLICKS
//------------------------------------------------------------------------------------------ 
function begin()
{ 
	//-------------------------------------------------------------------------------------------
	// SETUP CLICKS FOR BACK BUTTONS
	//------------------------------------------------------------------------------------------ 
	$('a.back').click(function(){
		$("#qErr").css("visibility", "hidden");
		if(prevQuestion > 1)
			prevQuestion--;
		currQuestion = backReferrer[prevQuestion];
		scrollToQ(backReferrer[prevQuestion]);
		changeGlobe(backReferrer[prevQuestion]);
	});     
	
	//////START OVER LINK
	$('a.startOver').click(function(){
		resetQuestions();
		lst_trackEvent('LST_Product_Reco_Navigation', 'Start_Over', '');
	});

    
	//-------------------------------------------------------------------------------------------
	// SETUP CLICKS FOR NEXT BUTTONS
	//------------------------------------------------------------------------------------------ 
	$('.goToQ2').click(function(){
          
          $("#qErr").css("visibility", "hidden");
          
          backReferrer[prevQuestion] = currQuestion;
          prevQuestion++;
          currQuestion = 2; 
          scrollToQ(2);
          changeGlobe(2);
          		
	});	
	
	$('.goToQ3').click(function(){
		var ans = $("#ciba_lst").data("howOften");
		var ans2 = $("#ciba_lst").data("howOftenNu");
		if(errorsOn == false || ans != "")
		{
     		   $("#qErr").css("visibility", "hidden");
    		
                   backReferrer[prevQuestion] = currQuestion;
                   analyzeAnswer(ans);
		   switch(parseInt(ans2))
  		   {
			case 1: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q1_How_Often_do_you_wear_contacts','Q1_zero_(Eye-Glass-Wearer)');
				break;
			case 2: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q1_How_Often_do_you_wear_contacts','Q1_one_day');
				break;
			case 3: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q1_How_Often_do_you_wear_contacts','Q2_two_days');
				break;
			case 4: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q1_How_Often_do_you_wear_contacts','Q3_three_days');
				break;
			case 5: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q1_How_Often_do_you_wear_contacts','Q4_four_days');
				break;
			case 6: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q1_How_Often_do_you_wear_contacts','Q5_five_days');
				break;
			case 7: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q1_How_Often_do_you_wear_contacts','Q6_six_days');
				break;
			case 8: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q1_How_Often_do_you_wear_contacts','Q7_seven_days');
				break;
		   }
			
		}else{
			showQueErr(currQuestion, "queNotAns");
		}
	});
	
	$('.goToQ4').click(function(){
		var ans = $("#ciba_lst").data("duration");
		
		//Foresee Survey CPP
     	foreseeCPP(2, ans);
     	
		if(errorsOn == false || ans != "")
		{
                   backReferrer[prevQuestion] = currQuestion;
                   analyzeAnswer(ans);
		   switch(parseInt(ans))
  		   {
			case 1: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q2_How_long_do_you_wear_contacts','Q2_one_hour');
				break;
			case 2: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q2_How_long_do_you_wear_contacts','Q2_two_hours');
				break;
			case 3: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q2_How_long_do_you_wear_contacts','Q2_three_hours');
				break;
			case 4: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q2_How_long_do_you_wear_contacts','Q2_four_hours');
				break;
			case 5: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q2_How_long_do_you_wear_contacts','Q2_five_hours');
				break;
			case 6: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q2_How_long_do_you_wear_contacts','Q2_six_hours');
				break;
			case 7: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q2_How_long_do_you_wear_contacts','Q2_seven_hours');
				break;
			case 8: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q2_How_long_do_you_wear_contacts','Q2_eight_hours');
				break;
			case 9: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q2_How_long_do_you_wear_contacts','Q2_nine_hours');
				break;
			case 10: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q2_How_long_do_you_wear_contacts','Q2_ten_hours');
				break;
			case 11: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q2_How_long_do_you_wear_contacts','Q2_eleven_hours');
				break;
			default: 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q2_How_long_do_you_wear_contacts','Q2_twelveplus_hours');
		   }
			
		}else{
			showQueErr(currQuestion, "queNotAns");
		}
	});
	
	$('.goToQ5').click(function(){
		var ans = $("#ciba_lst").data("sleep");
		if(errorsOn == false || ans != "")
		{
	  	   $("#qErr").css("visibility", "hidden");
	  		
                   backReferrer[prevQuestion] = currQuestion;
                   analyzeAnswer(ans);
		   switch(ans)
  		   {
			case 'nights3_7': 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q3_Do_you_fall_asleep_with_contacts_on','Q3_Yes_3-7nights');
				break;
			case 'nights1_2': 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q3_Do_you_fall_asleep_with_contacts_on','Q3_Yes_1-2nights');
				break;
			case 'nap': 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q3_Do_you_fall_asleep_with_contacts_on','Q3_Yes_nap');
				break;
			case 'never': 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q3_Do_you_fall_asleep_with_contacts_on','Q3_No_Sleep');
				break;
		   }
						
		}else{
			showQueErr(currQuestion, "queNotAns");
		}
	});
	
	$('.goToQ6').click(function(){

               backReferrer[prevQuestion] = currQuestion;
               analyzeAnswer($("#ciba_lst").data("when"));
                
               //Foresee Survey CPP
     		foreseeCPP(4, "");
	});
	
	$('.goToQ7').click(function(){
		var ans = $("#ciba_lst").data("sensitivity");
		
		//Foresee Survey CPP
     	foreseeCPP(5, ans);
		
		if(errorsOn == false || ans != "")
		{
	  	   $("#qErr").css("visibility", "hidden");
	  		
                   backReferrer[prevQuestion] = currQuestion;
                   analyzeAnswer(ans);
		   switch(ans)
  		   {
			case 'none': 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q5_How_sensitive_are_your_eyes','Q5_Always_comfortable');
				break;
			case 'light': 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q5_How_sensitive_are_your_eyes','Q5_Sometimes_irritiated');
				break;
			case 'mild': 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q5_How_sensitive_are_your_eyes','Q5_Uncomfortable_mostly');
				break;
			case 'heavy': 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q5_How_sensitive_are_your_eyes','Q5_Always_irritated');
				break;
		   }
						
		}else{
			showQueErr(currQuestion, "queNotAns");
		}
	});
	
	$('.goToQ8').click(function(){
		var ans = $("#ciba_lst").data("astigmatism");
		if(errorsOn == false || ans != "")
		{
	  	   $("#qErr").css("visibility", "hidden");
	  		
                   backReferrer[prevQuestion] = currQuestion;
                   analyzeAnswer(ans);
		   switch(ans)
  		   {
			case 'yes': 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q6_Do_you_have_astigmatism','Q6_Yes');
				break;
			case 'no': 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q6_Do_you_have_astigmatism','Q6_No');
				break;
			case 'not_sure': 
				lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q6_Do_you_have_astigmatism','Q6_Not_Sure');
				break;
		   }
						
		}else{
			showQueErr(currQuestion, "queNotAns");
		}
	});
	
	$('.goToQ9').click(function(){
	  var ans = $("#ciba_lst").data("print");
          $("#qErr").css("visibility", "hidden");
          backReferrer[prevQuestion] = currQuestion;
          analyzeAnswer(ans);
	  switch(ans)
 	  {
		case 'yes': 
			lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q7_Do_you_have_trouble_with_fine_print_(bifocals)','Q7_Yes');
			break;
		case 'no': 
			lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q7_Do_you_have_trouble_with_fine_print_(bifocals)','Q7_No');
			break;
	  }
	});
	
	$('.goToQ10').click(function(){
	  var ans = $("#ciba_lst").data("color");
          $("#qErr").css("visibility", "hidden");
          backReferrer[prevQuestion] = currQuestion;
          analyzeAnswer(ans);
	  switch(ans)
 	  {
		case 'yes': 
			lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q8_Do_you_want_color_contacts','Q8_Yes');
			break;
		case 'no': 
			lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q8_Do_you_want_color_contacts','Q8_No');
			break;
	  }
	});	
	

	//-------------------------------------------------------------------------------------------
	// SETUP TOOL TIPS
	//------------------------------------------------------------------------------------------ 
	$('.tooltip').hover(function(){
        	 var currDiv = $(this).attr('id');     
        	 //$(this).css("width", "232px");
	      $("#" +currDiv+ "> div div.tTip-wrapper").css("visibility", "visible");
     },function(){
        	 var currDiv = $(this).attr('id'); 
          $(this).css("width", "21px");
          $("#" +currDiv+ "> div div.tTip-wrapper").css("visibility", "hidden");	
	});

	$('.tooltip2').hover(function(){
	     var currDiv = $(this).attr('id');
      		//$(this).css("width", "232px");
	     $("#" +currDiv+ "> div div.tTip-wrapper2").css("visibility", "visible");
	}, function(){
	     var currDiv = $(this).attr('id');     
	     $(this).css("width", "21px");
	     $("#" +currDiv+ "> div div.tTip-wrapper2").css("visibility", "hidden");
	});


	//-------------------------------------------------------------------------------------------
	// SETUP WEBSITE DROP-DOWN
	//------------------------------------------------------------------------------------------ 
   	$('a.dd').click(function(){
	     if($('#nav').css("height") != "38px")
	     {
		ddMenuClose();         
	     }else{
		  $('#moreSites').css("visibility","visible");
        	  $('#nav').animate({ 
	               height: "90px"
     	     }, 500);
	     }
	});
   

	//-------------------------------------------------------------------------------------------
	// Question 1 - How often do you wear contact lenses? (howOften)
	//------------------------------------------------------------------------------------------ 
	$('.plus').click(function(){
	  	  
	     $("#qErr").css("visibility", "hidden");
	  	  
	     var selDiv = $(".beakerSel").attr("id");
  	     var selDivNum = parseInt(selDiv);
	  
	     ++selDivNum;
	     if(selDivNum > 9) selDivNum = 9;
	     
	     var selDivNumNew = (selDivNum-1).toString();
	     
	     $("#"+selDiv).removeClass("beakerSel");   
	     $("#"+selDivNum).addClass("beakerSel");
	  
	     howOften = selDivNum - 1;
	     beakerText(howOften, false);

	     //HACK so this will work in IE6
	     setTimeout(function(){ $("#beakerImg").attr("src", "images/beaker/fill"+selDivNumNew+".jpg") }, 10); 
	});	
	
	$('.minus').click(function(){
	  
	     var reset = false;

	     $("#qErr").css("visibility", "hidden");
	  
	     var selDiv = $(".beakerSel").attr("id");
	     var selDivNum = parseInt(selDiv);
	  
	     --selDivNum;
	  
	     if(selDivNum < 1){
		selDivNum = 1;
		reset = true;
	     }
	     
	     var selDivNumNew = (selDivNum-1).toString();
	     
	     $("#"+selDiv).removeClass("beakerSel");   
	     $("#"+selDivNum).addClass("beakerSel");
	  	  
	     howOften = selDivNum - 1;
	     beakerText(howOften, reset);

	     //HACK so this will work in IE6
	     setTimeout(function(){ $("#beakerImg").attr("src", "images/beaker/fill"+selDivNumNew+".jpg") }, 10); 
	});

	$('.beakerClick>a').click(function(){

	     $("#qErr").css("visibility", "hidden");

	     var selDiv = $(this).attr("rel");
	     var selDivNum = parseInt(selDiv);
	     var selDivNumNew = (selDivNum-1).toString();

	     $("#days-week>div").each(function(){
		 if($(this).attr("id") != selDiv)
		     $(this).removeClass("beakerSel");
	     });
	     $("#"+selDivNum).addClass("beakerSel");

	     howOften = selDivNum - 1;
	     beakerText(howOften, (howOften>0 ? false : true) );

	     //HACK so this will work in IE6
	     setTimeout(function(){ $("#beakerImg").attr("src", "images/beaker/fill"+selDivNumNew+".jpg") }, 10); 
	});
	

	//-------------------------------------------------------------------------------------------
	// Question 2 - How long do you usually wear your contact lenses? (duration)
	//------------------------------------------------------------------------------------------ 
	initSliders();
     
     
	//-------------------------------------------------------------------------------------------
	// Question 3 - Sometimes fall asleep while wearing your contact lenses? (sleep)
	//------------------------------------------------------------------------------------------ 
	$('div.radioDiv').click(function(){
	  
	     $("#qErr").css("visibility", "hidden");

	     $clickid = $(this).children("a").attr("id");

	     $('.radioS').each(function(){
		if($(this).attr("id") != $clickid)
		{
		  if(scripts_isIE6)
		     $(this).children("img").css("visibility","hidden");
		  else
		     $(this).children("img").attr("src", "images/spacer.gif");
		}
	     });

	     if(scripts_isIE6)
		 $(this).children("a").children("img").css("visibility","visible");
	     else
	         $(this).children("a").children("img").attr("src", "images/radioSheep/radio-on.gif");
 
	     $(this).children("a").css("visibility","visible");

	     $("#ciba_lst").data("sleep", $clickid);
	     
	     //Foresee Survey CPP
     	foreseeCPP(3, $clickid);

	     $(this).children('.radioAns').focus();
	});


	//-------------------------------------------------------------------------------------------
	// Question 4 - When do you wear your contact lenses? (when)
	//------------------------------------------------------------------------------------------ 
	$("#checkWear > div.checkOver").mouseover(function(){

	     var divId = $(this).attr("id");
	     $(this).css("cursor", "pointer");
	     $("#"+divId + "> div.picture").hide();
	     $("#"+divId + "> div.picture2").show();
	});
	$("#checkWear > div.checkOver").mouseout(function(){

	     var divId = $(this).attr("id");
	     $(this).css("cursor", "pointer");
	     $("#"+divId + "> div.picture").show();
	     $("#"+divId + "> div.picture2").hide();
	});
	$("#checkWear > div").click(function(){

	     $("#qErr").css("visibility", "hidden");
	     var divId = $(this).attr("id");

	     if(scripts_isIE6){
		     if($("#"+divId + "> div.check a.chkToggle img").css("visibility") == "hidden"){
			$("#"+divId + "> div.check a.chkToggle img").css("visibility","visible");
		     } else {
			$("#"+divId + "> div.check a.chkToggle img").css("visibility","hidden");
		     }
	     } else {
		     if($("#"+divId + "> div.check a.chkToggle img").attr("src") == "images/checkWear/check.gif")
		     {
				$("#"+divId + "> div.check a.chkToggle img").attr("src","images/checkWear/checked.gif");
		     } else {
			$("#"+divId + "> div.check a.chkToggle img").attr("src","images/checkWear/check.gif");
		     }
	     }
	});


	//-------------------------------------------------------------------------------------------
	// Question 5 - How sensitive are your eyes? (sensitivity)
	//------------------------------------------------------------------------------------------ 
	$("#smiley-slider").slider({
	     value:0,
	     min: 0,
	     max: 500,
	     change: function(event, ui) {

		$("#qErr").css("visibility", "hidden");

		if (ui.value > 400) { 
			//testing for slide values
			$("#smileyface").hide().removeClass().addClass('smiley-4').fadeIn('slow');
			sensitivity = "heavy";
			answer_desc = Q5_ANSWER_4;     		
		} else if (ui.value > 250 && ui.value <= 400) {
			$("#smileyface").hide().removeClass().addClass('smiley-3').fadeIn('slow');
			sensitivity = "mild";
			answer_desc = Q5_ANSWER_3;
     		
		} else if (ui.value <= 250 && ui.value >= 150 ) {
			$("#smileyface").hide().removeClass().addClass('smiley-2').fadeIn('slow');
			sensitivity = "light";
			answer_desc = Q5_ANSWER_2;
     		
		} else {
			$("#smileyface").hide().removeClass().addClass('smiley-1').fadeIn('slow');
			sensitivity = "none";
			answer_desc = Q5_ANSWER_1;
		}
		$("#answer").html(answer_desc);
		$("#ciba_lst").data("sensitivity", sensitivity);
		
     	
	     }
	}); 
	$(".moveSliderLeft").click(function() {
             var val = ($('#smiley-slider').slider('option', 'value')) - 100;
             if(val < 0) val = 0;
	     $('#smiley-slider').slider('value', val);
	}); 
	$(".moveSliderRight").click(function() {
	     var val = ($('#smiley-slider').slider('option', 'value')) + 100;
             if(val > 500) val = 500;
	     $('#smiley-slider').slider('value', val);
	}); 

	if(!scripts_isIE6)
           $("#smiley-slider").slider("option", "animate", true);


	//-------------------------------------------------------------------------------------------
	// Question 6 - Do you have astigmatism? (astigmatism)
	//------------------------------------------------------------------------------------------ 
	$('a.radioA').click(function(){
	     $("#qErr").css("visibility", "hidden");

	     var radioOptionArr = new Array();
	     radioOptionArr["A"] = "1";
	     radioOptionArr["B"] = "2";
	     radioOptionArr["C"] = "3";

	     var strArr = $(this).attr("rel").split("|",2);
	     $radioTop = "radioOvr"+strArr[0];
	     $radioBot = "radioOvr"+radioOptionArr[strArr[0]];
	     $radioVal = strArr[1];
	     //alert($radioTop + " | " + $radioBot +  " | " + $radioVal);
   
	     $('a.radioA').each(function(){
		if($(this).parent().attr("id") != $radioTop)
		{
		   if(scripts_isIE6){
		     $(this).children("img").css("visibility","hidden");
		   } else {
		     $(this).children("img").attr("src", "images/spacer.gif");
		   }
		}
	     });

	     $('div.radioOvr').each(function(){
		if($(this).attr("id") != $radioBot)
		{
		   $(this).css("visibility","hidden");
		}
	     });

	     if(scripts_isIE6){
		 $("#"+$radioTop+" > a > img").css("visibility","visible");
	     } else {
	         $("#"+$radioTop+" > a > img").attr("src", "images/radioAstigmatism/radio-on.gif");
	     }
	     $("#"+$radioBot).css("visibility","visible");


	     $("#ciba_lst").data("astigmatism", $radioVal);
	     //Foresee Survey CPP
     	foreseeCPP(6, $radioVal);
	});


	//-------------------------------------------------------------------------------------------
	// Question 7 - Are you having trouble reading fine print close-up? (print)
	//------------------------------------------------------------------------------------------ 
	$("#ynSlider").slider({
	     value:0,
	     min: 0,
	     max: 1,
	     change: function(event, ui) { 
	  
		$("#qErr").css("visibility", "hidden");
		var val= ui.value;
		switch(val)
		{
		   case 0:
			$("#ciba_lst").data("print", "no");
			$("#clickNo").css("visibility","visible");
			//Foresee Survey CPP
     		foreseeCPP(7, "No");
			break;
		   case 1:
			//Foresee Survey CPP
     		foreseeCPP(7, "Yes");
			$("#ciba_lst").data("print", "yes");
			$("#clickNo").css("visibility","hidden");
			break;
		}
	     }
	});
	//if(!scripts_isIE6)
        // $("#ynSlider").slider("option", "animate", true);
	$(".moveSliderLeft2").click(function() {
	     var val = ($('#ynSlider').slider('option', 'value')) - 1;
	     if(val < 0) val = 0;
	     $('#ynSlider').slider('value', val);
	}); 
	$(".moveSliderRight2").click(function() {
	     var val = ($('#ynSlider').slider('option', 'value')) + 1;
	     if(val > 1) val = 1;
             $('#ynSlider').slider('value', val);
	});


	//-------------------------------------------------------------------------------------------
	// Question 8 - Are you interested in color lenses? (color)
	//------------------------------------------------------------------------------------------
	$("#ynSlider2").slider({
	     value:0,
	     min: 0,
	     max: 1,
	     change: function(event, ui) { 

		$("#qErr").css("visibility", "hidden");
	  
		var val= ui.value;
		switch(val)
		{
		   case 0:
			$("#ciba_lst").data("color", "no");
			//Foresee Survey CPP
     		foreseeCPP(8, "No");
			break;
		   case 1:
			$("#ciba_lst").data("color", "yes");
			//Foresee Survey CPP
     		foreseeCPP(8, "Yes");
			break;
		}
	     }
	});
	//if(!scripts_isIE6)
        //   $("#ynSlider2").slider("option", "animate", true); 
	$(".moveSliderLeft4").click(function() {
	     var val = ($('#ynSlider2').slider('option', 'value')) - 1;
	     if(val < 0) val = 0;
	     $('#ynSlider2').slider('value', val);
	});
	$(".moveSliderRight4").click(function() {
	     var val = ($('#ynSlider2').slider('option', 'value')) + 1;
	     if(val > 1) val = 1;
	     $('#ynSlider2').slider('value', val);
	});
	
  
	//-------------------------------------------------------------------------------------------
	// LOAD BACKGROUND IMAGES
	//------------------------------------------------------------------------------------------
	$('.loadImage').each(function(){
	     if(scripts_isIE6){
		$(this).hide();
	     } else {
		var s = getImage($(this).children('a').attr("rel"));
		$(this).html(s);
	     }
	});

	//-------------------------------------------------------------------------------------------
	// PRINT DISCUSSION GUIDE BUTTON
	//------------------------------------------------------------------------------------------
	$('#btnPrint').click(function() {
	     popWindowMenus('discussion-guide.html','DiscussionGuideWin','750','640');
	});

	//-------------------------------------------------------------------------------------------
	// OPEN SEE ALL PRODUCTS OVERLAY
	//------------------------------------------------------------------------------------------
	$('.seeAllProducts').click(function() {
		$("#all-products").html('<iframe src="#" name="ifr-products" id="ifr-products" width="820" height="500" frameborder="0" allowtransparency="true" scrolling="no"></iframe>');
		$("#all-products").css("width", "820px");
		$("#all-products").css("height", "500px");
		openDivCenter("all-products","");
		$("#ifr-products").attr("src", "all-products.html");
	});

	//-------------------------------------------------------------------------------------------
	// OPEN POP UP WINDOW
	//------------------------------------------------------------------------------------------
	$('.popup').click(function() {
	     popWindow($(this).attr("href"),'LegalWin2','690','640');
	     return false;
	});
}


//-------------------------------------------------------------------------------------------
// SET SCROLLING COORDINATES FOR PANELS
//------------------------------------------------------------------------------------------ 
function scrollToQ(que)
{
     var $paneTarget = $('#pane-target');    //Scrolling div
     
     switch(que)
     {
          case 1:
	       if($.browser.msie===true) 
                 $paneTarget.stop().scrollTo( {top:'80px', left:'0px'}, 1000, {easing:'easeOutCirc', queue:true});
	       else 
                 $paneTarget.stop().scrollTo( {top:'80px', left:'0px'}, 1000, {easing:'easeOutCirc'});
	       lst_trackPage('Landing_Page');
               break;
          case 2:
	       if($.browser.msie===true)
                 $paneTarget.stop().scrollTo( {top:'854px', left:'1346px'}, 1000, {easing:'easeOutCirc', queue:true});
	       else 
                 $paneTarget.stop().scrollTo( {top:'854px', left:'1346px'}, 1000, {easing:'easeOutCirc'});
	       lst_trackPage('Q1_How_Often_do_you_wear_contacts');
               break;
          case 3:
	       if($.browser.msie===true)
                 $paneTarget.stop().scrollTo( {top:'275px', left:'2793px'}, 1000, {easing:'easeOutCirc', queue:true});
	       else 
                 $paneTarget.stop().scrollTo( {top:'275px', left:'2793px'}, 1000, {easing:'easeOutCirc'});
	       lst_trackPage('Q2_How_long_do_you_wear_contacts');
               break;
          case 4:
	       if($.browser.msie===true)
                 $paneTarget.stop().scrollTo( {top:'1115px', left:'4268px'}, 1000, {easing:'easeOutCirc', queue:true});
	       else 
                 $paneTarget.stop().scrollTo( {top:'1115px', left:'4268px'}, 1000, {easing:'easeOutCirc'});
	       lst_trackPage('Q3_Do_you_fall_asleep_with_contacts_on');
               break;
          case 5:
	       if($.browser.msie===true)
                 $paneTarget.stop().scrollTo( {top:'2240px', left:'3295px'}, 1000, {easing:'easeOutCirc', queue:true});
	       else 
                 $paneTarget.stop().scrollTo( {top:'2240px', left:'3295px'}, 1000, {easing:'easeOutCirc'});
	       lst_trackPage('Q4_When_will_you_wear_your_contacts_lenses?');
               break;
          case 6:
	       if($.browser.msie===true)
                 $paneTarget.stop().scrollTo( {top:'2060px', left:'1695px'}, 1000, {easing:'easeOutCirc', queue:true});
	       else 
                 $paneTarget.stop().scrollTo( {top:'2060px', left:'1695px'}, 1000, {easing:'easeOutCirc'});
	       lst_trackPage('Q5_How_sensitive_are_your_eyes');
               break;
          case 7:
	       if($.browser.msie===true)
                 $paneTarget.stop().scrollTo( {top:'2809px', left:'769px'}, 1000, {easing:'easeOutCirc', queue:true});
	       else 
                 $paneTarget.stop().scrollTo( {top:'2809px', left:'769px'}, 1000, {easing:'easeOutCirc'});
	       lst_trackPage('Q6_Do_you_have_astigmatism');
               break;
          case 8:
	       if($.browser.msie===true)
                 $paneTarget.stop().scrollTo( {top:'3821px', left:'380px'}, 1000, {easing:'easeOutCirc', queue:true});
	       else 
                 $paneTarget.stop().scrollTo( {top:'3821px', left:'380px'}, 1000, {easing:'easeOutCirc'});
	       lst_trackPage('Q7_Do_you_have_trouble_with_fine_print_(bifocals)');
               break;
          case 9:
	       if($.browser.msie===true)
                 $paneTarget.scrollTo( {top:'4632px', left:'2050px'}, 1000, {easing:'easeOutCirc', queue:true});
	       else 
                 $paneTarget.scrollTo( {top:'4632px', left:'2050px'}, 1000, {easing:'easeOutCirc'});
	       lst_trackPage('Q8_Do_you_want_color_contacts');
               break;
          case 10:
	       if($.browser.msie===true)
                 $paneTarget.stop().scrollTo( {top:'3716px', left:'4083px'}, 1000, {easing:'easeOutCirc', queue:true});
	       else 
                 $paneTarget.stop().scrollTo( {top:'3716px', left:'4083px'}, 1000, {easing:'easeOutCirc'});
	       lst_trackPage('LST_Questions_Complete');
               break;
     }    
}

//-------------------------------------------------------------------------------------------
// SET SCROLLING COORDINATES FOR FLOATING LOGO AND CHANGE PROGRESS BAR
//------------------------------------------------------------------------------------------ 
function changeGlobe(que)
{
     ddMenuClose(); //close menu if its open

     switch(que)
     {
          case 1:
               $("#globe").animate({ left: '114px', top: '89px' }, 1500 );
               $("#globeProgress").css("width", "163px");
               $("#globeProgress img").attr("width", "163px");
               $("#arrow").css("left", "17px");
               $("#arrow").css("display", "block");
               $("#match").css("display", "none");
               break;
          case 2:
               $("#globe").animate({ left: '1501px', top: '864px' }, 1500 );
               $("#match").css("display", "none");
               $("#arrow").css("display", "block");
               $("#globeProgress").css("width", "142px");
               $("#globeProgress img").attr("width", "142px");
               $("#arrow").css("left", "34px");
               break;
          case 3:
               $("#globe").animate({ left: '2873px', top: '285px' }, 1500 );
               $("#match").css("display", "none");
               $("#arrow").css("display", "block");
               $("#globeProgress").css("width", "121px");
               $("#globeProgress img").attr("width", "121px");
               $("#arrow").css("left", "53px");
               break;
          case 4:
               $("#globe").animate({ left: '4328px', top: '1125px' }, 1500 );
               $("#match").css("display", "none");
               $("#arrow").css("display", "block");
               $("#globeProgress").css("width", "101px");
               $("#globeProgress img").attr("width", "101px");
               $("#arrow").css("left", "72px");
               break;
          case 5:
               $("#globe").animate({ left: '3476px', top: '2250px' }, 1500 );
               $("#match").css("display", "none");
               $("#arrow").css("display", "block");
               $("#globeProgress").css("width", "81px");
               $("#globeProgress img").attr("width", "81px");
               $("#arrow").css("left", "92px");
               break;
          case 6:
               $("#globe").animate({ left: '1892px', top: '2070px' }, 1500 );
               $("#match").css("display", "none");
               $("#arrow").css("display", "block");
               $("#globeProgress").css("width", "61px");
               $("#globeProgress img").attr("width", "61px");
               $("#arrow").css("left", "113px");
               break;
          case 7:
               $("#globe").animate({ left: '809px', top: '2839px' }, 1500 );
               $("#match").css("display", "none");
               $("#arrow").css("display", "block");
               $("#globeProgress").css("width", "41px");
               $("#globeProgress img").attr("width", "41px");
               $("#arrow").css("left", "133px");
               break;
          case 8:
               $("#globe").animate({ left: '495px', top: '3831px' }, 1500 );
               $("#match").css("display", "none");
               $("#arrow").css("display", "block");
               $("#globeProgress").css("width", "21px");
               $("#globeProgress img").attr("width", "21px");
               $("#arrow").css("left", "153px");
               break;
          case 9:
               $("#globe").animate({ left: '2156px', top: '4652px' }, 1500 );
               $("#match").css("display", "none");
               $("#arrow").css("display", "block");
               $("#globeProgress").css("width", "1px");
               $("#globeProgress img").attr("width", "1px");
               $("#arrow").css("left", "173px");
               break;
          case 10:
               $("#globe").animate({ left: '4130px', top: '3776px' }, 1500 );
               $("#match").css("display", "block");
               $("#arrow").css("display", "none");
               break;
     }
}


//-------------------------------------------------------------------------------------------
// RESET ALL QUESTIONS
//------------------------------------------------------------------------------------------
function resetQuestions()
{  
     scrollToQ(1);

     currQuestion = 1;
     prevQuestion = 1;
     
     changeGlobe(1);


     //-------------------------------------------------------------------------------------------
     // RESET Question 1   
     //------------------------------------------------------------------------------------------
     $("#beaker-ans").html("");
     $("#days-week > div").each(function(){
        $(this).removeClass("beakerSel");
	if($(this).attr("id")=="1")
	     $(this).addClass("beakerSel");
     });

     //HACK so this will work in IE6
     setTimeout(function() { $("#beakerImg").attr("src", "images/beaker/fill0.jpg") }, 10);
          
     //-------------------------------------------------------------------------------------------
     // RESET Question 2 (NOTE, this is NOT working for some reason!)
     //------------------------------------------------------------------------------------------
     initSliders();
     $("#slider").slider("option", "value", 6);
     $('#sliderNum').html("6");
     $('#sliderNum2').html("8");
     $("#slider2").hide();
     
     //-------------------------------------------------------------------------------------------
     // RESET Question 3
     //-------------------------------------------------------------------------------------------     
     $('a.radioS').each(function(){
	  if(scripts_isIE6)
	     $(this).children("img").css("visibility","hidden");
	  else
	     $(this).children("img").attr("src", "images/spacer.gif");
     });
	
     //-------------------------------------------------------------------------------------------
     // RESET Question 4
     //-------------------------------------------------------------------------------------------
     $("a.chkToggle img").each(function(){
	  if(scripts_isIE6)
             $(this).css("visibility","hidden");
	  else
             $(this).attr("src","images/checkWear/check.gif");
     });

     //-------------------------------------------------------------------------------------------
     // RESET Question 5
     //-------------------------------------------------------------------------------------------
     $("#answer").html("");
     var smileyHTML = $('#smileyContainer').html();
     //make sure smileySlider is still part of document, otherwise it will throw an error
     //we do this because flash object replaces this component when flash exists.
     if(smileyHTML.indexOf("#smiley-slider")!=-1)
        $('#smiley-slider').slider('value', 0);

     //-------------------------------------------------------------------------------------------
     // RESET Question 6
     //-------------------------------------------------------------------------------------------
     $('a.radioA').each(function(){
	  if(scripts_isIE6)
             $(this).children("img").css("visibility","hidden");
	  else
             $(this).children("img").attr("src","images/radioAstigmatism/radio.gif");
     });
     $('div.radioOvr').each(function(){
	   $(this).css("visibility","hidden");
     });

     
     //-------------------------------------------------------------------------------------------
     // RESET Question 7
     //-------------------------------------------------------------------------------------------
     $('#ynSlider').slider('value', 0);	

     //-------------------------------------------------------------------------------------------
     // RESET Question 8
     //-------------------------------------------------------------------------------------------
     $('#ynSlider2').slider('value', 0);
     
     //Reset all datastores to nothing
     $("#ciba_lst").data("howOften", "");
     $("#ciba_lst").data("howOftenNu",0)
     $("#ciba_lst").data("duration", "");
     $("#ciba_lst").data("durationNever", "6");
     $("#ciba_lst").data("durationRange", "8");
     $("#ciba_lst").data("sleep", "");
     $("#ciba_lst").data("when", "");
     $("#ciba_lst").data("sensitivity", "");
     $("#ciba_lst").data("astigmatism", "");
     $("#ciba_lst").data("print", "no");
     $("#ciba_lst").data("color", "no");
}


//-------------------------------------------------------------------------------------------
// ANALYZE ANSWER - Figures out which question to go to next when "next" button clicked.
//------------------------------------------------------------------------------------------
function analyzeAnswer(ans)
{
     var sen = $("#ciba_lst").data("sensitivity");
     var slp = $("#ciba_lst").data("sleep");
     var dur1 = $("#ciba_lst").data("durationNever");
     var dur2 = $("#ciba_lst").data("durationRange");
     /* alert( "sensitivity="+ sen); */

     prevQuestion++;
     if(currQuestion == 2){
	    if(ans == Q1_ANSWER_4){
	         toggleQuestionText(1);
	         $("#slider1").hide();
	         $("#slider2").show();
		 $("#ciba_lst").data("duration", dur1);
                 $("sliderNum").html(dur1+'');	
		 
	    }else{ 
	         toggleQuestionText(0);
	         $("#slider2").hide();
	         $("#slider1").show();
		 $("#ciba_lst").data("duration", dur2);
                 $("sliderNum").html(dur2+'');
          }
     }

     //if Question 5, need to build the value str for the chosen activities
     if(currQuestion==5){
	var str = getCheckedWearTextValues(true);
        $("#ciba_lst").data("when", str);
     }

     if(currQuestion == 3 && ans < 8){
	//SKIP QUESTION 4
	$("#ciba_lst").data("sleep", "");
	currQuestion = 5;
     } else if(currQuestion == 7 && ans == "yes"){
	//SKIP QUESTION 8 & 9
	$("#ciba_lst").data("print", ""); 
	$("#ciba_lst").data("color", ""); 
	currQuestion = 10;
	showResults("astigmatism");
     } else if(currQuestion == 8 && ans=="no" && slp!="nights3_7" && (sen == "none" || sen == "light")) {
	//ONLY CASE WHERE YOU GET TO QUESTION 9
	currQuestion++;
     } else if(currQuestion == 8 && ans=="yes"){
	//SKIP QUESTION 9
	$("#ciba_lst").data("color", ""); 
	currQuestion = 10;
	showResults("multifocal");
     } else if(currQuestion == 8) {
	//SKIP QUESTION 9
	$("#ciba_lst").data("color", "");
	currQuestion = 10;
	showResults("");
     } else if(currQuestion == 9){
	currQuestion = 10;
        if(ans == "yes") showResults("color");
        else showResults("no_color");
     } else {
	//default case, go to next question
	currQuestion++;
     }

     //if going to Q3, load flash sheep object
     if(currQuestion==3)
	loadFlashObject("swfSheep", "swf/sheep_3.swf", "sheepFlash", "450", "244", "9", "#000000")

     //if going to Q5, load flash smiley object, only if a value has NOT been set for "sen" yet.
     if(currQuestion==5 && sen=="")
	loadFlashObject("smileyContainer", "swf/smiley_3.swf", "smileyFlash", "320", "244", "9", "#000000")

     scrollToQ(currQuestion);
     changeGlobe(currQuestion);
}


//-------------------------------------------------------------------------------------------
// SHOW THE RESULTS AND THE RECOMMENDED PRODUCT
//------------------------------------------------------------------------------------------
function showResults(arg)
{
	//first shut off all existing list items except first and last.
	$("#result-msg table tr").each(function(){ 
		if($(this).attr("id")!="result1" && $(this).attr("id")!="result9" && $(this).attr("class")!="dontHide")
			$(this).hide(); 
	});

	//now set the product info
	setProduct(arg); //sets the recommended product

	//create result array
	var results = new Array();
	results[2] = "duration";
	results[3] = "sleep";
	results[4] = "when";
	results[5] = "sensitivity";
	results[6] = "astigmatism";
	results[7] = "print";
	results[8] = "color";
	var test = "";
	var j=3;
	//loop thru number of questions
	for(var i=2; i<9; i++)
	{
		//write the product summary info
		test = getSummaryHTML(results[i],$("#ciba_lst").data(results[i]),selproduct,$("#ciba_lst").data("howOften"));
		if(test!="")
		{
			$("#result"+i+" td span.summry").html(test);
			$("#result"+i).show();
			$("#result"+i+" td a.chngAswr").attr("href", "javascript:changeAnswer('"+j+"');");
		}
		j++;
	}
}


//-------------------------------------------------------------------------------------------
// GET ALL CURRENT ANSWERS FOR THE PAGE SESSION AND RETURN RESULTS AS AN ARRAY
//------------------------------------------------------------------------------------------
function getAnswers()
{
     var answers = new Array();

     answers["howOften"]    = $("#ciba_lst").data("howOften");
     answers["duration"]    = $("#ciba_lst").data("duration");
     answers["sleep"]       = $("#ciba_lst").data("sleep");
     answers["when"]        = $("#ciba_lst").data("when");
     answers["sensitivity"] = $("#ciba_lst").data("sensitivity");
     answers["astigmatism"] = $("#ciba_lst").data("astigmatism");
     answers["print"]       = $("#ciba_lst").data("print");
     answers["color"]       = $("#ciba_lst").data("color");

     // set this to global product variable which is set by displayProduct()
     answers["product"]     = selproduct;

     return answers;
}


//-------------------------------------------------------------------------------------------
// SET AND DISPLAY THE RECOMMENDED PRODUCT
//------------------------------------------------------------------------------------------
function setProduct(arg)
{
        var dur = $("#ciba_lst").data("duration");
        var sen = $("#ciba_lst").data("sensitivity");
        var slp = $("#ciba_lst").data("sleep");

	var eventCategory = 'LST_Decision_Tree';

	var whichProduct = "c";
	if(arg == "astigmatism"){
		if(dur >= 8 && (sen == "none" || sen == "light")){
			whichProduct = "f";
			lst_trackPage('AIR_OPTIX_for_Astigmatism');

			//Track decision tree path for AIR OPTIX Astigmatism
			if(slp=="nights3_7")
				lst_trackEvent(eventCategory,'DT11_AIR_OPTIX_for_Astigmatism','');
			else
				lst_trackEvent(eventCategory,'DT4_AIR_OPTIX_for_Astigmatism','');

		} else {
			whichProduct = "c";
			lst_trackPage('Focus_DAILIES_Toric');

			//Track decision tree path for Focus Dailies Toric
			if(dur>=8){
				if(slp=="nights3_7")
					lst_trackEvent(eventCategory,'DT8_Focus_DAILIES_Toric','');
				else
					lst_trackEvent(eventCategory,'DT1_Focus_DAILIES_Toric','');
			} else {
				if(sen == "none" || sen == "light")
					lst_trackEvent(eventCategory,'DT17_Focus_DAILIES_Toric','');
				else
					lst_trackEvent(eventCategory,'DT14_Focus_DAILIES_Toric','');
			}
		}
	}
	if(arg == "multifocal"){
		if(dur >= 8 && (sen == "none" || sen == "light")){
			whichProduct = "g";
			lst_trackPage('AIR_OPTIX_Multifocal');

			//Track decision tree path for AIR OPTIX Multifocal
			if(slp=="nights3_7")
				lst_trackEvent(eventCategory,'DT12_AIR_OPTIX_Multifocal','');
			else
				lst_trackEvent(eventCategory,'DT5_AIR_OPTIX_Multifocal','');

		} else {
			whichProduct = "d";
			lst_trackPage('Focus_DAILIES_Progressives');

			//Track decision tree path for Focus Dailies Progressives
			if(dur>=8){
				if(slp=="nights3_7")
					lst_trackEvent(eventCategory,'DT9_Focus_DAILIES Progressives','');
				else
					lst_trackEvent(eventCategory,'DT2_Focus_DAILIES Progressives','');
			} else {
				if(sen == "none" || sen == "light")
					lst_trackEvent(eventCategory,'DT18_Focus_DAILIES Progressives','');
				else
					lst_trackEvent(eventCategory,'DT15_Focus_DAILIES Progressives','');
			}
		}
	}
	if(arg == "color"){
		whichProduct = "a";
		lst_trackPage('FreshLook_Color_Contacts');
		if(dur >= 8)
			lst_trackEvent(eventCategory,'DT6_FreshLook_Color_Contacts','');
		else
			lst_trackEvent(eventCategory,'DT19_FreshLook_Color_Contacts','');

	}
	if(arg == "no_color"){
		if(dur >= 8){
			whichProduct = "h";
			lst_trackPage('AIR_OPTIX_AQUA');
			lst_trackEvent(eventCategory,'DT7_AIR_OPTIX_AQUA','');
		} else {
			whichProduct = "b"; 
			lst_trackPage('DAILIES_AquaComfort_Plus');
			lst_trackEvent(eventCategory,'DT20_DAILIES_AquaComfort_Plus','');
		}
	}
	if(arg == ""){
		if(dur >= 8){
			if(slp != "nights3_7"){
				if(sen == "mild" || sen == "heavy"){
					whichProduct = "b";
					lst_trackPage('DAILIES_AquaComfort_Plus');
					lst_trackEvent(eventCategory,'DT3_DAILIES_AquaComfort_Plus','');
				} else {
					whichProduct = "h";
					lst_trackPage('AIR_OPTIX_AQUA');
					lst_trackEvent(eventCategory,'DT7_AIR_OPTIX_AQUA','');
				}
			} else {
				whichProduct = "i";
				lst_trackPage('AIR_OPTIX_Night&Day');

				if(sen == "mild" || sen == "heavy")
					lst_trackEvent(eventCategory,'DT10_AIR_OPTIX_Night&Day','');
				else
					lst_trackEvent(eventCategory,'DT13_AIR_OPTIX_Night&Day','');
			}
		} else {
			whichProduct = "b";
			lst_trackPage('DAILIES_AquaComfort_Plus');
			lst_trackEvent(eventCategory,'DT16_DAILIES_AquaComfort_Plus','');
		}
	}
	//-------------------------------------------------------------------------------------------
	// SET GLOBAL VARIABLE ON PAGE FOR THE RECOMMENDED PRODUCT
	//------------------------------------------------------------------------------------------
	selproduct = whichProduct;
	displayProduct(whichProduct);
	
	//Foresee Survey CPP
     foreseeCPP(9, whichProduct);
}


//-------------------------------------------------------------------------------------------
// DISPLAY HTML FOR RECOMMENDED PRODUCT
//------------------------------------------------------------------------------------------
function displayProduct(prod)
{
     $("div#photo-freshlook").css("visibility","hidden");
     $("div#photo-dailies").css("visibility","hidden");

     $("#result-img").html(Product[prod]["Image"]); 

     $("#result").html(Product[prod]["Header"]);
     $("#result1 > td > span.summry").html(Product[prod]["First"]);

     $("div#result9").hide();
     if(Product[prod]["Last"]!=""){
        $("#result9 > td > span.summry").html(Product[prod]["Last"]);
	$("#result9").show();
     }

     $("div#resultLegal").hide();
     if(Product[prod]["Legal1"]!=""){
        $("#resultLegal td span.summry").html(Product[prod]["Legal1"]);
	$("#resultLegal").show();
     }

     $("div#resultLegal2").hide();
     if(Product[prod]["Legal2"]!=""){
        //special case. ONLY displays if answer to Q3 is "nights3_7" or "nights1_2" 
        if($("#ciba_lst").data("sleep")=="nights3_7" || $("#ciba_lst").data("sleep")=="nights1_2"){
           $("#resultLegal2 td span.summry").html(Product[prod]["Legal2"]);
	   $("#resultLegal2").show();
	}
     }

     $("#cleanCareProd").html(' '+Product[prod]["Title"]+Product[prod]["TitleAppend"]+' ');
     $("#clear-care").hide();
     if(Product[prod]["CleanCare"]) $("#clear-care").show();

     if(Product[prod]["PhotoID"]!="")
        $("div#"+Product[prod]["PhotoID"]).css("visibility","visible");


     //Hacks for IE6
     $("#result-img").pngFix();	
}


//-------------------------------------------------------------------------------------------
// DISPLAY HTML FOR ANSWER SUMMARY
//------------------------------------------------------------------------------------------
function getSummaryHTML(which,value,product,howOften)
{
     var airoptix  = (product=="f" || product=="g" || product=="h" || product=="i");
     var dailies   = (product=="b" || product=="c" || product=="d");
     var freshlook = (product=="a");
     var neverCase = (howOften==Q1_ANSWER_4 ? true : false);

     var freeTrialURL = URL_FREE_TRIAL_AIROPTIX;
     var findECPURL   = URL_FIND_ECP_AIROPTIX;
     if(dailies){
	var freeTrialURL = URL_FREE_TRIAL_DAILIES;
	var findECPURL   = URL_FIND_ECP_DAILIES;
     }
     if(freshlook){
	var freeTrialURL = URL_FREE_TRIAL_FRESHLOOK;
	var findECPURL   = URL_FIND_ECP_FRESHLOOK;
     }

     $("#btn1").children("a").attr("href",freeTrialURL);
     $("#btn2").children("a").attr("href",findECPURL);

     switch(which)
     {
	case "duration":
	   // number
	   if(airoptix && value >= 8)
			return Q2_RESULT_AGREE_1;
	   if(dailies && value >= 8)
			return Q2_RESULT_AGREE_2;
	   if(dailies)
			return Q2_RESULT_DISAGREE_1;
	   if(freshlook)
			return Q2_RESULT_DISAGREE_2; //always return this for freshlook.
	    return "";
	   break;

	case "sleep":
	   // nights3_7, nights1_2, nap, never
	   if(product=="i" && value != "never")
			return Q3_RESULT_AGREE_1;
	   if(airoptix && value == "nap")
			return Q3_RESULT_AGREE_2;
	   if(airoptix && value == "nights1_2")
			return Q3_RESULT_AGREE_3;
	    return "";
	   break;

	case "sensitivity":
	   // none, light, mild, heavy
	   if(value == "mild" || value=="light")
		return Q4_RESULT_MILD;
	   if(value == "heavy")
		return Q4_RESULT_HEAVY;
	    return "";
	   break;

	case "when":
	   var wearText = getCheckedWearTextValues(false);
	   if(neverCase && wearText!="")
		return Q5_RESULT_1+wearText;
	   if(wearText!="")
		return Q5_RESULT_2+wearText;
	    return "";
	   break;

	case "astigmatism":
	   // yes, not_sure, no
	   if(value == "yes")
		return Q6_RESULT_AGREE;
	   if(value == "no")
		return Q6_RESULT_DISAGREE;
	   if(value == "not_sure")
		return Q6_RESULT_NOTSURE;
	    return "";
	   break;

	case "print":
	   // yes, no
	   if(value == "yes")
		return Q7_RESULT_YES;
	   if(value == "no")
		return Q7_RESULT_NO;
	    return "";
	   break;

	case "color":
	   // yes, no
	   if(value == "yes")
		return Q8_RESULT_YES;
	   if(value == "no")
		return Q8_RESULT_NO;
	    return "";
	   break;
    }
    return "";
}


//-------------------------------------------------------------------------------------------
// RETURN <IMG> TAG FOR BACKGROUND IMAGES
//------------------------------------------------------------------------------------------
function getImage(img)
{     
     return '<img src="images/'+img+'" border="0" alt="" width="1020" height="1000" />';
}


//-------------------------------------------------------------------------------------------
// LOAD INITIAL VALUES FOR QUESTION 2
//------------------------------------------------------------------------------------------
function loadVal1()
{
   $("#amountLt").val("9AM");
}

function loadVal2()
{
   $("#amountRt").val("5PM");
}


//-------------------------------------------------------------------------------------------
// DISPLAY ERROR
//------------------------------------------------------------------------------------------
function showQueErr(currDiv, errType)
{
   if(errType == "queNotAns"){
	$("#qErr").removeClass().addClass("qErr"+currDiv);
	$("#qErr").css("visibility", "visible");
	$(".qErr"+currDiv).html("<table border='0' cellpadding='0' cellspacing='0'><tr><td class='errMsg'>Please provide an answer before proceeding to the next question.</td></tr></table>");
   }
}

//-------------------------------------------------------------------------------------------
// CHANGE AN ANSWER (Button clicked from results screen)
//------------------------------------------------------------------------------------------
function changeAnswer(which)
{
     var prev = 0;

     for(i=1; i<backReferrer.length; i++)
     {
	if(backReferrer[i]==which)
	  prevQuestion = i;	  
     }

     var num = parseInt(which);
     currQuestion = num;
     scrollToQ(num);
     changeGlobe(num);

     //Track this event
     lst_trackEvent('LST_Product_Reco_Navigation','PR_NAV_Change','');
}


//-------------------------------------------------------------------------------------------
// GET ALL THE VALUES FOR QUESTION 4:  "When do you wear your contact lenses?"
//------------------------------------------------------------------------------------------
function getCheckedWearTextValues(trackEvents)
{
     //trackEvents is a true/false switch for whether to send event tracking or not
     var trackingArr = new Array();
     trackingArr[0] = "Q4_At_Work";
     trackingArr[1] = "Q4_Around_Friends";
     trackingArr[2] = "Q4_While_Driving";
     trackingArr[3] = "Q4_During_Exercise";
     trackingArr[4] = "Q4_On_the_Weekends";
     trackingArr[5] = "Q4_Other";

     //Create string value of all choices selected in question 4
     var str = "";
     var howMany = 0;
     var j=0;
     	
     $("a.chkToggle img").each(function(){
	  val = $(this).parent().attr("rel");
          if(scripts_isIE6){
             if($(this).css("visibility") == "visible"){
	       if(val!="other") howMany++;
               if(trackEvents) lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q4_When_will_you_wear_your_contacts_lenses',trackingArr[j]);
	     }
	  } else {
             if($(this).attr("src") == "images/checkWear/checked.gif"){
	       if(val!="other") howMany++;
               if(trackEvents) lst_trackAnswer('Lens_Selector_Tool_Questionaire','Q4_When_will_you_wear_your_contacts_lenses',trackingArr[j]);
	     }
	  }
	  j++;
     });

     var i=1;
     var val="";

     $("a.chkToggle img").each(function(){
	  val = $(this).parent().attr("rel");
          if(scripts_isIE6){
             if($(this).css("visibility") == "visible" && val!="other")
	     {
	       if(i>1) str+= ", ";
	       if(i==howMany && howMany>1)
	       {
		   str+= " and " +val;
	       } else {
	           str+= val;
	       }
	     i++;
	     }
	  } else {
             if($(this).attr("src") == "images/checkWear/checked.gif" && val!="other")
	     {
	       if(i>1) str+= ", ";
	       if(i==howMany && howMany>1)
	       {
		   str+= " and " +val;
	       } else {
	           str+= val;
	       }
	     i++;
	     }
	  }
     });

     return str; 
}


//-------------------------------------------------------------------------------------------
// TOGGLE TEXT IN SOME QUESTIONS. 
// In some questions, language changes if answer to Question 1 = "never"
//------------------------------------------------------------------------------------------
function toggleQuestionText(which)
{
     // 0 = worn lenses before
     // 1 = first time lense wearer

     switch(which)
     {
	case 0:
	    $('.headerCase2').each(function(){
		$(this).hide();
	    });
	    $('.headerCase1').each(function(){
		$(this).show();
	    });
	   break;

	case 1:
	    $('.headerCase1').each(function(){
		$(this).hide();
	    });
	    $('.headerCase2').each(function(){
		$(this).show();
	    });
	   break;
     }
}

//-------------------------------------------------------------------------------------------
// TOGGLE TEXT IN QUESTION 1
//------------------------------------------------------------------------------------------
function beakerText(howOften, reset)
{
     if(howOften >= 6){
		$("#ciba_lst").data("howOften", Q1_ANSWER_1);
		$("#beaker-ans").html(Q1_ANSWER_1);
     } else if(howOften >= 4){
		$("#ciba_lst").data("howOften", Q1_ANSWER_2);
		$("#beaker-ans").html(Q1_ANSWER_2);
     } else if(howOften >= 2){
		$("#ciba_lst").data("howOften", Q1_ANSWER_3);
		$("#beaker-ans").html(Q1_ANSWER_3);
     } else if(howOften >= 1 && !reset){
		$("#ciba_lst").data("howOften", Q1_ANSWER_4);
		$("#beaker-ans").html(Q1_ANSWER_4);
     } else {
		$("#ciba_lst").data("howOften", "");
		$("#beaker-ans").html("");	
     }

     $("#ciba_lst").data("howOftenNu",howOften);
     
     
     
     //Foresee Survey CPP
     foreseeCPP(1, howOften);
}


//-------------------------------------------------------------------------------------------
// LOAD FLASH OBJECT
//------------------------------------------------------------------------------------------
function loadFlashObject(divID, swfPath, swfID, w, h, version, bgcolor)
{
     var ua  = navigator.userAgent.toLowerCase();
     var mac = ua.indexOf("mac") != -1; ;
     var safari = jQuery.browser.safari;

     var so = new SWFObject(swfPath, swfID, w, h, version, bgcolor);

     if(!mac && safari){
	//dont render flash in safari browser on PC
     }else{
       so.addParam("wmode", "transparent");
       if(!disableSWF) so.write(divID);
     }
}


//-------------------------------------------------------------------------------------------
// GET QUESTION 5 VALUE FROM FLASH
//------------------------------------------------------------------------------------------
function smileyFlash(val)
{
   $("#qErr").css("visibility", "hidden");

   switch(val)
   {

	case "1":
		sensitivity = "none";
		answer_desc = Q5_ANSWER_1;
	    break;

	case "2":
		sensitivity = "light";
		answer_desc = Q5_ANSWER_2;
	    break;

	case "3":
		sensitivity = "mild";
		answer_desc = Q5_ANSWER_3;
	    break;

	case "4":
		sensitivity = "heavy";
		answer_desc = Q5_ANSWER_4;
	    break;
		
   }
   $("#ciba_lst").data("sensitivity", sensitivity);
}



//-------------------------------------------------------------------------------------------
// POSITION DIV IN THE CENTER OF WINDOW
//------------------------------------------------------------------------------------------
function centerLyr(divID)
{
    $('#'+divID).css("position","absolute");
 
    var newTop = ( $(window).height() - $('#'+divID).height() ) / 2+$(window).scrollTop();
    if(newTop<0) newTop = 0;

    var newLeft = ( $(window).width() - $('#'+divID).width() ) / 2+$(window).scrollLeft();
    if(newLeft<0) newLeft = 0;

    $('#'+divID).css("top", newTop + "px");
    $('#'+divID).css("left", newLeft + "px");
}

//-------------------------------------------------------------------------------------------
// RE-POSITION DIV IN THE CENTER OF WINDOW ON WINDOW RESIZE
//------------------------------------------------------------------------------------------
function rePositionLyr(status,divID) 
{
    switch(status) {
	case true:
		$(window).bind('resize', function() {
			centerLyr(divID);
		});
		//scroll is not used here
		//$(window).bind('scroll', function() {
		//	centerLyr(divID);
		//});
	    break;
	case false:
		$(window).unbind('resize');
		//scroll is not used here
		//$(window).unbind('scroll');
	    break;
    }
}

//-------------------------------------------------------------------------------------------
// POSITION OVERLAY IN THE CENTER OF WINDOW
//------------------------------------------------------------------------------------------
function showPopupDivCenter(divID) 
{
    if (scripts_isIE6) $('#'+divID).bgiframe();
    var toShow = $("#"+divID); 
    toShow.css({"z-index":"9000","visibility":"visible"});
    centerLyr(divID);
    rePositionLyr(true,divID);
}

//-------------------------------------------------------------------------------------------
// OPEN DIV OVERLAY AND POSITION CENTER
//------------------------------------------------------------------------------------------
function openDivCenter(divID,closeBtnID)
{
    var toShow="";
    // Build the background overlay div
    toShow += "<div class='site_overlay'></div>";
    $('body').append(toShow);

    $('div.site_overlay').css('height',$(document).height()).bind('click',function(){
	closeDiv(divID);
    });

    $('div.site_overlay').css('opacity',0).fadeTo('slow',0.65, function(){
	showPopupDivCenter(divID);
	$('div.site_overlay').css("z-index","9000");
	$('#'+divID).css("z-index","9500");
    });

    if(closeBtnID!=""){
        $(closeBtnID).bind('click',function(){
	        closeDiv(divID);
        });
    }
}

//-------------------------------------------------------------------------------------------
// CLOSE OPENED DIV OVERLAY
//------------------------------------------------------------------------------------------
function closeDiv(divID)
{
    $('div.site_overlay').remove();
    rePositionLyr(false,divID);
    var toHide = $("#"+divID); 
    toHide.css({"z-index":"0","visibility":"hidden"});
    if(divID=="all-products"){
	toHide.css("width", "1px");
	toHide.css("height", "1px");
    }
}

//-------------------------------------------------------------------------------------------
// CLOSE THE WEBSITES DROP DOWN MENU
//------------------------------------------------------------------------------------------
function ddMenuClose()
{
   $('#nav').animate({ 
      height: "38px"
   }, 500); 
}


//-------------------------------------------------------------------------------------------
// INITIALIZE THE DURATION SLIDERS
//------------------------------------------------------------------------------------------
function initSliders()
{

        $("#slider-range").remove();
        $("#slider").remove();

	$("#sliderPos2").append('<div id="slider-range"></div>');
	$("#sliderPos").append('<div id="slider" class="ui-slider"><div class="ui-slider-handle"></div></div>');

        $("#slider-range").slider({
	     range: true,
	     min: 1,
	     max: 24,
	     values: [10, 18],
	     slide: function(event, ui) {

	     	$("#qErr").css("visibility", "hidden");

		var val1 = (ui.values[0])*-1;
		var val2 = (ui.values[1]);
		var valArr = new Array(0,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11,12);
		 
		var valStr1 = "";
		var valStr2 = "";
		 
		if(val1 < 0){
		    val1 *= -1;
		    if(val1 <= 11)
		       valStr1 = valArr[val1] + "AM";
		    else
		       valStr1 = valArr[val1] + "PM";
		} else {
		    if(val1==0)
		       valStr1 = valArr[val1] + "PM";
		}
		 
		if(val2 <= 11){
		    valStr2 = valArr[val2] + "AM";
		} else {
		    if(val2 !== 24)
		       valStr2 = valArr[val2] + "PM";
		    else
			valStr2 = valArr[val2] + "AM";
		}
       
		$("#amountLt").val(valStr1);
		$("#amountRt").val(valStr2);
	   
		var dur = val2 - val1;
		$("#sliderNum2").html(dur);
		
		//Foresee Survey CPP
     	foreseeCPP(2, dur);
     	     	
		$("#ciba_lst").data("duration", dur);	   
		$("#ciba_lst").data("durationRange", dur);
	     }
      	});

	if(!scripts_isIE6)
           $("#slider-range").slider("option", "animate", true);


	//VALUES DON'T LOAD UNLESS YOU SEND THEM TO ANOTHER FUNCTION AFTER THE PAGE LOADS
	setTimeout("loadVal1()", 500);   
	setTimeout("loadVal2()", 500);
   
	//SETS THE LEFT SLIDER TO A DIFFERENT SLIDER THAN RIGHT
	$('#slider-range .ui-slider-handle:first').css('background', 'url(images/cSlider/drag-left.gif) no-repeat left 29px'); 
   
	//ADDS THE TIMES OF DAY TO TOP OF SLIDER
	$('#slider-range .ui-slider-handle:even').append('<span class="slidNum"><input type="text" id="amountLt" class="sliderNum" /></span>'); 
	$('#slider-range .ui-slider-handle:odd').append('<span class="slidNum"><input type="text" id="amountRt" class="sliderNum" /></span>');
     
	//EVERYTHING BELOW SETS THE ALTERNATE SLIDER FOR WHEN ANSWER TO QUESTION 1 IS "NEVER".
	$("#slider").slider( {
	     animate:true,
	     value:6,
	     min:1,
	     max:12			
	});

	//Initiate slider number value
	var numDays = $('#slider').slider('option', 'value');

	$('#slider').bind('slidechange', function(event, ui) {
		numDays = $('#slider').slider('option', 'value');
		$('#sliderNum').html(numDays);
		$("#ciba_lst").data("duration", ui.value)
		$("#ciba_lst").data("durationNever", ui.value);
	});
			
	$('#slider').bind('slidestop', function(event, ui) {});
			
	$(".moveSliderLeft3").click(function() {
             var val = ($('#slider').slider('option', 'value')) - 1;
             if(val < 1) val = 1;
	     $('#slider').slider('value', val);
	}); 
	$(".moveSliderRight3").click(function() {
	     var val = ($('#slider').slider('option', 'value')) + 1;
             if(val > 12) val = 12;
	     $('#slider').slider('value', val);
	});
}

//-------------------------------------------------------------------------------------------
// FIX SIZE OF PANE IF WINDOW IS TOO SMALL (Required for IE6)
//------------------------------------------------------------------------------------------
function fixDimensions()
{ 
    var winWidth  = $(window).width();
    var winHeight = $(window).height();
    if(winWidth>=minWidth){
          $("#pane-target").animate({width: winWidth},0);
	  $("#paneViewable").css("visibility", "hidden");
    }else{
          $("#pane-target").animate({width: minWidth },0);
	  $("#paneViewable").css("visibility", "visible");
    }

    if(winHeight>=minHeight){
          $("#pane-target").animate({height: winHeight},0);
	  $("#paneViewable").css("visibility", "hidden");
    }else{
          $("#pane-target").animate({height: minHeight},0);
	  $("#paneViewable").css("visibility", "visible");
    }
}

//-------------------------------------------------------------------------------------------
// FORESEE SURVEY RESULTS CPP ANSWERS
//------------------------------------------------------------------------------------------
function foreseeCPP(qNum, ans)
{
	switch(qNum)
	{
		
		case 1:
			if(ans > 1){
				var hoAns = ans-1 + " days/week";
				FSR.CPPS.set('Wear Frequency', hoAns);
			}else{
				FSR.CPPS.set('Wear Frequency','I don\'t, but I\'m Interested');
			}
			
			break;
			
		case 2:	
			FSR.CPPS.set('Wear Hours', ans);
			
			break;
			
		case 3:
			if(ans == "never")
				ans = "Never";
			else if(ans == "nap")
				ans = "YES, WHEN I NAP OR LESS THAN 3 TIMES PER MONTH";
			else if(ans == "nights1_2")
				ans = "YES, 1-2 NIGHTS PER WEEK";
			else
				ans = "YES, 3-7 NIGHTS PER WEEK";

			FSR.CPPS.set('Wear Sleeping', ans);
			
			break;
			
		case 4:	   	
			$("a.chkToggle img").each(function()
			{
				val = $(this).parent().attr("rel");
				
				if(val == "at work")
					val = "Work";
				else if(val == "with friends")
					val = "Friends";
				else if(val == "while driving")
					val = "Driving";
				else if(val == "while exercising")
					val = "Exercising";
				else if(val == "on the weekends")
					val = "Weekends";
				else if(val == "other")
					val = "Other";
				
				
				if(scripts_isIE6)
				{
					if($(this).css("visibility") == "visible")
					{
				  		FSR.CPPS.set(val,'Y');
				  	}else{
						FSR.CPPS.set(val,'N');
					}
			  	} else {
					if($(this).attr("src") == "images/checkWear/checked.gif")
					{
				  		FSR.CPPS.set(val,'Y');
				  	}else{		  	
						FSR.CPPS.set(val,'N');
					}
			  	}

			});
			
			break;
		case 5:
			if(ans == "heavy")
				ans = Q5_ANSWER_4;     		
			else if(ans == "mild")
				ans = Q5_ANSWER_3;		
			else if(ans == "light")
				ans = Q5_ANSWER_2;
			else
				ans = Q5_ANSWER_1;
			
			FSR.CPPS.set("Eye Comfort", ans);
			
			break;
			
		case 6:
			if(ans == "yes")
				ans = "Yes";
			else if(ans == "no")
				ans = "No";
			else if(ans == "not_sure")
				ans = "Not Sure";
				
			FSR.CPPS.set("Astigmatism", ans);
			
			break;
				
		case 7:			
			FSR.CPPS.set("Approaching 40", ans);
			
			break;
			
		case 8:		
			FSR.CPPS.set("Color Contact Interest", ans);
			
			break;
		
		case 9:			
		
			switch(ans)
			{
				case "a":
					ans = "FreshLook&reg Color Contact Lenses";
					break;
				case "b":
					ans = "DAILIES&reg; AquaComfort Plus&reg;";
					break;
				case "c":
					ans = "Focus&reg; DAILIES&reg; Toric";
					break;
				case "d":
					ans = "Focus&reg; DAILIES&reg; Progressives";
					break;
				case "f":
					ans = "AIR OPTIX&reg; for ASTIGMATISM";
					break;
				case "g":
					ans = "AIR OPTIX&reg; AQUA MULTIFOCAL";
					break;
				case "h":
					ans = "AIR OPTIX&reg; AQUA";
					break;
				case "i":
					ans = "AIR OPTIX&reg; NIGHT &amp; DAY&reg; AQUA";
					break;
			}
						
			FSR.CPPS.set("Recommended Lens", ans);
			
			break;
			
		default:
			break;
	
	}

}