$(function() {
  
  $(document).ready(function() {

	$(".logo-nav").hide();
	$(".config-nav").hide();

	$(".model-nav #allowconfigz1").click(function(){
				
		$(".config-nav").hide();
		$(".logo-nav").hide();
		var modelID = $(this).attr("rel");
		$(".model-nav a").removeClass("current");
		$(".config-nav a").removeClass("current");
		$(".logo-nav a").removeClass("current");
		$(".logo-nav h2").html("<span class='stephead'>Step 3: </span>Classic or Race style PARLEE Logos?");
		$(this).addClass("current");
		$("#classiclogobutton").attr("href", "http://www.parleecycles.com/"+modelID );
		$("#newlogobutton").attr("href", "http://www.parleecycles.com/"+modelID );
		classiclogo = $("#classiclogobutton").attr("href");
		newlogo = $("#newlogobutton").attr("href");
		$(".config-nav").fadeIn(600);

	});

	$(".model-nav #allowconfigz2").click(function(){
				
		$(".config-nav").hide();
		$(".logo-nav").hide();
		var modelID = $(this).attr("rel");
		$(".model-nav a").removeClass("current");
		$(".config-nav a").removeClass("current");
		$(".logo-nav a").removeClass("current");
		$(".logo-nav h2").html("<span class='stephead'>Step 3: </span>Classic or Race style PARLEE Logos?");
		$(this).addClass("current");
		$("#classiclogobutton").attr("href", "http://www.parleecycles.com/"+modelID );
		$("#newlogobutton").attr("href", "http://www.parleecycles.com/"+modelID );
		classiclogo = $("#classiclogobutton").attr("href");
		newlogo = $("#newlogobutton").attr("href");
		$(".config-nav").fadeIn(600);

	});

	$(".model-nav #allowconfigz3").click(function(){
				
		$(".config-nav").hide();
		$(".logo-nav").hide();
		var modelID = $(this).attr("rel");
		$(".model-nav a").removeClass("current");
		$(".config-nav a").removeClass("current");
		$(".logo-nav a").removeClass("current");
		$(".logo-nav h2").html("<span class='stephead'>Step 3: </span>Classic or Race style PARLEE Logos?");
		$(this).addClass("current");
		$("#classiclogobutton").attr("href", "http://www.parleecycles.com/"+modelID );
		$("#newlogobutton").attr("href", "http://www.parleecycles.com/"+modelID );
		classiclogo = $("#classiclogobutton").attr("href");
		newlogo = $("#newlogobutton").attr("href");
		$(".config-nav").fadeIn(600);

	});
	
	$(".model-nav #noconfigz4").click(function(){
		
		$(".config-nav").hide();
		$(".logo-nav").hide();
		$(".config-nav a").removeClass("current");
		$(".model-nav a").removeClass("current");
		$(".logo-nav a").removeClass("current");
		$(".logo-nav h2").html("<span class='stephead'>Step 2: </span>Classic or Race style PARLEE Logos?");
		var modelID = $(this).attr("rel");
		$(this).addClass("current");
		$("#classiclogobutton").attr("href", "http://www.parleecycles.com/"+modelID+"pcl/");
		$("#newlogobutton").attr("href", "http://www.parleecycles.com/"+modelID+"prl/");
		classiclogo = $("#classiclogobutton").attr("href");
		newlogo = $("#newlogobutton").attr("href");
		$(".logo-nav").fadeIn(600);

	});
	
	$(".model-nav #noconfigz5").click(function(){
		
		$(".config-nav").hide();
		$(".logo-nav").hide();
		$(".config-nav a").removeClass("current");
		$(".model-nav a").removeClass("current");
		$(".logo-nav a").removeClass("current");
		$(".logo-nav h2").html("<span class='stephead'>Step 2: </span>Classic or Race style PARLEE Logos?");
		var modelID = $(this).attr("rel");
		$(this).addClass("current");
		$("#classiclogobutton").attr("href", "http://www.parleecycles.com/"+modelID+"pcl/");
		$("#newlogobutton").attr("href", "http://www.parleecycles.com/"+modelID+"prl/");
		classiclogo = $("#classiclogobutton").attr("href");
		newlogo = $("#newlogobutton").attr("href");
		$(".logo-nav").fadeIn(600);

	});
	
	$(".config-nav a").click(function(){
				
		var configID = $(this).attr("rel");
		$(".config-nav a").removeClass("current");
		$(this).addClass("current");
		
		$("#classiclogobutton").attr("href", classiclogo+configID+"cl/");
		$("#newlogobutton").attr("href", newlogo+configID+"rl/");
		$(".logo-nav").fadeIn(600);

	});
  
  });
		
});