$(document).ready(function(){
// HIDE EVERYTHING WE WANT TO
// (WHEN JS IS TURNED OFF ALL WINDOWS WILL SHOW IN THEIR PROPER ORDER )
$('.how ol').show();
$('#features-main').show();
$('#icon-1').hide();
$('#icon-2').hide();
$('#icon-3').hide();
$('#icon-4').hide();
$('#icon-5').hide();
$('#offer-1').hide();
$('#offer-2').hide();
$('#offer-3').hide();
$('#offer-4').hide();

// ACTIONS BELOW ARE WHEN YOU CHOOSE AN OPTION IN THE RIGHT HAND SIDE

$("li.one").click(function () {
      $(".how ol").hide();
	  $("#icon-1").show();
});

$("li.two").click(function () {
      $(".how ol").hide();
	  $("#icon-2").show();
});
	
$("li.three").click(function () {
      $(".how ol").hide();
	  $("#icon-3").show();
});

$("li.four").click(function () {
      $(".how ol").hide();
	  $("#icon-4").show();
});

$("li.five").click(function () {
      $(".how ol").hide();
	  $("#icon-5").show();
});

// ACTIONS BELOW ARE WHEN YOU CHOOSE A FEATURE IN THE MAIN WINDOW

$("#feature-1").click(function () {
      $("#features-main").hide();
      $(".btn-bottom").hide();
      $("#offer-1").show();
});

$("#feature-2").click(function () {
		$("#features-main").hide();
		$(".btn-bottom").hide();
		$("#offer-2").show();
});

$("#feature-3").click(function () {
		$("#features-main").hide();
		$(".btn-bottom").hide();
		$("#offer-3").show();
});

$("#feature-4").click(function () {
		$("#features-main").hide();
		$(".btn-bottom").hide();
		$("#offer-4").show();
});

// ACTIONS BELOW ARE WHEN YOU CLICK THE RIGHT HAND SIDE CLOSE WINDOW

$("#close1").click(function () {
	$("#icon-1").hide();
	$(".how ol").show();
});

$("#close2").click(function () {
	$("#icon-2").hide();
	$(".how ol").show();
});

$("#close3").click(function () {
	$("#icon-3").hide();
	$(".how ol").show();
});

$("#close4").click(function () {
	$("#icon-4").hide();
	$(".how ol").show();
});

$("#close5").click(function () {
	$("#icon-5").hide();
	$(".how ol").show();
});

// ACTIONS BELOW FOR OPENING AND CLOSING PREVIOUS AND NEXT LINKS IN HOW

$("#icon-1 a.rightlink").click(function () {
	$("#icon-1").hide();
	$("#icon-2").show();
});

$("#icon-2 a.rightlink").click(function () {
	$("#icon-2").hide();
	$("#icon-3").show();
});

$("#icon-3 a.rightlink").click(function () {
	$("#icon-3").hide();
	$("#icon-4").show();
});

$("#icon-4 a.rightlink").click(function () {
	$("#icon-4").hide();
	$("#icon-5").show();
});

$("#icon-2 a.leftlink").click(function () {
	$("#icon-2").hide();
	$("#icon-1").show();
});

$("#icon-3 a.leftlink").click(function () {
	$("#icon-3").hide();
	$("#icon-2").show();
});

$("#icon-4 a.leftlink").click(function () {
	$("#icon-4").hide();
	$("#icon-3").show();
});

$("#icon-5 a.leftlink").click(function () {
	$("#icon-5").hide();
	$("#icon-4").show();
});

// ACTIONS BELOW ARE WHEN YOU CLOSE THE MAIN WINDOWS

$("#offer-1 .closemain").click(function () {
	  $("#offer-1").hide();			
      $("#features-main").show();
	  $(".btn-bottom").show();
    });

$("#offer-2 .closemain").click(function () {
	  $("#offer-2").hide();			
      $("#features-main").show();
	  $(".btn-bottom").show();
    });

$("#offer-3 .closemain").click(function () {
	  $("#offer-3").hide();			
      $("#features-main").show();
	  $(".btn-bottom").show();
    });

$("#offer-4 .closemain").click(function () {
	  $("#offer-4").hide();			
      $("#features-main").show();
	  $(".btn-bottom").show();
    });

// ACTIONS BELOW ARE WHEN YOU CLICK THE NEXT LINK IN THE MAIN WINDOW

$("#offer-1 .next").click(function () {
      $("#offer-1").hide();
      $("#offer-2").show();
	});

$("#offer-2 .next").click(function () {
      $("#offer-2").hide();
      $("#offer-3").show();
    });

$("#offer-3 .next").click(function () {
      $("#offer-3").hide();
      $("#offer-4").show();
});

$("#offer-4 .next").click(function () {
      $("#offer-4").hide(); 
      $("#features-main").show();
	  $(".btn-bottom").show();
});


// ACTIONS BELOW ARE WHEN YOU CLICK THE PREVIOUS LINK IN THE MAIN WINDOW


$("#offer-2 .previous").click(function () {
      $("#offer-2").hide();
      $("#offer-1").show();
    });

$("#offer-3 .previous").click(function () {
      $("#offer-3").hide();
      $("#offer-2").show();
});

$("#offer-4 .previous").click(function () {
      $("#offer-4").hide(); 
      $("#offer-3").show();
});


 });