﻿$(document).ready(function(){

	initTabs();
	//splashScreen(10000);
	showWatermarks();
			
	$("input[name='dictSearch']").autocomplete("searchDict.php");
	$("input[name='nameSearch']").autocomplete("searchNames.php");
	
		loadWeather();
});

/*function splashScreen(tOut){
	$("#target").html('<div id="splash" style="display:none"><span style="position:absolute;left:5px;top:5px;color:#999">راهنمای شهر مهاباد</span><div style="position:absolute;right:85px;top:60px;height:100px"><img src="./images/logo.gif"></div><span class="appName" style="float: right; direction: rtl;"><h1>بارگزاری اطلاعات...</h1></span></div>');
	$("#splash").splashQ({
		splashBox: "splash",
		successCallback: function(){
		
			showWatermarks();
			
			$("input[name='dictSearch']").autocomplete("searchDict.php");
			$("input[name='nameSearch']").autocomplete("searchNames.php");
			
				
			
			
		},
		maxRetries: 3,
		timeout: tOut,
		scripts: 
		[
			{name:"تکمیل خودکار فیلدها", src:"./include/jquery.autocomplete.min.js"},
			{name:"واترمارک", src:"./include/jquery.overlabel.js"},
												
			
		]
	}
	); // end splashscreen
}*/


function loadWeather(){
	$('.loading').show();
	$.get('./weather.php?lang=persian', function(data){
		var dataBack = data.split('|');
		
		if( dataBack[0].indexOf('error') > 0 ){
		
			$('.topWeather').html("");
						$('.weatherBar').html("متاسفانه مشکلی در ارتباط با سرور راه دور پیش آماده است. &nbsp;&nbsp;<a href='#' onclick='loadWeather(); return false'>&raquo;دوباره سعی کنید.</a>");
						
		}
		else{
		
			$('.topWeather').html(dataBack[5] + "<div>" + dataBack[4] + "<br>" + dataBack[6] + "&#176;C - Feels like " + dataBack[7] + "</div>");
			
						$('.weatherBar').html("دمای فعلی:<b>" + dataBack[0] + "&#176; سانتی گراد</b>&nbsp;|&nbsp;رطوبت: <b>" + dataBack[2] + "%</b>&nbsp;|&nbsp;سرعت باد: <b>" + dataBack[3] + "کیلومتر/ساعت</b>"
			+ "&nbsp;&nbsp;&nbsp;<a href='#' onclick='loadWeather(); return false'>&raquo;به روز رسانی</a> | <a href='#' onclick='loadTomorrow(); return false'>هوای فردا</a>");
			
			
		}
		$('.loading').fadeOut();
	});
}

function loadTomorrow(){
	$('.loading').show();
	$.get('./weatherTomorrow.php', function(data){
		var dataBack = data.split('|');
		
		if( dataBack[0].indexOf('error') > 0 ){
		
			$('.topWeather').html("");
						$('.weatherBar').html("متاسفانه مشکلی در ارتباط با سرور راه دور پیش آماده است. &nbsp;&nbsp;<a href='#' onclick='loadTomorrow(); return false'>&raquo;دوباره سعی کنید.</a>");
						
		}
		else{
			
			$('.topWeather').html(dataBack[3] + "<div>Low:" + dataBack[4] + "&#176;C&nbsp;Hi:" + dataBack[5] + "&#176;C<br>Chance of precipitation:" + dataBack[6] + "%</div>");
			
						$('.weatherBar').html("فردا: بیشینه:<b>" + dataBack[1] + "&#176; سانتی گراد</b>&nbsp;|&nbsp;کمینه:<b>" + dataBack[0] + "&#176; سانتی گراد</b>&nbsp;|&nbsp;احتمال بارش: <b>" + dataBack[2] + "%</b>"
			+ "&nbsp;&nbsp;&nbsp;<a href='#' onclick='loadTomorrow(); return false'>&raquo;به روز رسانی</a> | <a href='#' onclick='loadWeather(); return false'>هوای امروز</a>");
			
			
		}
		$('.loading').fadeOut();
	});
}

function initTabs(){
	$('#tabContent div').hide(); // Hide all divs
	
	if(document.location.pathname.indexOf('directory') > 0){
		$('#tabContent div:first').show();
		$('#tabs ul li:first').addClass('activeblue');
	}	
	else if( (document.location.pathname.indexOf('location') > 0) || (document.location.pathname.indexOf('map') > 0) ){
		$('#tabContent div#tabs-2').show();
		$('#tabs ul li a[rel="red"]').parent().addClass('activered');
	}
	else if(document.location.pathname.indexOf('info') > 0){
		$('#tabContent div#tabs-3').show();
		$('#tabs ul li a[rel="green"]').parent().addClass('activegreen');
	}
	else if(document.location.pathname.indexOf('names') > 0){
		$('#tabContent div#tabs-4').show();
		$('#tabs ul li a[rel="black"]').parent().addClass('activeblack');
	}
	else if(document.location.pathname.indexOf('dictionary') > 0){
		$('#tabContent div#tabs-5').show();
		$('#tabs ul li a[rel="purple"]').parent().addClass('activepurple');
	}
	else{
		$('#tabContent div:first').show();
		$('#tabs ul li:first').addClass('activeblue');
	}
	$('#tabs ul li a').click(function(){
		$('#tabs ul li').removeClass('activeblue');
		$('#tabs ul li').removeClass('activered');
		$('#tabs ul li').removeClass('activegreen');
		$('#tabs ul li').removeClass('activeblack');
		$('#tabs ul li').removeClass('activepurple');
		if( $(this).attr('rel') == 'blue' ){
			$(this).parent().addClass('activeblue');
		}
		else if( $(this).attr('rel') == 'red' ){
			$(this).parent().addClass('activered');
		}
		else if( $(this).attr('rel') == 'green' ){
			$(this).parent().addClass('activegreen');
		}
		else if( $(this).attr('rel') == 'black' ){
			$(this).parent().addClass('activeblack');
		}
		else{
			$(this).parent().addClass('activepurple');
		}
		var currentTab = $(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link
		$('#tabContent div').hide(); // Hide all divs
		$(currentTab).show(); // Show div with id equal to variable currentTab
		return false;
	});
	
	$('#mainTabContent div').hide();
	$('#mainTabContent div:first').show();
	$('#mainTabContent div:first div').show();
	$('#homeTabs ul li:first').addClass('homeActive');
	$('#homeTabs ul li a').click(function(){
		$('#homeTabs ul li').removeClass('homeActive');
		$(this).parent().addClass('homeActive');
		var currTab = $(this).attr('href');
		$('#mainTabContent div').hide();
		$(currTab + ' div').show();
		$(currTab).show();
		return false;
	});
}

