unhideSpeed = "normal"
fadeSpeed = "normal"
currFeature = 0;

$(document).ready(function(){
 	unhide(null,0);
	$(".pf1").fadeTo(0, 0.5);
	$(".pf2").fadeTo(0, 0.5);
	$(".pf3").fadeTo(0, 0.5);
	$(".pf4").fadeTo(0, 0.5);
	$(".pf5").fadeTo(0, 0.5);
	$(".pf6").fadeTo(0, 0.5);
	$(".pf7").fadeTo(0, 0.5);
	$(".pf8").fadeTo(0, 0.5);
	
	$("#f1").click(function(event){ $("#features .top").hide(); event.preventDefault(); $(".pf" + currFeature).fadeTo(fadeSpeed, 0.5); unhide(".f1", unhideSpeed); currFeature = 1;});
	$("#f2").click(function(event){ $("#features .top").hide(); event.preventDefault(); $(".pf" + currFeature).fadeTo(fadeSpeed, 0.5); unhide(".f2", unhideSpeed); currFeature = 2;});
	$("#f3").click(function(event){ $("#features .top").hide(); event.preventDefault(); $(".pf" + currFeature).fadeTo(fadeSpeed, 0.5); unhide(".f3", unhideSpeed); currFeature = 3;});
	$("#f4").click(function(event){ $("#features .top").hide(); event.preventDefault(); $(".pf" + currFeature).fadeTo(fadeSpeed, 0.5); unhide(".f4", unhideSpeed); currFeature = 4;});
	$("#f5").click(function(event){ $("#features .top").hide(); event.preventDefault(); $(".pf" + currFeature).fadeTo(fadeSpeed, 0.5); unhide(".f5", unhideSpeed); currFeature = 5;});
	$("#f6").click(function(event){ $("#features .top").hide(); event.preventDefault(); $(".pf" + currFeature).fadeTo(fadeSpeed, 0.5); unhide(".f6", unhideSpeed); currFeature = 6;});
	$("#f7").click(function(event){ $("#features .top").hide(); event.preventDefault(); $(".pf" + currFeature).fadeTo(fadeSpeed, 0.5); unhide(".f7", unhideSpeed); currFeature = 7;});
	$("#f8").click(function(event){ $("#features .top").hide(); event.preventDefault(); $(".pf" + currFeature).fadeTo(fadeSpeed, 0.5); unhide(".f8", unhideSpeed); currFeature = 8;}); 

	$("#f1").hover(function(){ $(".pf1").fadeTo(fadeSpeed, 1); },function(){ if (currFeature != 1) $(".pf1").fadeTo(fadeSpeed, 0.5); });
	$("#f2").hover(function(){ $(".pf2").fadeTo(fadeSpeed, 1); },function(){ if (currFeature != 2) $(".pf2").fadeTo(fadeSpeed, 0.5); });
	$("#f3").hover(function(){ $(".pf3").fadeTo(fadeSpeed, 1); },function(){ if (currFeature != 3) $(".pf3").fadeTo(fadeSpeed, 0.5); });
	$("#f4").hover(function(){ $(".pf4").fadeTo(fadeSpeed, 1); },function(){ if (currFeature != 4) $(".pf4").fadeTo(fadeSpeed, 0.5); });
	$("#f5").hover(function(){ $(".pf5").fadeTo(fadeSpeed, 1); },function(){ if (currFeature != 5) $(".pf5").fadeTo(fadeSpeed, 0.5); });
	$("#f6").hover(function(){ $(".pf6").fadeTo(fadeSpeed, 1); },function(){ if (currFeature != 6) $(".pf6").fadeTo(fadeSpeed, 0.5); });
	$("#f7").hover(function(){ $(".pf7").fadeTo(fadeSpeed, 1); },function(){ if (currFeature != 7) $(".pf7").fadeTo(fadeSpeed, 0.5); });
	$("#f8").hover(function(){ $(".pf8").fadeTo(fadeSpeed, 1); },function(){ if (currFeature != 8) $(".pf8").fadeTo(fadeSpeed, 0.5); });
	
	$("#classic").click(function(event){
		event.preventDefault();
 		$("#poleTrans").fadeOut(unhideSpeed);
		$("#poleCont").fadeOut(unhideSpeed);
		$("#poleClassic").fadeIn(unhideSpeed)
	}); 
	
	$("#trans").click(function(event){
		event.preventDefault();
 		$("#poleClassic").fadeOut(unhideSpeed);
		$("#poleCont").fadeOut(unhideSpeed);
		$("#poleTrans").fadeIn(unhideSpeed)
	}); 
	
	$("#cont").click(function(event){
		event.preventDefault();
 		$("#poleTrans").fadeOut(unhideSpeed);
		$("#poleClassic").fadeOut(unhideSpeed);
		$("#poleCont").fadeIn(unhideSpeed)
	}); 

});

function unhide(id, speed) {
	if (speed == null) speed = "slow";
	/* if (speed == unhideSpeed) speed = null; */
 	if (id != ".f1") $(".f1").fadeOut(0);
	if (id != ".f2") $(".f2").fadeOut(0);
	if (id != ".f3") $(".f3").fadeOut(0);
	if (id != ".f4") $(".f4").fadeOut(0);
	if (id != ".f5") $(".f5").fadeOut(0);
	if (id != ".f6") $(".f6").fadeOut(0);
	if (id != ".f7") $(".f7").fadeOut(0);
	if (id != ".f8") $(".f8").fadeOut(0);
	
	if (id != null) $(id).slideDown(0);
}