$(function() {	  
		 
		$(".i").hover(
         function () {
		  var id = $(this).attr("id")
		  $('td[id="' + id + '"] div:first-child').show("fast");
         },
         function () {
		  var id = $(this).attr("id")
		  $('td[id="' + id + '"] div:first-child').hide("fast");
         }
        );

		 
		$("#slider").slider({ 
			handle: '#slider_handle',
			animate: true,
			min: 1,
			max: 3,
			step: 1,
			change: function(event, ui) {
				document.forms[0].time.value = ui.value;
				switch(document.forms[0].time.value)
                {
                case '1':
                 document.forms[0].time.title = '100';
                 break;
				case '2':
				 document.forms[0].time.title = '80';
                 break;
				case '3':
				 document.forms[0].time.title = '15';
                 break;
				}
			}
		});
		
		$(".radio").hover(
         function () {
		  $(this).removeClass("radio");
          $(this).addClass("radiohover");
         },
         function () {
		  $(this).addClass("radio");
          $(this).removeClass("radiohover");
         }
        );
		
		$(".radio").click(
         function () {
		  var inputName = $(this).attr("title");
		  var inputGroup = $('label[title="' + inputName + '"]');
		  for (q = 0; q <= inputGroup.length; q++)
          {
	       if ( $(inputGroup[q]).hasClass('radioselect') )
	       {
            $(inputGroup[q]).removeClass('radioselect');
	       }
          }
		  $(this).removeClass("radiohover");
          $(this).addClass("radioselect");
         },
         function () {
		  $(this).addClass("radiohover");
          $(this).removeClass("radioselect");
         }
        );
		
		$(".check").hover(
         function () {
		  $(this).removeClass("check");
          $(this).addClass("checkhover");
         },
         function () {
		  $(this).addClass("check");
          $(this).removeClass("checkhover");
         }
        );
		
		$(".check").click(
         function () {
          $(this).toggleClass("checkselect");
         },
         function () {
		  $(this).addClass("checkhover");
          $(this).removeClass("checkselect");
         }
        );

});


function calculate()
{

// Check all sections of form have been filled in

 if (!document.forms[0].tasks[0].checked && 
 	!document.forms[0].tasks[1].checked &&
 	!document.forms[0].tasks[2].checked)
 {
 	alert("Please select a task you require the kit to perform");
 	return false;
 }

 if (!document.forms[0].fibres[0].checked &&
	!document.forms[0].fibres[1].checked &&
	!document.forms[0].fibres[2].checked)
 {
	alert("Please select what fibres you want to support");
	return false;
 }

 if (!document.forms[0].efg[0].checked &&
	!document.forms[0].efg[1].checked)
 {
	alert("Please select if you require end face geometry inspection");
	return false;
 }

 if (!document.forms[0].skill[0].checked &&
	!document.forms[0].skill[1].checked)
 {
	alert("Please select a skill level");
	return false;
 }

 if (!document.forms[0].time.checked)
 {
	alert("Please select the curing time required");
	return false;
 }

 if (!document.forms[0].power[0].checked &&
	!document.forms[0].power[1].checked)
 {
	alert("Please select power source");
	return false;
 }

 if (!document.forms[0].termini[0].checked &&
	!document.forms[0].termini[1].checked &&
	!document.forms[0].termini[2].checked &&
	!document.forms[0].termini[3].checked &&
	!document.forms[0].termini[4].checked &&
	!document.forms[0].termini[5].checked &&
	!document.forms[0].termini[6].checked)
 {
	alert("Please select at least one termini type");
	return false;
 }

// Now calculate kit required
// First Kit Name

 var allTasks = document.forms[0].tasks; 
 for (counter = 0; counter < allTasks.length; counter++)
 {
	 if (allTasks[counter].checked)
	 {
      var task = allTasks[counter].value;
	 }
 }

// Second Kit Element

 var elem = document.forms[0].elements;
 var endValue = 1;
 
 for(var i = 3; i < 13; i++)
 {	 
  kitValue = elem[i].value;
  
  if ((elem[i].checked) && (kitValue > endValue))
  {
   endValue = kitValue;
  } 
 }
 
 
 var kitElement = '';
 switch(endValue)
 {
 case '2':
  kitElement = 'Silver';
  kitLink = 'http://www.avoptics.com/include/products/datasheets/AVDS-05-AVliterepair-S-05-09.pdf';
  break;
 case '3':
  kitElement = 'Gold';
  kitLink = 'http://www.avoptics.com/include/products/datasheets/AVDS-05-AVliterepair-G-05-09.pdf';
  break;
 case '4':
  kitElement = 'Platinum';
  kitLink = 'http://www.avoptics.com/include/products/datasheets/AVDS-05-AVliterepair-P-05-09.pdf';
  break;
 default:
  kitElement = 'Bronze';
  kitLink = 'http://www.avoptics.com/include/products/datasheets/AVDS-05-AVliterepair-B-05-09.pdf';
  break;
 }
 
 
// Thirdly Kit Termini
 
 var allTermini = document.forms[0].termini;
 var termini = '';
 for (counter = 0; counter < allTermini.length; counter++)
 {
	 if (allTermini[counter].checked)
	 {
      termini += '-' + allTermini[counter].value;
	 }
 }
 
// Calculate checked fields for email

var answers = [];
var a = 0;

for(var i = 3; i < 13; i++)
 {	 
  if (elem[i].checked)
  {
   answers[a] = elem[i].title;
   a++;
  } 
 }
 
//Concatenate and write out result
 
 var kit = task + kitElement + termini;
 var inHtml = '<div id="inner_result" style="display: none;">' + kit + '<br />'; 
 if(task == 'AVliterepair-')
 {
	 inHtml += '<input type="button" onclick="location.href=\'' + kitLink + '\'" value="Datasheet" />';
 }
 inHtml += '<input type="button" onclick="parent.location=\'mailto:&#x69;&#x6e;&#x66;&#111;&#64;&#x61;&#x76;&#111;&#112;&#x74;&#x69;&#99;&#115;&#46;&#x63;&#x6f;&#x6d;?subject=' + kit + ' Information Request&body=Dear Sir,%0A%0A%0ARegards,%0A%0A------------------------%0AFibre Type: ' + answers[0] + '%0AEnd Face Geometery: ' + answers[1] + '%0ASkill Level: ' + answers[2] + '%0ARepair Time: ' + answers[3] + '%0AFull Battery: ' + answers[4] + '\'" value="Email Request" /></div>';
	
 document.getElementById('result').innerHTML = inHtml;
 $('#inner_result').fadeIn('slow');
  
}

