// JavaScript Document
var cp = 0;

function loadCommuterSubNavigation() {
	$("#sub_commute").show();
	
/*	var page = $("#page").val();
	$("." + page).css("color","#000000");
	$("." + page).css("background-image","url(../images/navigation_hover.png)");
	$("." + page).css("background-repeat","no-repeat");
	$("." + page).css("background-position","top");*/
	var commuter_area = $("#commuter_area").val();
	var string = "&commuter_area=" + commuter_area + '&cp=' + cp;
	$.ajax({
		type: "POST",
		url: "models/ajax-commuter.php",
		data: string,
		success: function(html){
			$("#show_commuter").show().html(html);
		}
	});
}

$(document).ready(function() {
	$("a[href='#']").livequery("click", function(){return false});

	$("a[class^='commuter']").livequery('click', function(event) {
		$("#show_commuter").replaceWith('<div id="show_commuter"></div>');
		$("#show_commuter").hide();
		var temp = $(this).attr("class");
		temp = temp.split("%");
		var commuter_area = temp[1];			
		var string = "&commuter_area=" + commuter_area + '&cp=' + cp;
		$.ajax({
			type: "POST",
			url: "models/ajax-commuter.php",
			data: string,
			success: function(html){
				$("#show_commuter").show().html(html);
			}
		});
	});
	
	$("a[id^='sub_commute']").livequery('click', function(event) {
		var temp = $(this).attr("id");
		temp = temp.split("%");
		commuter_area = temp[1];
		$(".sub_commute%" + commuter_area).css("color","#000000");
		$(".sub_commute%" + commuter_area).css("backgroundColor","#C0D1BE");	
		$("#show_commuter").replaceWith('<div id="show_commuter"></div>');
		$("#show_commuter").hide();		
		var string = "&commuter_area=" + commuter_area + '&cp=' + cp;
		$.ajax({
			type: "POST",
			url: "models/ajax-commuter.php",
			data: string,
			success: function(html){
				$("#show_commuter").show().html(html);
			}
		});
	});
	
	$(".button_commuter").livequery('click', function(event) {				  
		var link_url = $("#link_url").val();
		var link_title = $("#link_title").val();
		var link_location = $("#link_location").val();
		var link_description = $("#link_description").val();
		var string = "&link_url=" + link_url + "&link_title=" + link_title + "&link_location=" + link_location + "&link_description=" + link_description;
		$.ajax({
			type: "POST",
			url: "models/ajax-link.php",
			data: string,
			success: function(html){
				$("#commuter_message").show().html(html);
				$("#link_url, #link_title, #link_description").val("");
				$("select[id='link_location'] option[value='0']").attr("selected","selected");
			}
		});
	});
});