//ERROR, SUCCESS, AND INFO CSS CLASS
var successMsgClass = "fg ui-state-success ui-corner-all" 
var alertMsgClass = "fg ui-state-error ui-corner-all"
var infoMsgClass = "fg ui-state-highlight ui-corner-all"

var alertIconClass = "<span class='fg ui-icon fg-ui-icon-left ui-icon-alert'></span><strong>Alert:</strong>"
var successIconClass = "<span class='fg ui-icon fg-ui-icon-left ui-icon-check'></span><strong>Note:</strong>"
var infoIconClass = "<span class='fg ui-icon fg-ui-icon-left ui-icon-info'></span><strong>Note:</strong>"


/*
display current date
*/
function showCurrentDate(){
	// Get today's current date.
    var now = new Date();
    var days = "";
    var months = "";

    if (jsLang == "en") {
        // Array list of days.
        days = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
        // Array list of months.
        months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
    } else {

        days = new Array('الأحد', 'الإثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت');
        // Array list of months.
        months = new Array('يناير', 'فبراير', 'مارس', 'ابريل', 'مايو', 'يونيو', 'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر');
    }

	// Calculate the number of the current day in the week.
	var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();

	var hours=now.getHours();
	var minutes=now.getMinutes();

	// Calculate four digit year.
	function fourdigits(number)	{
		return (number < 1000) ? number + 1900 : number;
	}

	// Join it all together
	today =  days[now.getDay()] + ", " +
		 months[now.getMonth()] + " " +
		 date + ", " +
		 (fourdigits(now.getYear())); // + " | " + hours+":"+ minutes ;
	return today;
}


/* 
parse xml object 
*/
function parseXMLObject(dataObj){
	var data = ""
	if ( typeof data == 'string' && navigator.userAgent.indexOf("MSIE")>=0) {
		data = new ActiveXObject( 'Microsoft.XMLDOM');
		data.async = false;
		data.loadXML(dataObj);
					
	} else {
		var parser = new DOMParser();
		try {
			data = parser.parseFromString(dataObj, "text/xml");
		} catch (e) { };
	} 
	return data;
}

/*
heighlight scroller js
*/	
var theInt = null;
var $crosslink, $navthumb;
var curclicked = 0;

theInterval = function(cur){
	clearInterval(theInt);
	
	if( typeof cur != 'undefined' )
		curclicked = cur;
	
	$crosslink.removeClass("active-thumb");
	$navthumb.eq(curclicked).parent().addClass("active-thumb");
		$(".stripNav ul li a").eq(curclicked).trigger('click');
	
	theInt = setInterval(function(){
		$crosslink.removeClass("active-thumb");
		$navthumb.eq(curclicked).parent().addClass("active-thumb");
		$(".stripNav ul li a").eq(curclicked).trigger('click');
		curclicked++;
		if( 6 == curclicked )
			curclicked = 0;
		
	}, 3000);
};

$(function(){
	
	$("#main-photo-slider").codaSlider();
	
	$navthumb = $(".nav-thumb");
	$crosslink = $(".cross-link");
	
	$navthumb
	.click(function() {
		var $this = $(this);
		theInterval($this.parent().attr('href').slice(1) - 1);
		return false;
	});
	
	theInterval();
});

/*
end of highlight scroller
*/



/* 
tab switching - schedule box, weather-prayer box	
*/
$(document).ready(function() {
	
	//default action for prayer-weather feed
	$("#prayer_container").hide(); //Hide all content
	$("#pw_prayer").addClass("active").show(); //Activate first tab
	$("#prayer_container").show(); //Show first tab content
		
	//On Click Event
	$("ul.tabs li").click(function() {
		tabname = $(this).find("a").attr("name");
		//alert("tabname " + tabname);
		if (tabname=="prayer") {
			$("#weather_container").hide();
			$("#prayer_weather_tabs li").removeClass("active");
			$(this).addClass("active"); //Add "active" class to selected tab
			pcontainer = "#prayer_container";
			ajaxifyWeatherPrayer(tabname);
			$(pcontainer).fadeIn(); //Fade in the active content
			return false;
		}else if (tabname == "weather"){
			$("#prayer_weather_tabs li").removeClass("active");
			$("#prayer_container").hide();
			$(this).addClass("active"); 
			wcontainer = "#weather_container";
			$(wcontainer).fadeIn(); //Fade in the active content
			//ajaxifyWeatherPrayer(tabname);
			$(wcontainer).fadeIn(); //Fade in the active content
			return false;
		}else {
			$("#schedule_tabs li").removeClass("active"); //Remove any "active" class
			$(this).addClass("active"); //Add "active" class to selected tab
			wcontainer = "#schedule_container";
			ajaxifySchedule($(this).find("a").attr("name"));
			$(wcontainer).fadeIn(); //Fade in the active content
			return false;
		}
	});

 
});
/*
program swtiching ends
*/



/*
pulling weather or prayer feed
*/
function ajaxifyWeatherPrayer(tabname){
	
	if(tabname =="prayer"){
		$.ajax({
			type: "GET", 
		   url: 'feedAction.asp',
		   contentType: "text/xml",
		   success: function(feed) {
			 feed = parseXMLObject(feed);
			 htmlobj = createHTMLTable(feed);
			 $("#prayer_container").html(htmlobj);
		   }
	   });
		return false;
	}else{
		$("#weather_container").html("coming soon patience");
	}
}
/*
wether or prayer feed ends
*/

