/// <summary>
/// Handle our tab selection and drop down changes. For specific models/derivatives.
/// </summary>
$(document).ready(function() { 	
	/********************************************************************************/
    //Submit our Model/Derivative change form.
    $("form#modelSelection select").change(
		function() {
			$("form#modelSelection").submit();
		}
    );

    //Special Offers Menu Tab Operation.
    $("div#offersmenu div.menu.stack.button").click(
		function() {		
			//Enable/disable relevant tabs.
			$("div#offersmenu div.menu.stack.button").each(function() {
				var menuItem = $(this);
				menuItem.removeClass()
				.addClass("menu stack button " + menuItem.attr("id"));
			});			
			var selected = $(this);
			selected.removeClass()
			.addClass("menu stack button " + selected.attr("id") + " active");
				
			//Hide/show relevant content.
			$("div#offerscontent div.tab").hide();
			$("div#offerscontent div." + $(this).attr("id")).show();
		}
    );
    
    //Specification Menu Tab Operation.
    $("div#detailsmenu div.menu.stack.button").click(
		function() {		
			//Enable/disable relevant tabs.
			$("div#detailsmenu div.menu.stack.button").each(function() {
				var menuItem = $(this);
				menuItem.removeClass()
				.addClass("menu stack button " + menuItem.attr("id"));
			});			
			var selected = $(this);
			selected.removeClass()
			.addClass("menu stack button " + selected.attr("id") + " active");
				
			//Hide/show relevant content.
			$("div#detailscontent div.tab").hide();
			$("div#detailscontent div." + $(this).attr("id")).show();
		}
    );
    /********************************************************************************/
});