var timer;
var loc = "manama";

function getTime() {
	$.get("/en/files/ajax_date.php",
			{ loc: loc },
			function(xml) {
				var currentTime = $('currentDate',xml).text(); /* get time for location */
				$("#datetime").html(currentTime); /* change time on browser */
			},
			'xml'
	);
}
$(document).ready(function() {
getTime(); /*get current time in Manama (default) */
timer = setInterval('getTime("manama")',20000); /* refresh time every 20s */

$("#location-list li").hover(
	function() {
		$(this).addClass("dateactive");
	},
	function() {
		$(this).removeClass("dateactive");
	}
);

$("#location-list li a").click(function() {
	$("#location-list li").removeClass("dateselected");
	$(this).parent("li").addClass("dateselected");
	loc = $(this).attr("id"); /* change location */
	clearInterval(timer); /* stop current refresh interval */
	getTime(); /* get time for selected location */
	timer = setInterval("getTime()",20000); /* refresh time every 20s */
	
	var loc_full; /* format location for output */
	switch (loc) {
		case "abudhabi": loc_full="ABU DHABI"; break;
		case "doha": loc_full="DOHA"; break;
		case "london": loc_full="LONDON"; break;
		case "manama": loc_full="MANAMA"; break;
		case "moscow": loc_full="MOSCOW"; break;
		case "muscat": loc_full="MUSCAT"; break;
		case "newyork": loc_full="NEW YORK"; break;
		case "riyadh": loc_full="RIYADH"; break;
	}
	
	$("#location-selected").html(loc_full); /* ouput new location */
	
	$("#location-list").hide();
	$("#location-current").removeClass("current-active");
	$("#location-change").removeClass("change-active");
	
	return false;
});

$("#location-change").click(function() {
	if ($("#location-list").is(":hidden")) {
		$("#location-list").show();
		$("#location-current").addClass("current-active");
		$(this).addClass("change-active");
	} else {
		$("#location-list").hide();
		$("#location-current").removeClass("current-active");
		$(this).removeClass("change-active");
	}	
	return false;
});
	/* main nav rollover */

	$(".nav-main li").hover(function(){
		var child = $(this).children("a");
		if ($(child).hasClass("nav-last")) /* if nav item is the last nav item, add rounded background */
			$(child).addClass("active-last");
		else
			$(child).addClass("active");

		$(this).children(".nav-sub").show();
    },function(){
		var child = $(this).children("a");
		if ($(child).hasClass("nav-last"))
			$(child).removeClass("active-last");
		else
			$(child).removeClass("active");
			
		$(this).children(".nav-sub").hide();
    });

	/* sub nav rollover */
	$(".nav-sub li a").hover(
	function() {
		$(this).addClass("active-sub");
	},
	function() {
		$(this).removeClass("active-sub");
	});
	$("#section-list li a").hover(
		function() {
			$(this).addClass("accactive");
		},
		function() {
			$(this).removeClass("accactive");
		}
	);
	
	$("#section-list li a").click(function() {
		$("#section-list li a").removeClass("accselected");
		$(this).addClass("accselected");
		
		$("#section-list li a .arrow").remove();
		var arrow = '<img src="/en/images/css/arrow_right.gif" class="arrow" border="0" alt="" />';
		$(this).prepend(arrow);
		
		var section = $(this).attr("id");
		var header = $(this).text();
		
		$(".image-description").hide();
		$("#section-"+section).show();
		$("#section-"+section).children(".description-header").text(header);
		
		return false;
	});

});
$(function() {
	$("#accordion").accordion();
	
	$("#accordion a").click(function() {
		var section = $(this).text();
		$(".about-image").hide();
		$("#about"+section).show();
		
		$(".brandarrow").attr("src","/en/images/css/arrow_right.gif");
		$(this).children(".brandarrow").attr("src","/en/images/css/arrow_down.gif");
	});
});