/*
prayer html
*/
function createHTMLTable(feed){
    var fajr = "Fajr";
    var shorooq = "Shorooq";
    var duhr = "Duhr";
    var asr = "Asr";
    var maghrib = "Maghrib";
    var isha = "Isha";
    var dir = "ltr";
    var prayernote = "Add 4 minutes for Abu dhabi, deduct 4 minutes for Ras Al Khaimah and 6 minutes for Fujairah."
    if (jsLang == "ar") {
        fajr = "الفجر";
        shorooq = "الشروق";
        duhr = "الظهر";
        asr = "العصر";
        maghrib = "المغرب";
        isha = "العشاء";
        dir = "rtl";
        prayernote = "أضف 4 دقائق على توقيت أبوظبي، أنقص 4 دقائق من توقيت راس الخيمة و6 دقائق من توقيت الفجيرة"
    } 
    
    //alert($(feed).find("Fajr").text());
	
	htmlobj = "<table width=\"200\" dir=\""+dir+"\"><tbody><tr class=\"odd\">";
	htmlobj = htmlobj + "<td class=\"col1 odd\">" + fajr + "</td><td class=\"col2 odd\">" + $(feed).find("Fajr").text() + "</td>";
	htmlobj = htmlobj + "<td class=\"col3 odd\"><img src=\"css/images/sun01.png\" width=\"16\" height=\"16\" /></td></tr>";
    htmlobj = htmlobj + "<tr class=\"even\"><td class=\"col1 even\">"+shorooq+"</td><td class=\"col2 even\">"+$(feed).find("Shorooq").text()+"</td>"
    htmlobj = htmlobj + "<td class=\"col3 even\"><img src=\"css/images/sun02.png\" width=\"16\" height=\"16\" /></td></tr>";
    htmlobj = htmlobj + "<tr class=\"odd\"><td class=\"col1 odd\">" + duhr + "</td><td class=\"col2 odd\">" + $(feed).find("Duhr").text() + "</td>";
	htmlobj = htmlobj + "<td class=\"col3 odd\"><img src=\"css/images/sun03.png\" width=\"16\" height=\"16\" /></td></tr>";
	htmlobj = htmlobj + "<tr class=\"even\"><td class=\"col1 even\">" + asr + "</td><td class=\"col2 even\">" + $(feed).find("Asr").text() + "</td>";
    htmlobj = htmlobj + "<td class=\"col3 even\"><img src=\"css/images/sun04.png\" width=\"16\" height=\"16\" /></td></tr>";
    htmlobj = htmlobj + "<tr class=\"odd\"><td class=\"col1 odd\">" + maghrib + "</td><td class=\"col2 odd\">" + $(feed).find("Maghrib").text() + "</td>";
    htmlobj = htmlobj + "<td class=\"col3 odd\"><img src=\"css/images/sun05.png\" width=\"16\" height=\"16\" /></td></tr>";
    htmlobj = htmlobj + "<tr class=\"even\"><td class=\"col1 even\">" + isha + "</td><td class=\"col2 even\">" + $(feed).find("Isha").text() + "</td>";
	htmlobj = htmlobj + "<td class=\"col3 even\"><img src=\"css/images/moon.png\" width=\"16\" height=\"16\" /></td>";
    htmlobj = htmlobj + "</tr></tbody></table>";
     htmlobj = htmlobj + "<div class='small gray omega_b2 alpha_2 beta_2'>"+prayernote+"</div>";
    // htmlobj = htmlobj + "<div class='small gray omega_b2 alpha_2 beta_2'>In collaboration with Department of Islamic Affairs and Charitable Activities - Government of Dubai</div>";
	return htmlobj;
}


/*
pulling program schedule data
*/
function ajaxifySchedule(channelID){
	//alert("called" + channelID);
    var dataString = "lang="+jsLang+"&channelID="+channelID;
	$.ajax({type: "GET", url: "scheduleAction.asp", data: dataString, contentType: "text/html", charset: "UTF-8",
		success: function(data) {
			//alert(data);
			if(data){
				feed = parseXMLObject(data);
				$("#schedule_container").html($(feed).find("schedule").text());
				//$("#schedule_tabs li").removeClass("active");
				$("#sch_" + channelID).addClass("active").show();
				return false;
			}
		}
	});
	return false;
}
/*
end program schedule
*/

function setHeaderDate() {
    // Get today's current date.
    var now = new Date();
    // Array list of days.
    var days = new Array('الأحد', 'الإثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت');
    // Array list of months. 
    var months = new Array('يناير', 'فبراير', 'مارس', 'ابريل', 'مايو', 'يونيو', 'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر');

    // Calculate the number of the current day in the week.
    var date = ((now.getDate() < 10) ? "0" : "") + now.getDate();

    var hours = now.getHours();
    var minutes = now.getMinutes();

    // Calculate four digit year.
    function fourdigits(number) {
        return (number < 1000) ? number + 1900 : number;
    }

    // Join it all together
    today = days[now.getDay()] + ", " +
			 months[now.getMonth()] + " " +
			 date + ", " +
			 (fourdigits(now.getYear())); // + " | " + hours+":"+ minutes ;
    today = days[now.getDay()] + ", " + months[now.getMonth()] + " " + date + ", " + (fourdigits(now.getYear())); //  + " | "  + hours + ":" + minutes

    // Print out the data.
    document.getElementById("headerDate").innerHTML = today;

    //Hijri
    var now2 = new Date();
    var date2 = now2.getDate();
    if (date2 > 27) {
        var dateHijri = date2 - 1
        var monthHijri = 'شعبان'
    }
    else {
        var dateHijri = date2
        var monthHijri = 'رمضان'
    }
    dateHijri = ((dateHijri < 10) ? "0" : "") + dateHijri;

    todayHijri = days[now.getDay()] + ", " + monthHijri + " " + dateHijri + ", 1432 ";

    document.getElementById("headerDateHijri").innerHTML = todayHijri;
}