function highlight()
{
 if ((document.forms[0].tasks[0].checked || document.forms[0].tasks[1].checked || document.forms[0].tasks[2].checked) && 
	(document.forms[0].fibres[0].checked ||	document.forms[0].fibres[1].checked || document.forms[0].fibres[2].checked) &&
	(document.forms[0].efg[0].checked || document.forms[0].efg[1].checked) &&
	(document.forms[0].skill[0].checked || document.forms[0].skill[1].checked) &&
	(document.forms[0].time.checked) &&
	(document.forms[0].power[0].checked || document.forms[0].power[1].checked) &&
	(document.forms[0].termini[0].checked || document.forms[0].termini[1].checked || document.forms[0].termini[2].checked || document.forms[0].termini[3].checked || document.forms[0].termini[4].checked || document.forms[0].termini[5].checked))
 {
	$("#calc").animate({ 
        color: "#9A3466",
        borderTopColor: "#9A3466",
		borderRightColor: "#9A3466",
		borderLeftColor: "#9A3466",
		borderBottomColor: "#9A3466",
		backgroundColor: "#F4F2E8"
      }, 1000 );
	 $("#calc").animate({ 
        color: "#000000",
        borderTopColor: "#50555A",
		borderRightColor: "#50555A",
		borderLeftColor: "#50555A",
		borderBottomColor: "#50555A",
		backgroundColor: "#ECE9D8"
      }, 1000 );
    $("#calc").everyTime(2000, 'miTimer', function flash(){
     $(this).animate({ 
        color: "#9A3466",
        borderTopColor: "#9A3466",
		borderRightColor: "#9A3466",
		borderLeftColor: "#9A3466",
		borderBottomColor: "#9A3466",
		backgroundColor: "#F8F7EF"
      }, 1000 );
	 $(this).animate({ 
        color: "#000000",
        borderTopColor: "#50555A",
		borderRightColor: "#50555A",
		borderLeftColor: "#50555A",
		borderBottomColor: "#50555A",
		backgroundColor: "#ECE9D8"
      }, 1000 );
    });

 }

}

function unHighlight()
{
	$('#calc').stopTime('miTimer');
}