Virgo Horoscope Today, July 04, 2024, Thursday

Published: Wednesday, July 3, 2024, 23:03 [GST]

Virgo Horoscope Today July 04, 2024, Thursday: Today heralds a time of keen observation and meticulous attention to detail for you, Virgo. With the stars aligning in a manner that highlights your natural proclivities for analysis and precision, make the most of this opportune moment to fine-tune your goals, and nurture your relationships. Let your practical nature guide you through the day’s challenges, and you may find yourself pleasantly surprised by the outcomes of your efforts.

Daily Horoscope Virgo Today,July 04, 2024

Astro Focus: Mercury, your ruling planet, is sharpening your analytical skills, making today an ideal time for problem-solving and attention to detail. This celestial influence invites you to tackle complex tasks with confidence. Embrace this energy by diving into projects that require a meticulous hand and a sharp mind. It’s a day where your natural strengths can truly shine, allowing for significant progress in both personal and professional endeavors.

In this cerebral climate, don't be surprised if you find yourself pondering life's larger questions, or reevaluating the nitty-gritty of your daily to-do list. Mercury's position encourages a blend of deep thought and pragmatic action. So, while you're dissecting problems and devising solutions, remember to apply these insights to the broader picture of your life.

Career and Finance: In the realm of work and wealth, your penchant for precision and efficiency is your ticket to financial improvement. Today, staying focused and organized is not just beneficial; it’s essential. Keep a keen eye on your tasks and manage your time effectively to maximize your potential. The stars suggest that attention to detail will lead to success, so double-check your work before submission.

<p class="oicustomcontent">Moreover, it's an opportune moment to revamp your budget or financial plan. With Mercury enhancing your analytical capabilities, you're in a prime position to identify areas where efficiencies can be improved. Whether streamlining expenses or investing in resources that boost productivity, your financial acumen is on point. Trust your instincts, and let your methodical approach lead the way to financial stability.</p><div id='are-slot-3' class='oiad oi-axt oiadv'></div><p class="oicustomcontent"><b>Love and Relationships: </b> Now is the time when practical gestures of love are particularly meaningful. Consider how you can support your partner or loved ones in tangible ways. Doing something as simple as handling a tedious chore for them or offering to help with a daunting project can speak volumes. It’s the little things that strengthen bonds and deepen connections today.</p><div id="deeplink_2" class="dynamic-deeplink" style="display-none"></div><div class="refreshInarticleAd listical-ad-left inarticlead" data-slno="0" data-refreshed="0" data-status="false" data-adval=1></div><p class="oicustomcontent">Furthermore, communication flourishes under the influence of Mercury. Engaging in open, honest dialogues about your needs and desires, as well as listening attentively to those of your partner, enriches your relationships. Embodying practicality in love fosters a sense of reliability and trustworthiness that is both comforting and endearing. Make the most of this harmonious period to fortify your bonds.</p><p class="oicustomcontent"><b>Health and Well-being: </b> Your focus today should veer towards maintaining good digestive health. Proper nutrition and regular physical activity are key, as they have the power to significantly uplift your overall well-being. Start by revisiting your diet; incorporating more whole, unprocessed foods can make a world of difference. Also, staying hydrated and ensuring you move your body can bolster your health in more ways than one.</p><p class="oicustomcontent">Mindfulness about your eating habits also plays a crucial role in your health today. Eating slowly and in a relaxed environment can improve digestion and enhance the nutritional value you derive from your meals. Viewing food as both fuel and medicine encourages you to make healthier choices consistently. Remember, your body is a temple, and how you treat it profoundly impacts your quality of life.</p><div id="deeplink_3" class="dynamic-deeplink" style="display-none"></div><p class="oicustomcontent"><b>Spiritual Insights: </b> Today offers a unique opportunity to find sanctity in the mundane. As you reflect on your daily routines, consider the spiritual truths that might be hidden within. This is a time to appreciate the ritualistic aspects of your everyday life and recognize how they contribute to your spiritual well-being. Finding beauty and meaning in the commonplace can significantly enrich your life.</p><p class="oicustomcontent">Let this day also be about acknowledging the interconnection between your physical, emotional, and spiritual health. By synthesizing these aspects, you can foster a holistic sense of well-being that permeates every facet of your life. Embrace the practicality of your routines as a form of spiritual practice. In doing so, you might uncover profound insights and truths that can guide you on your journey.</p><div class="refreshInarticleAd listical-ad-right inarticlead" data-slno="0" data-refreshed="0" data-status="false" data-adval=1></div><div id='latestContent' data-latest_content='{"content":[{"aws_img":"https:\/\/images.onearabia.me\/fit-in\/300x169\/img\/2026\/03\/diriyah-nights-1773185425881-600x340.jpg","url":"\/local\/diriyah-nights-heritage-wonders-qasr-al-khuraymah-wall-011-142665.html","title":"Diriyah Nights Delivers Authentic Heritage Experience At Qasr Al-Khuraymah And The Historic Wall","author":"OneArabia "},{"aws_img":"https:\/\/images.onearabia.me\/fit-in\/300x169\/img\/2026\/03\/hajj-and-umrah-1773184701354-600x340.jpg","url":"\/local\/development-projects-holy-sites-hajj-umrah-011-142663.html","title":"Hajj And Umrah Minister Reviews Development Projects In Holy Sites Ahead Of 1447 AH","author":"OneArabia "},{"aws_img":"https:\/\/images.onearabia.me\/fit-in\/300x169\/img\/2026\/03\/maqam-ibrahim-1773177508723-600x340.jpg","url":"\/local\/maqam-ibrahim-kaaba-construction-marker-011-142657.html","title":"Maqam Ibrahim: Sacred Marker In Kaaba Construction And Islamic Faith","author":"OneArabia "},{"aws_img":"https:\/\/images.onearabia.me\/fit-in\/300x169\/img\/2026\/03\/umrah-hospitality-1773175346507-600x340.jpg","url":"\/local\/ekram-association-umrah-services-half-million-pilgrims-makkah-011-142655.html","title":"Umrah Hospitality Centre In Makkah Serves More Than Half A Million Pilgrims","author":"OneArabia "},{"aws_img":"https:\/\/images.onearabia.me\/fit-in\/300x169\/img\/2026\/03\/itikaf-1773172458260-600x340.jpg","url":"\/local\/two-holy-mosques-itikaf-support-ramadan-011-142653.html","title":"Primary Itikaf Support At The Two Holy Mosques During Ramadan\u2019s Final Ten Days","author":"OneArabia "},{"aws_img":"https:\/\/images.onearabia.me\/fit-in\/300x169\/img\/2026\/03\/saudi-arabia-ai-1773171749017-600x340.jpg","url":"\/local\/saudi-arabia-ai-powerhouse-vision-2030-year-of-ai-2026-011-142649.html","title":"Saudi Arabia Leads As AI Powerhouse Under Vision 2030 With 2026 Year Of Artificial Intelligence Initiative","author":"OneArabia "}]}' data-paid_content=''></div> <section> <div id="all_content_ids" data-content_ids="49849,142647,142645,142643,142641"></div> <div class="oi-morenews-updates-block"> <div class="oi-morenews-updates-heading"><a href="/lifestyle/"> More lifestyle News <i class="morearrow"></i></a></div> <div class="oi-morenews-updates-content"> <div class="morenews-link"><a href="/lifestyle/horoscope-today-march-11-2026-daily-horoscope-all-zodiac-signs-011-142647.html">Horoscope Today, March 11, 2026: Daily Horoscope Of All Zodiac Signs</a></div> <div class="morenews-link"><a href="/lifestyle/pisces-horoscope-today-march-11-2026-daily-horoscope-011-142645.html">Pisces Horoscope Today, March 11, 2026, Wednesday</a></div> <div class="morenews-link"><a href="/lifestyle/aquarius-horoscope-today-march-11-2026-daily-horoscope-011-142643.html">Aquarius Horoscope Today, March 11, 2026, Wednesday</a></div> </div> </div> </section> <p class="oicustomcontent"><b>Horoscope Reflection: </b> Embracing practicality in all areas of your life today brings forth profound satisfaction and lays down a path to spiritual insight. Your natural inclination towards detail and efficiency not only serves you well in your material pursuits but also opens the door to deeper relationships and a more harmonious existence. Let the stars guide you to a place where the ordinary becomes extraordinary, and the mundane is seen through the lens of wonder and wisdom.</p><div id="electionConnector"></div><div class='clearfix'></div> <div class="article-published">Story first published: Wednesday, July  3, 2024, 23:03 [GST]</div> <div class="dayindex-link">
				Other articles published on  <a href="/2024/07/04/">Jul  4, 2024</a> </div> <div id="tag-container" class="article-tags article-tag-container" data-tags="Daily Horoscope, Zodiac Signs" data-eng-tags="Daily Horoscope, Zodiac Signs"> <a title="Daily Horoscope"  href="/topic/Daily-Horoscope">Daily Horoscope</a> <a title="Zodiac Signs"  href="/topic/Zodiac-Signs">Zodiac Signs</a> </div> <div></div> </div> </div> </div> </article> </div> <div class="rightpanel"> <div class="oi-adblock" style="margin: 12px 0 40px 0;min-height: 250px">  <div id='are-slot-mr1' class="oiad oi-axt oiadv" data-adval=0 data-elementid="1" data-exec=0></div> </div> <div><div class="promoelem promoelebig" data-widget_size="web" style="display: none;"></div></div> <section> <div class="oi-rightinc-prayer-wrapper"> <div class="oi-rightinc-prayer-topcontent"> <a href="/prayer-time-uae/"><span class="oi-right-arrow"></span> <div class="oi-rightinc-prayer-heading">Prayer Timings</div> <div class="oi-rightinc-prayer-subheading clearfix"> <div class="oi-prayer-subheading" id="prayerDate"></div> <div class="oi-prayer-selbox" id="selectedcity">Abu Dhabi</div> </div> </a> </div> <div class="oi-rightinc-prayer-nextcontent"> <div class="oi-rightinc-prayer-nexttopcontent"> <div class="oi-next-prayer">Next prayer: <span id="parayerPlace"></span> in <span id="prayerTime"></span></div> <div class="oi-next-prayer-timing" id="prayerTiming"></div> </div> <div class="oi-rightinc-prayer-nextbottomcontent"> <div class="oi-next-prayer-times-listwise"> <ul id="nextPrayers"> </ul> </div> </div> </div> </div> </section> <div class="gap40"><style type="text/css">
	.oi-goldrate.breakeven {
    color: #9E9E9E;
    font-weight: bold;
    font-size: 14px;
}
</style> <div id="gold-rate-widget"> <section> <div class="oi-goldrate-wrapper oi-inc-wrapper"> <div class="oi-inc-topblock"> <a href="/gold-rates/"><div class="oi-inc-heading">Today's Gold Rate <span class="oi-right-arrow"></span></div></a> </div> <div class="oi-goldrate-wrap"> <div class="oi-goldrate-selbox"> <div class="oi-goldrate-cityselected"> <select aria-label="Country" class="countryDropdown" id="countryDropdown" onchange="oaPriceObj.updatePrices()"> </select> <span class="dropdown-arrow"></span></div> </div> <div class="oi-goldrate-det clearfix"> <div class="oi-goldrate-box"> <div class="oi-goldrate-label">24K Gold <span>/ Gram</span></div> <div class="oi-goldrate-text"><span id="price24txt"></span> <span id="curCode24"></span></div> <div class="oi-goldrate profit" id="oi-goldrate-24ct"></div> </div> <div class="oi-goldrate-box"> <div class="oi-goldrate-label">22K Gold <span>/ Gram</span></div> <div class="oi-goldrate-text"><span id="price22txt"></span> <span id="curCode22"></span></div> <div class="oi-goldrate loss" id="oi-goldrate-22ct"></div> </div> </div> </div> </div> </section> </div> <script type="text/javascript">
	var globalJsonData1='';
	var globalAPIData1='';
	var oaPriceObj = {
		updatePrices: function() {
			var dropdown = document.querySelector(".countryDropdown");
			var jsonFinalData = JSON.parse(globalJsonData1);
			var selectedCountry = dropdown.value;
	        var gold24Today = jsonFinalData[selectedCountry]?.gold_24_carat_today ?? 0;
			var gold22Today = jsonFinalData[selectedCountry]?.gold_22_carat_today ?? 0;
			var gold24Yesterday = jsonFinalData[selectedCountry]?.gold_24_carat_yesterday ?? 0;
			var gold22Yesterday = jsonFinalData[selectedCountry]?.gold_22_carat_yesterday ?? 0;
			var curcode24 = jsonFinalData[selectedCountry]?.currency_code ?? '';
			var curcode22 = jsonFinalData[selectedCountry]?.currency_code ?? '';
	        if(document.getElementById('price24txt')){
	        	document.getElementById('price24txt').innerText=gold24Today;
	        }
	        if(document.getElementById('price22txt')){
	        	document.getElementById('price22txt').innerText=gold22Today;
	        }
	        if(document.getElementById('curCode24')){
	        	document.getElementById('curCode24').innerText=curcode24;
	        }
	        if(document.getElementById('curCode22')){
	        	document.getElementById('curCode22').innerText=curcode22;
	        }
	        if(document.getElementById('oi-goldrate-24ct')){
	        	oaPriceObj.getArrow(gold24Today, gold24Yesterday,document.getElementById('oi-goldrate-24ct'));
	        }
	        if(document.getElementById('oi-goldrate-22ct')){
	        	oaPriceObj.getArrow(gold22Today, gold22Yesterday,document.getElementById('oi-goldrate-22ct'));
	        }
		},
		getArrow: function(today, yesterday,elem) {
			var difference = Math.abs((today - yesterday).toFixed(2));
			if(elem){
				if (today > yesterday) {
					elem.classList.add('profit');
					elem.classList.remove('breakeven');
					elem.innerHTML='+ '+difference+' <span class="gdrate-updown"></span>';
		        } else if (today < yesterday) {
		        	elem.classList.add('loss');
		        	elem.classList.remove('breakeven');
		            elem.innerHTML='- '+difference+' <span class="gdrate-updown"></span>';
		        } else {
		        	elem.classList.add('breakeven');
		        	elem.classList.remove('profit');
		        	elem.classList.remove('loss');
		        	elem.innerHTML='-';
		        }
			}
		},
		getPriceData: function() {
			if(globalAPIData1==''){
				var apiUrl = '/scripts/cms/getArticleDetails.php?type=get-gold-currency-data';
			    fetch(apiUrl)
			    .then(response => {
			      return response.json()
			    })
			    .then(data => {
			        if(data != undefined && data !='' && data != null){
			        	globalAPIData1=data;
			            var jsonData = data.goldrate;
			            globalJsonData1=jsonData;
			            oaPriceObj.createDropdownList(jsonData);
			        }
			    })
			    .catch(err => {
			      // Do something for an error here
			    })
			}else{
				var jsonData = globalAPIData1.goldrate;
	            globalJsonData1=jsonData;
	            oaPriceObj.createDropdownList(jsonData);
			}
			
		},
		createDropdownList: function(jsonData) {
			var jsonFinalData = JSON.parse(jsonData);
			var dropdown = document.querySelector(".countryDropdown");
		    for (var country in jsonFinalData) {
		        var option = document.createElement("option");
		        option.value = country;
		        option.text = jsonFinalData[country].name || country;
		        dropdown.add(option);
		        if (country === "dubai") {
        			option.selected = true; // Set the selected attribute for the default country
    			}
		        oaPriceObj.updatePrices();
		        
		    }
		},
	};
	if(document.getElementById('gold-rate-widget')){
	var priceFlag = false;
	//window.addEventListener("scroll", function () {
	  if (!priceFlag) {
	    priceFlag = true;
	    oaPriceObj.getPriceData();
	  }
	//});
	}
</script> </div> <div class="oi-adblock" style="margin:40px 0;min-height: 250px" id="rightSticky"> <div class="oi-adtext">Advertisement</div> <div id='are-slot-mr2' class="oiad oi-axt oiadv" data-adval=0 data-elementid="2" data-exec=0></div> </div> </div> <div style="clear:both;"></div> </div> </section> </div> </section> <div class="oi-contact-lineseperator"></div> <div id="category-wise-article"> <section> <div class="oi-latestnews-heading"></div> <div class="oi-latestnews-tabs"> <ul id="category-tabs"> </ul> </div> <div class="oi-latestnews-content"> <div id="category-desc"> </div> </div> </section> </div> <script type="text/javascript">
	var currentLang = document.documentElement.lang || 'en';
	var categoriesArray='';
        if (currentLang == 'en'){
	 document.querySelector('.oi-latestnews-heading').innerHTML="Latest News"; 
	}else {document.querySelector('.oi-latestnews-heading').innerHTML="الأخبار أخر المستجدات";}
	var content_ids='';
	if(document.getElementById('all_content_ids')){
		var element = document.getElementById('all_content_ids');
		if(element.hasAttribute('data-content_ids')){
			content_ids = element.getAttribute("data-content_ids");
		}
	}
	var oaCategoryObj = {
		createTabs: function(categoriesArray) {
			console.log(categoriesArray);
		  if(document.getElementById('category-tabs')){
		  	var categoryTabs = document.getElementById('category-tabs');
			categoriesArray.forEach((category, index) => {
		      const tab = document.createElement('li');
		      tab.id = `category-tab-${index}`;
		      tab.className = 'category-tab';
		      tab.textContent = category.category;
		      tab.onclick = () => oaCategoryObj.showCategory(index);
		      categoryTabs.appendChild(tab);
		    });
		    oaCategoryObj.showCategory(0);
			}
		},
		getCategoryWiseArticleData: function() {
				var apiUrl = '/scripts/cms/getArticleDetails.php?type=get-category-wise-data&lang_type='+currentLang+'&content_ids='+content_ids+'&device=desktop';
			    fetch(apiUrl)
			    .then(response => {
			      return response.json()
			    })
			    .then(data => {
			    	console.log(data);
			        if(data != undefined && data !='' && data != null){
			            var jsonData = data;
			            console.log(jsonData);
			            categoriesArray=jsonData;
			            oaCategoryObj.createTabs(jsonData);
			        }
			    })
			    .catch(err => {
			      // Do something for an error here
			    })
		},
		showCategory: function(index) {
			if(document.getElementById('category-desc')){
				var categoryDesc = document.getElementById('category-desc');
				for (let i = 0; i < categoriesArray.length; i++) {
	        		document.getElementById(`category-tab-${i}`).classList.remove('active');
	      		}
		      document.getElementById(`category-tab-${index}`).classList.add('active');
		      categoryDesc.innerHTML = categoriesArray[index].category_desc;
	  		}
		},
	};
	if(document.getElementById('category-wise-article')){
	var catFlag = false;
	window.addEventListener("scroll", function () {
	  if (!catFlag) {
	    catFlag = true;
	    oaCategoryObj.getCategoryWiseArticleData();
	  }
	});
	}
</script> <div class="taboola-widget"> <div id="td-bottom-mpu-1" style="clear: both; padding: 10px 0; text-align: center;"></div> <div class="ads_container"></div> <div id="belowContent" style="clear:both;margin-top:10px;"></div> <div id="taboola-below-article-thumbnails" style="width:97%;"></div> <div id="inread"></div> </div> </div> </div>   <style>
	.oi-footer-left {float: none;margin: 0 auto;text-align: center;width: 240px;}
	.oi-footer-logo img {display: inline-block;}
	.oi-footer-social-links {display: flex;justify-content: space-between;}
	.oi-footer-social-links a.youtube {display: inline-block;}
 .oi-footer-social-links a.twitter{display: none;}
</style> <footer> <div class="oi-footer-wrapper"> <div class="oi-footer-container maxwidth-others clearfix"> <div class="oi-footer-left"> <div class="oi-footer-logo"><a href="/" aria-label="Go to Homepage"> <img src="https://images.onearabia.me/images/onearabia-logo-darkmode.svg" width="168" height="25" alt="OneArabia"> </a></div> <div class="oi-footer-social-links"> <a href="https://twitter.com/OneArabia/" title="Follow us on Twitter" class="twitter" ></a> <a href="https://www.facebook.com/profile.php?id=61551593293140&mibextid=LQQJ4d" title="Follow us on Facebook" class="facebook" aria-label="Visit us on Facebook"></a> <a href="https://www.instagram.com/onearabia.me?igsh=MzRlODBiNWFlZA==" title="Follow us on Instagram" class="instagram" aria-label="Visit us on Instagram"></a> <a href="https://youtube.com/@OneArabia" title="Follow us on Youtube" class="youtube" aria-label="Visit us on YouTube"></a> <a href="https://threads.com/OneArabia/" title="Follow us on Threads" class="threads"></a> <a href="https://www.tiktok.com/@onearabia.me?_t=8jsGRvi16ZN&_r=1" title="Follow us on Tiktok" class="tiktok" aria-label="Visit us on TikTok"></a> <a href="https://www.pinterest.com/OneArabia/" title="Follow us on Pinterest" class="pinterest"></a> </div> </div>  </div> <div class="oi-footer"> <div class="oi-copyright-text"> <a href="/about/">About Us</a> <a href="/contact/">Contact Us</a> <a href="/terms-of-service.html" >Terms of Service</a> <a href="/privacy-policy.html" >Privacy Policy</a> <a href="/code-of-business-conduct.html">Code of Business Conduct</a> <a href="/sitemap/">Sitemap</a> <a href="/rss/">RSS Feed</a> </div> <div class="about-oneindia">© <span id="curYear"></span> OneArabia. All rights reserved. The contained information may not be published, broadcast, rewritten, or redistributed without prior written authority from OneArabia.</div> </div> </div> </footer> <script>
var chartbeatflag=1;
    if(chartbeatflag==1){
  if (typeof ga_author_name === 'undefined') {
    var ga_author_name = '';
}
if (typeof oi_category_name === 'undefined') {
    var oi_category_name = '';
}
var parts = window.location.hostname.split('.');
var charbeatdomain = window.location.hostname;//parts.slice(-2).join('.');
console.log(charbeatdomain);
  (function() {
    var _sf_async_config = window._sf_async_config = (window._sf_async_config || {});
    _sf_async_config.uid = 51426;
    _sf_async_config.domain = charbeatdomain;
    _sf_async_config.flickerControl = false;
    _sf_async_config.useCanonical = true;
    _sf_async_config.useCanonicalDomain = true;
    _sf_async_config.sections = oi_category_name;
    _sf_async_config.authors = ga_author_name;

function loadChartbeat() {
      var e = document.createElement('script');
      var n = document.getElementsByTagName('script')[0];
      e.type = 'text/javascript';
      e.async = true;
      e.src = '//static.chartbeat.com/js/chartbeat.js';
      n.parentNode.insertBefore(e, n);

var script = document.createElement('script');
      script.src = '//static.chartbeat.com/js/chartbeat_mab.js';
      script.async = true;
      document.head.appendChild(script);

window.removeEventListener('scroll', onScroll);
    }

function onScroll() {
      loadChartbeat();
    }

</script>  </div>  <script type="text/javascript">
	var ref_logic = { refresh_all: true, refresh_infinite: true, idle_refresh_count: 5, anymind_idle_refresh_count: 5 };
	var global_refresh_flag_all = true;
	var global_refresh_flag_infinite = true;
	var global_idle_refresh_count = 2;
	if (ref_logic != undefined && ref_logic != "" && ref_logic != null) {
		global_refresh_flag_all = ref_logic.refresh_all;
		global_refresh_flag_infinite = ref_logic.refresh_infinite;
		global_idle_refresh_count = parseInt(ref_logic.idle_refresh_count) - 1;
	}
	console.log(global_idle_refresh_count);
	function refreshBid(adUnit, slotPos) {
		var PREBID_TIMEOUT_REFRESH = 500;
		pbjs.que.push(function () {
			pbjs.requestBids({
				timeout: PREBID_TIMEOUT_REFRESH,
				adUnitCodes: [adUnit],
				bidsBackHandler: function () {
					pbjs.setTargetingForGPTAsync([adUnit]);
					googletag.pubads().refresh([slotPos]);
				},
			});
		});
	}
	var intervalIds = [];
	var adIds = [];
	var timers = [];
	var refreshCnt = 0;

function loopLockingFunction(elem_id, cnt, slotPos) {
		if (typeof elem_id !== "undefined" && elem_id) {
			timers[elem_id] = setInterval(function () {
				var activeWindow = document.body.classList.contains("visible");
				var isPaused = activeWindow ? false : true;

if (!isPaused || (isPaused && global_refresh_flag_infinite)) {
					cnt++;
					if (cnt <= globalTimerVal) {
						document.getElementById(elem_id).setAttribute("data-timer", cnt);
					}

var refreshTimeout = slotPos === 1000 ? adTimAnymind : document.getElementById(elem_id).hasAttribute("data-timeout") ? document.getElementById(elem_id).getAttribute("data-timeout") : adTimeInterval;

if (cnt % refreshTimeout === 0) {
						var backfillVal = document.getElementById(elem_id).getAttribute("data-isbackfill");
						var refreshCount = document.getElementById(elem_id).getAttribute("data-refreshCount");

if (backfillVal === "true" && slotPos !== undefined && slot[slotPos] !== undefined && refreshCount <= global_idle_refresh_count) {
							var adUnitCode = slot[slotPos].getAdUnitPath();

if (slotPos === 1000) {
								refreshAnyMind(slot[slotPos]);
							} else {
								refreshBid(adUnitCode, slot[slotPos]);
							}

refreshCount++;
							document.getElementById(elem_id).setAttribute("data-refreshCount", refreshCount);
						}
						return;
					}
				}
			}, 1000);
		}
	}

function deleteInterval(elem_id) {
		var index = adIds.indexOf(elem_id);
		if (index > -1) {
			adIds.splice(index, 1);
			clearInterval(timers[elem_id]);
		}
	}

/*function calculateVisibilityForDivOld(element) {
		    var windowHeight = window.innerHeight;
		    var docScroll = window.pageYOffset;
		    var elementPosition = element.offsetTop;
		    var elementHeight = element.offsetHeight;
		    var hiddenBefore = docScroll - elementPosition;
		    var hiddenAfter = (elementPosition + elementHeight) - (docScroll + windowHeight);

if (docScroll > elementPosition + elementHeight || elementPosition > docScroll + windowHeight) {
		        return 0;
		    } else {
		        var result = 100;

if (hiddenBefore > 0) {
		            result -= (hiddenBefore * 100) / elementHeight;
		        }

if (hiddenAfter > 0) {
		            result -= (hiddenAfter * 100) / elementHeight;
		        }

return Math.round(result);
		    }
		}*/
	function calculateVisibilityForDiv(element) {
		var rect = element.getBoundingClientRect();
		var windowHeight = window.innerHeight;
		var elementTop = rect.top;
		var elementBottom = rect.bottom;

if (elementBottom < 0 || elementTop > windowHeight) {
			// Element is completely out of viewport
			return 0;
		} else {
			var visibleHeight = Math.min(elementBottom, windowHeight) - Math.max(elementTop, 0);
			var percentageVisible = (visibleHeight / element.offsetHeight) * 100;
			return Math.round(percentageVisible);
		}
	}

// Example usage:
	var divElement = document.querySelector(".oi-axt"); // Replace with your actual selector
	var visibilityPercentage = calculateVisibilityForDiv(divElement);
	console.log("Visibility Percentage:", visibilityPercentage);
	function checkAndInitializeElements() {
		document.querySelectorAll(".oi-axt").forEach(function (elem) {
			var elem_id = elem.id;
			var elemVisible = elem.getBoundingClientRect().top < window.innerHeight;
			var slotPos = elem.getAttribute("data-elementid");
			var cnt = 0;

if (elemVisible) {
				var widthPercent = calculateVisibilityForDiv(elem);

if (document.getElementById(elem_id)) {
					document.getElementById(elem_id).setAttribute("data-per", widthPercent);
					document.getElementById(elem_id).setAttribute("data-refreshCount", refreshCnt);
				}

if (widthPercent > adPerSeenMobi) {
					adIds.push(elem_id);
					loopLockingFunction(elem_id, cnt, slotPos);
				}
			}
		});

window.addEventListener("scroll", function () {
			document.querySelectorAll(".oi-axt").forEach(function (elem) {
				var elem_id = elem.id;
				var elemVisible = elem.getBoundingClientRect().top < window.innerHeight;
				var slotPos = elem.getAttribute("data-elementid");
				var cnt = 0;

if (elemVisible) {
					var widthPercent = calculateVisibilityForDiv(elem);

if (document.getElementById(elem_id)) {
						document.getElementById(elem_id).setAttribute("data-per", widthPercent);
						document.getElementById(elem_id).setAttribute("data-refreshCount", refreshCnt);
					}

if (widthPercent > adPerSeen) {
						if (adIds.indexOf(elem_id) === -1) {
							adIds.push(elem_id);
							loopLockingFunction(elem_id, cnt, slotPos);
						}
					} else {
						deleteInterval(elem_id);
					}
				} else {
					deleteInterval(elem_id);
					if (document.getElementById(elem_id)) {
						document.getElementById(elem_id).setAttribute("data-refreshCount", 0);
					}
				}
			});
		});
	}

checkAndInitializeElements();
	//Ad Refresh Logic
	(function () {
		var hidden = "hidden";
		// Standards:
		if (hidden in document) document.addEventListener("visibilitychange", onchange);
		else if ((hidden = "mozHidden") in document) document.addEventListener("mozvisibilitychange", onchange);
		else if ((hidden = "webkitHidden") in document) document.addEventListener("webkitvisibilitychange", onchange);
		else if ((hidden = "msHidden") in document) document.addEventListener("msvisibilitychange", onchange);
		// IE 9 and lower:
		else if ("onfocusin" in document) document.onfocusin = document.onfocusout = onchange;
		// All others:
		else window.onpageshow = window.onpagehide = window.onfocus = window.onblur = onchange;

function onchange(evt) {
			var v = "visible",
				h = "hidden",
				evtMap = {
					focus: v,
					focusin: v,
					pageshow: v,
					blur: h,
					focusout: h,
					pagehide: h,
				};

evt = evt || window.event;
			if (evt.type in evtMap) document.body.className = evtMap[evt.type];
			else document.body.className = this[hidden] ? "hidden" : "visible";
		}
		if (document[hidden] !== undefined) onchange({ type: document[hidden] ? "blur" : "focus" });
	})();
	if ("browsingTopics" in document && document.featurePolicy.allowsFeature("browsing-topics")) {
		var iframe = document.createElement("iframe");
		iframe.src = "/common/browse-topic.html";
		iframe.id = "topicFrame";
		iframe.scrolling = "no";
		iframe.frameBorder = 0;
		iframe.style.display = "none";
		document.body.appendChild(iframe);
	} else {
		console.log("document.browsingTopics() not supported");
	}
	function inImagesmartifai() {
		var scriptElement = document.createElement("script");
		scriptElement.src = "https://ssptag.smartifai.ai/?c=res&m=ads";
		scriptElement.async = true;
		scriptElement.onload = function () {
			tmv.appendAd({ placementId: 466, type: "inImage" });
			tmv.appendAd({ placementId: 465, type: "inScreen" });
		};
		document.head.appendChild(scriptElement);
	}
	function inScreensmartifai() {
		var scriptElement = document.createElement("script");
		scriptElement.src = "https://ssptag.smartifai.ai/?c=res&m=ads";
		scriptElement.async = true;
		scriptElement.onload = function () {
			tmv.appendAd({ placementId: 465, type: "inScreen" });
		};
		document.head.appendChild(scriptElement);
	}
	/*
if(trackpagetype=='article'){
var sspflagload = 0;
window.addEventListener("scroll", function(){
if(sspflagload==0){
sspflagload=1;
	inImagesmartifai();
}
});
}*/
	if (document.querySelector(".bottom-sticky-ad-openclose a")) {
		document.querySelector(".bottom-sticky-ad-openclose a").addEventListener("click", function () {
			var bottomAdWrapper = document.getElementById("bottomAdWrapper");
			bottomAdWrapper.classList.toggle("hide-adcontent");
		});
	}
	//Adsense Inimage Code
	//if(window.location.search.indexOf("adsense=1") > -1){
	var adsenseSlot = 9853992998;
	var inImageCssWeb =
		"<style>#oi-vox {position: relative;}.oiInImg{width:600px;margin:0 auto;padding-left: 50px;}.oiInImg{height:108px!important;position:absolute;bottom:0}.oiInImg ins{height:90px!important}#img-close-btn{border:1px solid #d7d4d4;border-bottom:none;border-radius:5px 5px 0 0;box-shadow:1px -2px 3px -1px #fff;background:#fff;padding:1px 10px;float:right;height:15px;opacity:0}#img-close-btn img{width:25px;top:-6px;position:relative}</style>";
	var inImageCssMobi =
		"<style>#oi-vox {position: relative;}.oiInImg{width:100%;margin:0 auto;position:absolute;bottom:-4px;left:0;right:0}.resimg{width:100%;height:auto}#img-close-btn{border:1px solid #d7d4d4;border-bottom:none;border-radius:5px 5px 0 0;box-shadow:1px -2px 3px -1px #fff;background:#fff;padding:1px 10px;float:right;height:15px;opacity:0}#img-close-btn img{width:25px;top:-6px;position:relative}</style>";
	var inImageHtmlWeb =
		'<span id="img-close-btn"><img src="https://www.oneindia.com/images/oi-black-cross.png"></span><ins id="oiInImgWrapper" class="adsbygoogle" style="display:inline-block;width:600px;height:90px;background:#f2f2f2" data-ad-client="ca-pub-6601380052549923" data-ad-slot="' + adsenseSlot + '"></ins>';
	var inImageHtmlMobi =
		'<span id="img-close-btn"><img src="https://www.oneindia.com/images/oi-black-cross.png"></span><ins id="oiInImgWrapper" class="adsbygoogle" style="display:block;width:100%;height:60px!important;background:#f2f2f2;overflow:hidden;text-align:center;" data-ad-client="ca-pub-6601380052549923" data-ad-slot="' +
		adsenseSlot +
		'"></ins>';
	var finalHtmlCss = "";

if (/Mobi|Android/i.test(navigator.userAgent)) {
		finalHtmlCss = inImageCssMobi + inImageHtmlMobi;
	} else {
		finalHtmlCss = inImageCssWeb + inImageHtmlWeb;
	}

const redirectAnchorLink = (tlink, tparam) => {
					const link = document.createElement("a");
					link.id = "globalanchor";
					link.href = tlink;
					if (tparam === "_blank") {
						link.target = "_blank";
					}
					document.body.appendChild(link);
					link.click();
				};

const clickedElem = document.querySelectorAll(".oiHyperLink");
				clickedElem.forEach((el) => {
					el.addEventListener("click", function handleClick(event) {
						event.preventDefault();
						event.stopImmediatePropagation();

const origin = el;
						let utmParam = origin.hasAttribute("data-uparam") ? origin.getAttribute("data-uparam") : "";
						const targetParam = window.event.ctrlKey || origin.hasAttribute("target") ? origin.getAttribute("target") || "_blank" : "";
						const targetLink = origin.getAttribute("href");

if (targetLink && targetLink !== "#" && targetLink !== "javascript:void(0);" && !targetLink.includes("javascript:")) {
							const targetLinkFinal = utmParam ? (targetLink.includes("?") ? targetLink + "&" + utmParam : targetLink + "?" + utmParam) : targetLink;
							redirectAnchorLink(targetLinkFinal, targetParam);
						}
					});
				});
			}
		});
	}

// Call the function after the DOM is loaded
	globalAnchorClick();
</script> <script type="text/javascript">
	var trackpagetypemetrics = "";
	if (document.querySelector("head") && document.querySelector("head").hasAttribute("data-content_type")) {
		trackpagetypemetrics = document.querySelector("head").getAttribute("data-content_type").toLowerCase();
		if (trackpagetypemetrics != "" && trackpagetypemetrics != null && trackpagetypemetrics != undefined) {
			switch (trackpagetypemetrics) {
				case "photos":
					trackpagetypemetrics = "photos";
					break;
				case "videos":
					trackpagetypemetrics = "videos";
					break;
				case "database":
					trackpagetypemetrics = "database";
					break;
				case "article":
					trackpagetypemetrics = "article";
					break;
				case "photo feature article":
					trackpagetypemetrics = "article";
					break;
				case "live blog article":
					trackpagetypemetrics = "article";
					break;
				case "homepage":
					trackpagetypemetrics = "home";
					break;
				default:
					trackpagetypemetrics = "index";
					break;
			}
		}
	}
	var MetricsCalculator = {
		metrics: {},
		scrollPer: 0,
		scrollPix: 0,
		increment: 0.1,
		startTime: new Date(),
		inHouseDomains: ["oneindia", "filmibeat", "boldsky", "gizbot", "careerindia", "mykhel", "nativeplanet", "goodreturns", "drivespark", "onearabia"],
		referrer: document.referrer,
		host: window.location.hostname,
		domainParts: this.host.split("."),
		langParam: document.documentElement.lang || "en",
		domainmiddle: this.domainParts[1],
		oncePerRefreshMetrics: {},
		currentDate: new Date().toLocaleDateString(),
		nodays: 7,
		id5ScriptLoaded: false,
		init: function () {
			this.checkClearStorageData();
		},
		checkClearStorageData: function () {
			var userSegmentUpdateLocal = localStorage.getItem("user_segment");
			userSegmentUpdateLocal = this.parseJsonString(userSegmentUpdateLocal);
			var userVisited = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var userLastVisited = userVisited.lastVisitedDay ? userVisited.lastVisitedDay : "";
			var userVisitedDays = userVisited.daysVisited ? userVisited.daysVisited : 0;
			if (this.currentDate == userLastVisited) {
				if (userVisitedDays > this.nodays) {
					localStorage.removeItem("user_segment");
					this.metrics = {};
					this.oncePerRefreshMetrics = {};
				}
			} else {
				userVisitedDays = userVisitedDays + 1;
				if (userVisitedDays > this.nodays) {
					localStorage.removeItem("user_segment");
					this.metrics = {};
					this.oncePerRefreshMetrics = {};
				}
			}
			this.onPageRefreshMetrics();
			this.startIdleTimeTracking();
			this.startTabVisibilityTracking();
		},
		pageScrolled: function () {
			var winheight = window.innerHeight || (document.documentElement || document.body).clientHeight;
			var docheight = getDocHeight();
			var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;
			var trackLength = docheight - winheight;
			this.scrollPer = Math.floor((scrollTop / trackLength) * 100);
		},
		parseJsonString: function (jsonString) {
			var parseJsonVal = JSON.parse(jsonString);
			return parseJsonVal;
		},
		updateCategoryWeightage: function (userSegmentUpdateLocal) {
			var userSegment = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var categoryCounts = userSegment ? userSegment.category : "";
			categoryCounts = categoryCounts ? categoryCounts : {};
			if (trackpagetypemetrics === "article" && document.querySelector("head") && document.querySelector("head").hasAttribute("data-category_name")) {
				var category = document.querySelector("head").getAttribute("data-category_name").trim();
				categoryCounts[category] = (categoryCounts[category] || 0) + this.increment;
				categoryCounts[category] = parseFloat(categoryCounts[category].toFixed(1));
			}
			return categoryCounts;
		},
		fetchCategoryWeightage: function (userSegmentUpdateLocal) {
			var categoryCounts = this.updateCategoryWeightage(userSegmentUpdateLocal);
			return categoryCounts;
		},
		updateTrafficType: function (ref, userSegmentUpdateLocal) {
			var userTraffic = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var trafficType = userTraffic ? userTraffic.trafficType : "";
			trafficType = trafficType ? trafficType : {};
			if (ref) {
				trafficType[ref] = (trafficType[ref] || 0) + this.increment;
				trafficType[ref] = parseFloat(trafficType[ref].toFixed(1));
			}
			return trafficType;
		},
		fetchTrafficType: function (userSegmentUpdateLocal) {
			if (this.referrer == "") {
				var ref = "direct";
				var trafficData = this.updateTrafficType(ref, userSegmentUpdateLocal);
			} else {
				if (this.referrer.indexOf(host) > -1) {
					var ref = "direct";
					var trafficData = this.updateTrafficType(ref, userSegmentUpdateLocal);
				} else {
					var ref = "referral";
					var trafficData = this.updateTrafficType(ref, userSegmentUpdateLocal);
				}
			}
			return trafficData;
		},
		updateReferral: function (userSegmentUpdateLocal) {
			var userReferrer = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var referrerType = userReferrer ? userReferrer.referral : "";
			referrerType = referrerType ? referrerType : {};
			if (this.referrer != "") {
				var domain = this.referrer.match(/(?:https?:\/\/)?(?:www\.)?([^./:]+)/i)[1];
				if (this.inHouseDomains.includes(domain)) {
					return referrerType;
				} else {
					referrerType[domain] = (referrerType[domain] || 0) + this.increment;
					referrerType[domain] = parseFloat(referrerType[domain].toFixed(1));
					return referrerType;
				}
			} else {
				return referrerType;
			}
		},
		updateDomain: function (userSegmentUpdateLocal) {
			var userDomain = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var domainType = userDomain ? userDomain.domain : "";
			domainType = domainType ? domainType : {};
			if (this.referrer != "") {
				var domain = this.referrer.match(/(?:https?:\/\/)?(?:www\.)?([^./:]+)/i)[1];
				if (this.inHouseDomains.includes(domain)) {
					domainType[domain] = (domainType[domain] || 0) + this.increment;
					domainType[domain] = parseFloat(domainType[domain].toFixed(1));
					return domainType;
				} else {
					return domainType;
				}
			} else {
				domainType[this.domainmiddle] = (domainType[this.domainmiddle] || 0) + this.increment;
				domainType[this.domainmiddle] = parseFloat(domainType[this.domainmiddle].toFixed(1));
				return domainType;
			}
		},
		updateLanguage: function (userSegmentUpdateLocal) {
			var userLanguage = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var langType = userLanguage ? userLanguage.language : "";
			langType = langType ? langType : {};
			if (this.langParam) {
				langType[this.langParam] = (langType[this.langParam] || 0) + this.increment;
				langType[this.langParam] = parseFloat(langType[this.langParam].toFixed(1));
				return langType;
			} else {
				return {};
			}
		},
		getTopicsApiData: function () {
			var topicsData = {};
			var browse_topic_id = localStorage.getItem("browsingids");
			var browse_topic_name = localStorage.getItem("browsingTopics");

if (browse_topic_id) {
				topicsData["id"] = browse_topic_id.split(",").map(Number);
			}

if (browse_topic_name) {
				topicsData["name"] = browse_topic_name.split(",");
			}
			return topicsData;
		},
		getUserLocation: function () {
			var locationdata = {};
			var userlocation = localStorage.getItem("userlocation");
			var MSLuserdata = localStorage.getItem("MSLUserLoc");
			userlocation = userlocation ? userlocation : MSLuserdata;
			if (userlocation) {
				var jdata = userlocation;
				jdata = JSON.parse(jdata);
				locationdata["city"] = jdata.city;
				locationdata["state"] = jdata.State;
				locationdata["country"] = jdata.country_code;
				locationdata["ip"] = jdata.ip;
				return locationdata;
			} else {
				fetch("https://gapi.oneindia.com/gapi", {
					method: "post",
				})
					.then(function (e) {
						e.text().then(function (data) {
							if (data != "" && data != undefined && data != null) {
								var jdata = data;
								jdata = JSON.parse(jdata);
								locationdata["city"] = jdata.city;
								locationdata["state"] = jdata.State;
								locationdata["country"] = jdata.country_code;
								locationdata["ip"] = jdata.ip;
								return locationdata;
							}
						});
					})
					["catch"](function (e) {
						console.log("Fetch Error :-S", e);
					});
			}
		},
		getCurrentDay: function (scrollPixel) {
			var userSegmentUpdateLocal = localStorage.getItem("user_segment");
			userSegmentUpdateLocal = this.parseJsonString(userSegmentUpdateLocal);
			var userVisited = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var userLastVisited = userVisited.lastVisitedDay ? userVisited.lastVisitedDay : "";
			var currentDay = "";
			if (scrollPixel) {
				var lastVisitedDay = Object.keys(scrollPixel).pop();
				if (lastVisitedDay) {
					var lastVisitedDayNum = parseInt(lastVisitedDay.substring(1)); // Extract day number
					if (this.currentDate == userLastVisited) {
						lastVisitedDayNum = lastVisitedDayNum;
						var nextDayNum = lastVisitedDayNum > this.nodays ? 1 : lastVisitedDayNum; // Calculate next day number
					} else {
						lastVisitedDayNum = lastVisitedDayNum + 1;
						var nextDayNum = lastVisitedDayNum > this.nodays ? 1 : lastVisitedDayNum; // Calculate next day number
					}
					currentDay = nextDayNum;
				} else {
					currentDay = 1;
				}
			}
			return currentDay;
		},
		storeLastVisitedDay: function () {
			return this.currentDate;
		},
		storeUserVisitedDays: function () {
			var userSegmentUpdateLocal = localStorage.getItem("user_segment");
			userSegmentUpdateLocal = this.parseJsonString(userSegmentUpdateLocal);
			var userVisited = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var userLastVisited = userVisited.lastVisitedDay ? userVisited.lastVisitedDay : "";
			var userVisitedDays = userVisited.daysVisited ? userVisited.daysVisited : 0;
			if (this.currentDate == userLastVisited) {
				return userVisitedDays;
			} else {
				userVisitedDays = userVisitedDays + 1;
				return userVisitedDays;
			}
		},
		calculateDaysDifference: function (date1, date2) {
			const [d1, m1, y1] = date1.split("/");
			const [d2, m2, y2] = date2.split("/");
			const startDate = new Date(`${m1}/${d1}/${y1}`);
			const endDate = new Date(`${m2}/${d2}/${y2}`);
			if (startDate.getTime() === endDate.getTime()) {
				return 0;
			}
			const differenceMs = Math.abs(endDate - startDate);
			const differenceDays = Math.ceil(differenceMs / (1000 * 60 * 60 * 24));
			return differenceDays;
		},
		averageGapOnVisitedDays: function () {
			var userSegmentUpdateLocal = localStorage.getItem("user_segment");
			userSegmentUpdateLocal = this.parseJsonString(userSegmentUpdateLocal);
			var userVisited = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var userLastVisited = userVisited.lastVisitedDay ? userVisited.lastVisitedDay : this.currentDate;
			var userVisitedDays = userVisited.daysVisited ? userVisited.daysVisited : 0;
			var gapinDays = userVisited.averageGapOnVisitedDays ? userVisited.averageGapOnVisitedDays : 0;
			var gapAsLastVisit = this.calculateDaysDifference(this.currentDate, userLastVisited);
			gapinDays = parseInt(gapinDays) + parseInt(gapAsLastVisit);
			var finalGap = parseInt(gapinDays / userVisitedDays);
			finalGap = finalGap ? finalGap : 0;
			return finalGap;
		},
		targettedSection: function (userSegmentUpdateLocal) {
			var topValues = {};
			var categorySection = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var targettedSection = categorySection ? categorySection.category : "";
			var entries = Object.entries(targettedSection);
			if (entries.length > 0) {
				entries.sort((a, b) => b[1] - a[1]);
				var sortedKeys = entries.map((entry) => entry[0]);
				topValues = sortedKeys.slice(0, Math.min(5, sortedKeys.length));
				return topValues;
			} else {
				return topValues;
			}
		},
		scrollPositionPixels: function (userSegmentUpdateLocal) {
			var userScroll = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var scrollPixel = userScroll ? userScroll.scrollPositionPixels : "";
			scrollPixel = scrollPixel ? scrollPixel : {};
			this.scrollPix = window.pageYOffset || document.documentElement.scrollTop;
			var currentDay = this.getCurrentDay(scrollPixel);
			var finalcurrentDay = "d" + parseInt(currentDay);
			var existScrollPix = scrollPixel[finalcurrentDay] ? scrollPixel[finalcurrentDay] : 0;
			if (this.scrollPix > existScrollPix) {
				scrollPixel[finalcurrentDay] = this.scrollPix;
			} else {
				scrollPixel[finalcurrentDay] = existScrollPix;
			}
			return scrollPixel;
		},
		averageTimeOnPage: function (userSegmentUpdateLocal) {
			var userTime = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var userAvgTime = userTime ? userTime.averageTimeOnPage : "";
			userAvgTime = userAvgTime ? userAvgTime : {};
			var startTime = this.startTime;
			var endTime = new Date();
			var timeSpent = (endTime - startTime) / 1000;
			timeSpent = parseFloat(timeSpent.toFixed(2));
			var currentDay = this.getCurrentDay(userAvgTime);
			var finalcurrentDay = "t" + parseInt(currentDay);
			var existAvgTime = userAvgTime[finalcurrentDay] ? userAvgTime[finalcurrentDay] : 0;
			if (timeSpent > existAvgTime) {
				userAvgTime[finalcurrentDay] = timeSpent;
			} else {
				userAvgTime[finalcurrentDay] = existAvgTime;
			}
			return userAvgTime;
		},
		getDocHeight: function () {
			var body = document.body;
			var html = document.documentElement;
			var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
			return height;
		},
		scrollPositionPercentage: function (userSegmentUpdateLocal) {
			var self = this;
			var userScrollPer = userSegmentUpdateLocal ? userSegmentUpdateLocal : "";
			var userper = userScrollPer ? userScrollPer.scrollPositionPercentage : "";
			userper = userper ? userper : {};
			window.addEventListener("scroll", function () {
				var winheight = window.innerHeight || (document.documentElement || document.body).clientHeight;
				var docheight = self.getDocHeight();
				var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;
				var trackLength = docheight - winheight;
				self.scrollPer = Math.floor((scrollTop / trackLength) * 100);
			});
			var currentDay = this.getCurrentDay(userper);
			var finalcurrentDay = "d" + parseInt(currentDay);
			var existUserPer = userper[finalcurrentDay] ? userper[finalcurrentDay] : 0;
			if (this.scrollPer > existUserPer) {
				userper[finalcurrentDay] = this.scrollPer;
			} else {
				userper[finalcurrentDay] = existUserPer;
			}
			return userper;
		},
		deviceType: function () {
			var device = "Unknown";
			if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
				device = "Mobile";
			} else if (/iPad|Android/i.test(navigator.userAgent)) {
				device = "Tablet";
			} else {
				device = "Desktop";
			}
			return device;
		},
		createUniqueId: function () {
			var navigator_info = window.navigator;
			var screen_info = window.screen;
			var uid = navigator_info.mimeTypes.length;
			uid += navigator_info.userAgent.replace(/\D+/g, "");
			uid += navigator_info.plugins.length;
			uid += screen_info.height || "";
			uid += screen_info.width || "";
			uid += screen_info.pixelDepth || "";
			return uid;
		},
		fetchId5Id: function () {
			var self = this;
			var id5Instance = ID5.init({
				partnerId: 591,
			});
			return id5Instance._userIdAvailablePromise
				.then(function (id5Id) {
					if (id5Id) {
						return id5Id;
					} else {
						return "NA";
					}
				})
				.catch(function (error) {
					return "NA";
				});
		},
		getId5Id: function () {
			var self = this;
			if (typeof ID5 !== "undefined") {
				self.id5ScriptLoaded = true;
			}
			if (!self.id5ScriptLoaded) {
				return new Promise(function (resolve, reject) {
					var script = document.createElement("script");
					script.src = "https://cdn.id5-sync.com/api/1.0/id5-api.js";
					script.onload = function () {
						self.id5ScriptLoaded = true;
						self.fetchId5Id().then(function (id5_id) {
							console.log(id5_id);
							self.metrics.id5_id = id5_id;
							localStorage.setItem("user_segment", JSON.stringify(self.metrics));
						});
					};
					script.onerror = function () {
						self.metrics.id5_id = "NA";
						localStorage.setItem("user_segment", JSON.stringify(self.metrics));
						resolve("NA");
					};
					document.head.appendChild(script);
				});
			} else {
				return self
					.fetchId5Id()
					.then(function (id5_id) {
						self.metrics.id5_id = id5_id;
						localStorage.setItem("user_segment", JSON.stringify(self.metrics));
					})
					.catch(function (error) {
						self.metrics.id5_id = "NA";
						localStorage.setItem("user_segment", JSON.stringify(self.metrics));
						return "NA";
					});
			}
		},
		getGaId: async function () {
			var self = this;
			return new Promise(function (resolve, reject) {
				if (gtag) {
					gtag("get", "G-09Y63T23W1", "client_id", function (client_id) {
						console.log(client_id);
						self.metrics.ga_id = client_id;
						localStorage.setItem("user_segment", JSON.stringify(self.metrics));
						return resolve(client_id);
					});
				} else {
					self.metrics.ga_id = "NA";
					localStorage.setItem("user_segment", JSON.stringify(self.metrics));
				}
			});
		},
		getCookie: function (name) {
			var cookies = document.cookie.split(";");
			for (var i = 0; i < cookies.length; i++) {
				var cookie = cookies[i].trim();
				if (cookie.startsWith(name + "=")) {
					return decodeURIComponent(cookie.substring(name.length + 1));
				}
			}
			return null;
		},
		getUserDetails: function () {
			var self = this;
			var storedUserDataJson = self.getCookie("MSLUserData");
			if (storedUserDataJson) {
				var responsePayload = JSON.parse(storedUserDataJson);
				self.metrics.open_id = responsePayload.id;
				self.metrics.email = responsePayload.email;
				self.metrics.name = responsePayload.name;
			} else {
				self.metrics.open_id = "NA";
				self.metrics.email = "NA";
				self.metrics.name = "NA";
			}
		},
		onPageRefreshMetrics: function () {
			var userSegmentUpdateLocal = localStorage.getItem("user_segment");
			userSegmentUpdateLocal = this.parseJsonString(userSegmentUpdateLocal);
			this.getUserDetails();
			this.oncePerRefreshMetrics = {
				...this.metrics,
				uid: this.createUniqueId(),
				daysVisited: this.storeUserVisitedDays(),
				deviceType: this.deviceType(),
				topicsApi: this.getTopicsApiData(),
				trafficType: this.fetchTrafficType(userSegmentUpdateLocal),
				referral: this.updateReferral(userSegmentUpdateLocal),
				domain: this.updateDomain(userSegmentUpdateLocal),
				language: this.updateLanguage(userSegmentUpdateLocal),
				category: this.fetchCategoryWeightage(userSegmentUpdateLocal),
				targettedSection: this.targettedSection(userSegmentUpdateLocal),
				averageGapOnVisitedDays: this.averageGapOnVisitedDays(),
				channelName: window.location.hostname,
			};
		},
		updateMetrics: function () {
			var userSegmentUpdateLocal = localStorage.getItem("user_segment");
			userSegmentUpdateLocal = this.parseJsonString(userSegmentUpdateLocal);
			this.getId5Id();
			this.getGaId();
			this.metrics = {
				...this.oncePerRefreshMetrics,
				averageTimeOnPage: this.averageTimeOnPage(userSegmentUpdateLocal),
				scrollPositionPixels: this.scrollPositionPixels(userSegmentUpdateLocal),
				scrollPositionPercentage: this.scrollPositionPercentage(userSegmentUpdateLocal),
				location: this.getUserLocation(),
			};
		},
		startIdleTimeTracking: function () {
			var idleTimeout = null;
			var idleDuration = 300000; //If 5 mins Idle
			var self = this; // Save reference to 'this' for use inside the timeout function
			function resetIdleTimeout() {
				clearTimeout(idleTimeout);
				idleTimeout = setTimeout(function () {
					self.updateMetrics();
					self.metrics.lastVisitedDay = self.storeLastVisitedDay();
					localStorage.setItem("user_segment", JSON.stringify(self.metrics));
				}, idleDuration);
			}
			window.addEventListener("mousemove", resetIdleTimeout);
			window.addEventListener("keydown", resetIdleTimeout);
			window.addEventListener("scroll", resetIdleTimeout);
			resetIdleTimeout();
		},
		handleVisibilityChange: function () {
			var hideflag = document.body.classList.contains("hidden");
			if (hideflag) {
				this.updateMetrics();
				this.metrics.lastVisitedDay = this.storeLastVisitedDay();
				localStorage.setItem("user_segment", JSON.stringify(this.metrics));
			} else {
				//console.log("User switched back to the tab");
			}
		},
		startTabVisibilityTracking: function () {
			var self = this; // Save reference to 'this' for use inside the visibility change handler
			document.addEventListener("visibilitychange", function () {
				self.handleVisibilityChange();
			});
			this.scrollPositionPercentage();
		},
	};
	if (trackpagetypemetrics == "article") {
		var metricsTriggered = false;
		window.addEventListener("scroll", function () {
			if (!metricsTriggered) {
				metricsTriggered = true;
				MetricsCalculator.init();
			}
		});
	}

try {
				googletag.cmd.push(function () {
					if (document.getElementById("div-gpt-ad-1653012388909-0")) {
						slot[900] = googletag.defineSlot("/1008496/mobile-overlay-1x1-onearabia", [1, 1], "div-gpt-ad-1653012388909-0").addService(googletag.pubads());
						googletag.pubads().setTargeting("host", window.location.hostname);
						googletag.pubads().setTargeting("curl", window.location.href);
						googletag.pubads().setTargeting("topic", target_words_rss1);
						googletag.pubads().setTargeting("domain", "onearabia.me");
						googletag.pubads().setTargeting("lang", langParam);
						googletag.pubads().enableSingleRequest();
						googletag.enableServices();
						googletag.display("div-gpt-ad-1653012388909-0");
						googletag.pubads().refresh([slot[900]]);
					}
				});
			} catch (err) {
				console.log("Cube Ad  : " + err);
			}
		}
	}

function oiinsertAfter(referenceNode, newNode) {
		if (referenceNode && referenceNode.parentNode) {
			referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
		} else {
			console.warn("Reference node is null or has no parent.");
		}
	}

var cubeFlag = 1;
	if (cubeFlag === 1) {
		var scrollExeCube = 0;

window.addEventListener(
			"scroll",
			function () {
				if (scrollExeCube === 0) {
					scrollExeCube = 1;

var parentDiv = document.querySelector("footer");
					if (parentDiv) {
						var cube_frame = document.createElement("div");
						cube_frame.id = "div-gpt-ad-1653012388909-0";
						cube_frame.style.cssText = /Mobi|Android/i.test(navigator.userAgent) ? "width:180px;position:fixed;bottom:90px;left:0;z-index:999999999" : "width:180px;position:fixed;bottom:60px;left:160px;z-index:999999999";

oiinsertAfter(parentDiv, cube_frame);
						cubeWidgetLiteVersion();
					} else {
						console.warn("Footer element not found.");
					}
				}
			},
			false
		);
	}

if (UTMArray.includes(utmParams?.utm_medium)) {
		if (getUserCookie("izustraffic") == null) {
			setUserCookie("izustraffic", 1, "" , "/", "");
			setUserCookie("utm_medium", utmParams?.utm_medium, "" , "/", "");
			// localStorage.setItem("utm_medium",utmParams?.utm_medium)
		}
	}
    function setCookieForUSTraffic() {
		if (getUserCookie("izustraffic") == "1" || UTMArray.includes(utmParams?.utm_medium)) {
			if (window.googletag && googletag.apiReady) {
				googletag.cmd.push(function () {
					googletag.pubads().setTargeting("utm_medium", utmParams?.utm_medium ?? getUserCookie("utm_medium"));
				})

// oneindia.js for CMAP UTMs
				const trackScript = document.createElement("script");
				trackScript.dataset.cfasync = false;
				trackScript.async = true;
				trackScript.src = "https://cdn.dtblt.com/ivt/clients/oneind-yld.js"
				document.head.appendChild(trackScript);
			}
		}
	}
	window.addEventListener("scroll", setCookieForUSTraffic,{once:true});
</script> <style type="text/css">
	.oi-myprofile-selectbox {border: 1px solid var(--border-color-primary);margin: 12px 0px;padding: 5px;position: relative;}
.oi-myprofile-selectlabel {padding: 6px 0;cursor: pointer;font-size: 14px;color: #f7f7f7;display: block;position: relative;}
.oi-myprofile-selectlabel::after {border: solid #f7f7f7;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;right: 5px;top: 8px;content: '';transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.oi-myprofile-selectbox.show-dropdown .oi-myprofile-selectlabel::after {transform: rotate(225deg);-webkit-transform: rotate(225deg);top: 12px;}
.oi-myprofile-popup {position: absolute;left: 0;right: 0;top: 35px;background: #0D0C0C;z-index: 1000;border: 1px solid var(--border-color-primary);display: none;}
.oi-myprofile-selectbox.show-dropdown .oi-myprofile-popup {display: block;}
.oi-myprofile-popup ul li {list-style-type: none;padding: 10px;cursor: pointer;font-size: 14px;color: #f7f7f7;}

</style> <section> <div class="oi-registration-popup-overlay"></div> <div class="oi-registration-popup" id="signinLogin"> <section> <div class="oi-login-wrapper"> <span class="oi-login-close"></span> <div class="oi-login-logo"><img src="https://images.onearabia.me/images/onearabia-logo-darkmode.svg" alt="OneArabia" /></div> <div id="loginScreen"> <div class="oi-google-login"> <div class="oi-signin-heading" style="text-align: center;">Log in for unlimited reading!</div> <div class="oi-signin-with"> <ul> <li><a href="/" onclick="startGoogleSignIn(); event.preventDefault();"><i class="google-icon"><img src="https://images.onearabia.me/images/google-g-icon-1707992998338.svg" alt="Sign in with Google"></i> Sign in with Google</a></li> </ul> </div> </div> </div> </div> </section> <section> <div id="loggedinScreen" class="signhidden"> <div class="oi-login-wrapper loggedin"> <div class="oi-signin-heading" style="text-align: center;">Your Personal Dashboard</div> <div class="oi-email-address">youremail@address.com</div> <div class="oi-signin-btn-wrap clearfix" style="display: none;"> <input type="submit" value="Subscribe for more access" class="oi-signin-btn subscribebtn" style=""> </div> <div class="oi-newuser" style="text-align: left;display: none;"><a onclick="event.preventDefault();" href="/" class="subscribed">Already Subscribed?</a></div> <div class="oi-subscription-listing"> <ul> <li><a onclick="event.preventDefault();" href="/" class="profile">Profile <i class="morearrow"></i></a></li> <li><a onclick="event.preventDefault();" href="/" class="saved-articles">Saved Articles <i class="morearrow"></i></a></li> <li><a onclick="event.preventDefault();" href="/" class="notifications notf-subscribe" style="display: none;">Notifications <span>Subscribe</span></a></li> <li><a onclick="event.preventDefault();" href="/" class="notifications notf-arrow" style="display: none;">Notifications<span><i class="morearrow"></i></span></a></li> <li><a onclick="event.preventDefault();" href="/" class="notifications notf-denied" style="display: none;">Notifications<span>Blocked</span></a></li> <li><a onclick="event.preventDefault();" href="/" class="logout">Log Out</a></li> </ul> </div> </div> </div> </section> </div> </section> <section> <div class="oi-myprofile-wrapper "><span class="oi-myprofile-close"></span> <div class="oi-signin-heading" style="text-align: center;">Manage Profile</div> <div class="oi-myprofile-container"> <div class="oi-myprofile-content"> <div class="oi-myprofile-title">First Name</div> <div class="oi-myprofile-subtitle" id="firstname"></div> </div> <div class="oi-myprofile-content"> <div class="oi-myprofile-title">Last Name</div> <div class="oi-myprofile-subtitle" id="lastname"></div> </div> <div class="oi-myprofile-content"> <div class="oi-myprofile-title">Email Address</div> <div class="oi-myprofile-subtitle" id="emailaddress"></div> </div> <div class="oi-myprofile-content"> <div class="oi-myprofile-title">Age</div> <div class="oi-myprofile-selectbox"> <span class="oi-myprofile-selectlabel selectage">Select Age</span> <div class="oi-myprofile-popup age"> <ul> <li data-age="18 to 24">18 to 24</li> <li data-age="25 to 34">25 to 34</li> <li data-age="35 to 44">35 to 44</li> <li data-age="45 to 54">45 to 54</li> <li data-age="55 to 64">55 to 64</li> <li data-age="65 or over">65 or over</li> </ul> </div> </div> </div> <div class="oi-myprofile-content"> <div class="oi-myprofile-title">Gender</div> <div class="oi-myprofile-selectbox"> <span class="oi-myprofile-selectlabel selectgender">Select Gender</span> <div class="oi-myprofile-popup gender" style=""> <ul> <li data-gender="Male">Male</li> <li data-gender="Female">Female</li> <li data-gender="Transgender">Transgender</li> </ul> </div> </div> </div> <div class="oi-myprofile-content"> <div class="oi-myprofile-title">Location</div> <div class="oi-myprofile-subtitle" id="cityname"></div> </div> </div> </div> </section> <section> <div class="oi-saved-articles-wrapper"><span class="oi-savedarticles-close"></span> <div class="oi-login-logo"><img src="https://images.onearabia.me/images/onearabia-logo-darkmode.svg" width="120" height="18" loading="lazy" alt="" /></div> <div class="oi-signin-heading" style="text-align: center;margin-bottom: 12px;">Your Personal Reading List</div> <div class="oi-saved-articles-emptyblock" style=""> <div class="oi-signin-subheading" style="margin-bottom: 16px;">Your list is currently empty</div> <div class="oi-signin-desc">Just click on the bookmark icon <i class="bookmark-icon"></i> while exploring our site, and those stories will be added to your Reading List.</div> <div class="oi-explore-category-lists" style="margin-top: 12px;"> <div class="oi-header-navigation-title">Explore by Category</div> <ul id='category-list'> </ul> </div> </div> <div class="oi-saved-articles-block" style=""> <div class="oi-article-listswrap"> <ul id="articleList"> </ul> </div> </div> </div> </section> <section> <div class="oi-notifications-wrapper "><span class="oi-notification-close"></span> <div class="oi-login-logo"><img src="https://images.onearabia.me/images/onearabia-logo-darkmode.svg" width="120" height="18" loading="lazy" alt="" /></div> <div class="oi-signin-heading" style="text-align: center;">Manage Notifications</div> <div class="oi-notifications-content"> <div class="oi-notifications-topcontent"> <div class="oi-notifications-subheading">Get Instant News Updates</div> <div class="oi-notf-wrap"> <div class="oi-enable-all">Enable All Notifications</div> <div class="oi-enable-switch"> <label class="switch"> <input class="enablenotf" type="checkbox" value="checked" checked=true> <span class="slider round"></span> </label> </div> </div> </div> <div class="oi-notifications-category-container"> <div class="oi-notifications-subheading">Select to receive notifications from </div> <ul id="notificationCat"> </ul> </div> </div> </div> </section> <style type="text/css">
.gap20{padding-top:20px;}
.gap10{padding-top:10px;}
.gap30{padding-top:30px;}
.gap40{padding-top:40px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
</style> <script type="text/javascript">
function redirect_blank(url) {
      var a = document.createElement('a');
      a.target="_blank";
      a.href=url;
      a.click();
    }
document.addEventListener("DOMContentLoaded", function () {
    var signInButton = document.querySelector(".oi-header-signin");
    var registrationPopup = document.querySelector(".oi-registration-popup");
    var registrationOverlay = document.querySelector(".oi-registration-popup-overlay");
    var loginCloseButton = document.querySelector(".oi-login-close");

signInButton.addEventListener("click", function () {
        registrationPopup.classList.add("login");
        registrationOverlay.classList.add("login");
        document.body.classList.add("overflw");
    });

function closePopup() {
        registrationPopup.classList.remove("login");
        registrationOverlay.classList.remove("login");
        document.body.classList.remove("overflw");
    }

loginCloseButton.addEventListener("click", closePopup);
    //registrationOverlay.addEventListener("click", closePopup);
});

var oaPrayerObj = {
  prayerOrder: ["Fajr", "Sunrise", "Dhuhr", "Asr", "Maghrib", "Isha"],
  calculateTimeRemaining: function(prayerTimes) {
    var now = new Date();
    var currentHour = now.getHours();
    var currentMinutes = now.getMinutes();
    var currentSeconds = now.getSeconds();
    var currentTime = currentHour * 3600 + currentMinutes * 60 + currentSeconds;
    var nextPrayers = [];
    var prayerNum = this.prayerOrder.length;
    if(prayerNum > 0){
    for(var i = 0; i < prayerNum; i++){
      var prayer = this.prayerOrder[i];
      var prayerTime = prayerTimes[prayer].split(":");
      var prayerHour = parseInt(prayerTime[0]);
      var prayerMinutes = parseInt(prayerTime[1].split(" ")[0]);
      var prayerTimeInSeconds = prayerHour * 3600 + prayerMinutes * 60;
      if (prayerTimeInSeconds > currentTime) {
        var timeRemainingSeconds = prayerTimeInSeconds - currentTime;
        var hoursRemaining = Math.floor(timeRemainingSeconds / 3600);
        var minutesRemaining = Math.floor((timeRemainingSeconds % 3600) / 60);
        var secondsRemaining = timeRemainingSeconds % 60;

return {
          name: prayer,
          timeRemaining: {
            hours: hoursRemaining,
            minutes: minutesRemaining,
            seconds: secondsRemaining
          },
          prayerTime: this.formatPrayerTime(prayerTimes[prayer])
        };
      }
    }
  }
    return null;
  },
  formatPrayerTime: function(prayerTime) {
    var timeComponents = prayerTime.split(":");
    var hours = parseInt(timeComponents[0]);
    var minutes = parseInt(timeComponents[1]);
    var convertedHours = hours % 12 || 12;
    var formattedTime = (convertedHours < 10 ? "0" : "") + convertedHours + ":" +
      (minutes < 10 ? "0" : "") + minutes +
      " " + (hours >= 12 ? "PM" : "AM");

return formattedTime;
  },
  getLastPrayerOfDay: function (prayerTimes) {
    var now = new Date();
    var currentHour = now.getHours();
    var currentMinutes = now.getMinutes();
    var currentSeconds = now.getSeconds();
    var currentTime = currentHour * 3600 + currentMinutes * 60 + currentSeconds;
    var nextPrayers = [];
    var tomorrow = new Date();
    tomorrow.setDate(tomorrow.getDate() + 1);
    tomorrow.setHours(0, 0, 0, 0); // Set the time to the beginning of the next day
    var nextDayPrayerTime = prayerTimes[this.prayerOrder[0]]; // Assuming the first prayer of the day is the next day's first prayer

var nextDayPrayerHour = parseInt(nextDayPrayerTime.split(":")[0]);
    var nextDayPrayerMinute = parseInt(nextDayPrayerTime.split(":")[1].split(" ")[0]);
    var nextDayPrayerTimeInSeconds = nextDayPrayerHour * 3600 + nextDayPrayerMinute * 60;

var timeRemainingSeconds = nextDayPrayerTimeInSeconds + (24 * 3600) - currentTime; // Adding 24 hours for the next day
    var hoursRemaining = Math.floor(timeRemainingSeconds / 3600);
    var minutesRemaining = Math.floor((timeRemainingSeconds % 3600) / 60);
    var secondsRemaining = timeRemainingSeconds % 60;

return {
        name: this.prayerOrder[0], // Assuming the first prayer of the day is the next day's first prayer
        timeRemaining: {
            hours: hoursRemaining,
            minutes: minutesRemaining,
            seconds: secondsRemaining
        },
        prayerTime: this.formatPrayerTime(nextDayPrayerTime)
    };
},
getPrayerTimeInSeconds: function (prayerName, prayerTimes) {
    var prayerTime = prayerTimes[prayerName].split(":");
    var prayerHour = parseInt(prayerTime[0]);
    var prayerMinutes = parseInt(prayerTime[1].split(" ")[0]);
    return prayerHour * 3600 + prayerMinutes * 60;
},

formatTimeHHMMSS: function(hours, minutes, seconds) {
    return (
      (hours < 10 ? "0" : "") + hours + ":" +
      (minutes < 10 ? "0" : "") + minutes + ":" +
      (seconds < 10 ? "0" : "") + seconds
    );
  },

// Function to get the last prayers of the day
  getLastPrayersOfDay: function(prayerTimes, currentPrayer) {
    var nextPrayers = [];
    var currentIndex = this.prayerOrder.indexOf(currentPrayer);
    var totalPrayers = this.prayerOrder.length;
    if (currentIndex === totalPrayers - 1) {
      return nextPrayers; // Return empty array if the current prayer is the last one
    }
    for (var i = 1; i <= 2; i++) {
      var nextIndex = (currentIndex + i) % totalPrayers;
      var nextPrayerName = this.prayerOrder[nextIndex];
      if (prayerTimes.hasOwnProperty(nextPrayerName)) {
        var formattedTime = this.formatPrayerTime(prayerTimes[nextPrayerName]);
        nextPrayers.push({ name: nextPrayerName, prayerTime: formattedTime });
      }

// If we have found 2 prayers or if it's the last index, break the loop
      if (nextPrayers.length === 2 || nextIndex === totalPrayers - 1) {
        break;
      }
    }

return nextPrayers;
  },

// Function to update the UI with prayer name, prayer time, and time remaining
  fetchDataAndStore: function(currentDate,nextDate) {
    var current_date = new Date();
      var nextDay = new Date(current_date);
        nextDay.setDate(nextDay.getDate() + 1);
      var currentDate = new Date().toISOString().split("T")[0];
      var nextDate = nextDay.toISOString().split("T")[0];
    const storedUserLocDataJson = localStorage.getItem('MSLUserLoc');
    var city='';
    var country='';
    if (storedUserLocDataJson) {
        const storedUserData = JSON.parse(storedUserLocDataJson);
        city = storedUserData.city;
        country=storedUserData.country;
    }
    var countryArr = [
        { name: 'Bahrain', code: 'BH' },
        { name: 'Oman', code: 'OM' },
        { name: 'Qatar', code: 'QA' },
        { name: 'Kuwait', code: 'KW' },
        { name: 'UAE', code: 'AE' },
        { name: 'Saudi Arabia', code: 'SA' }
    ];
    var foundCountryApi = countryArr.find(countryies => countryies.code === country);
    if(foundCountryApi){
        country=foundCountryApi.code;
    }else{
      city='Dubai';
      country='AE';
    }
    if (typeof city_slug !== 'undefined') {
        city=city_slug;
      country=country_iso;
    }
    return fetch('/src/city_namaz_details.php?country='+country+'&city='+city+'&from='+currentDate+'&to='+nextDate)
      .then(response => {
        if (!response.ok) {
          throw new Error('Network response was not ok');
        }
        return response.json();
      })
      .then(data => {
        localStorage.setItem('prayerTimings'+country+''+city+''+currentDate, JSON.stringify(data));
        localStorage.setItem('prayerTimings', JSON.stringify(data));
        return data;
      })
      .catch(error => {
        console.error('Error fetching data:', error);
        throw error; // Propagate the error to the caller
      });
  },

// Function to update the UI with prayer name, prayer time, and time remaining
  updatePrayerTimeUI: function() {
    var cityref = '';
    var countryref = '';
    var currentDateref = '';
    if (typeof city_slug !== 'undefined') {
    cityref=city_slug;
    countryref=country_iso;
    currentDateref = new Date().toISOString().split("T")[0];
    
    }
    
    
    var storedData = localStorage.getItem('prayerTimings'+countryref+''+cityref+''+currentDateref);
    if (storedData && storedData.length > 0){
      var data = JSON.parse(storedData);
      var current_date = new Date();
      var nextDay = new Date(current_date);
        nextDay.setDate(nextDay.getDate() + 1);
      var currentDate = new Date().toISOString().split("T")[0];
      var nextDate = nextDay.toISOString().split("T")[0];
      if (data.hasOwnProperty(currentDate) && data.hasOwnProperty(nextDate)) {
        var prayerTimes = data[currentDate].timings;
        
        /*var prayerTimes = {
            "Fajr": "03:42 (+04)",
            "Sunrise": "04:05 (+04)",
            "Dhuhr": "05:28 (+04)",
            "Asr": "08:49 (+04)",
            "Maghrib": "08:50 (+04)",
            "Isha": "11:13 (+04)"
          };*/
        var nextPrayer = this.calculateTimeRemaining(prayerTimes);
        if (nextPrayer) {
          var current_Prayer = nextPrayer.name;
          var timeRemainingString = '';
          var nextPrayerTime = nextPrayer.prayerTime;
          var timeRemain = this.formatTimeHHMMSS(nextPrayer.timeRemaining.hours, nextPrayer.timeRemaining.minutes, nextPrayer.timeRemaining.seconds);
            if (nextPrayer.timeRemaining.hours > 0) {
              timeRemainingString += nextPrayer.timeRemaining.hours + " hour";
              if (nextPrayer.timeRemaining.hours > 1) {
                timeRemainingString += "s";
              }
            } else if (nextPrayer.timeRemaining.minutes > 0) {
              timeRemainingString += nextPrayer.timeRemaining.minutes + " min";
              if (nextPrayer.timeRemaining.minutes > 1) {
                timeRemainingString += "s";
              }
            } else {
              timeRemainingString += nextPrayer.timeRemaining.seconds + " sec";
              if (nextPrayer.timeRemaining.seconds > 1) {
                timeRemainingString += "s";
              }
            }
          if(document.getElementById('parayerPlace')){
            document.getElementById('parayerPlace').innerHTML=current_Prayer;
          }
          if(document.getElementById('prayerTime')){
            document.getElementById('prayerTime').innerHTML=timeRemainingString;
          }
          if(document.getElementById('prayerTiming')){
            document.getElementById('prayerTiming').innerHTML=nextPrayerTime;
          }
          if(document.querySelector('.oi-header-prayer-timer')){
            document.querySelector('.oi-header-prayer-timer').innerHTML=timeRemain;
          }
          var topPrayerText = current_Prayer+' '+nextPrayerTime;
          if(document.querySelector('.oi-header-prayernext')){
            document.querySelector('.oi-header-prayernext').innerHTML=topPrayerText;
          }
          // Update the timer every second
          setTimeout(this.updatePrayerTimeUI.bind(this), 1000);
          if(document.getElementById('nextPrayers')){
            var lastPrayers = this.getLastPrayersOfDay(prayerTimes, current_Prayer);
            this.updatePrayerListUI(lastPrayers); 
          }
        } else {
            var nextDayPrayerTimes = data[nextDate].timings;
            var nextDayFirstPrayer = Object.keys(nextDayPrayerTimes)[0];
            var nextDayFirstPrayerTime = nextDayPrayerTimes[nextDayFirstPrayer];
            var lastPrayerOfDay = this.getLastPrayerOfDay(nextDayPrayerTimes);
            var current_Prayer = lastPrayerOfDay.name;
            var timeRemain = this.formatTimeHHMMSS(lastPrayerOfDay.timeRemaining.hours, lastPrayerOfDay.timeRemaining.minutes, lastPrayerOfDay.timeRemaining.seconds);
            var timeRemainingString = '';
            if (lastPrayerOfDay.timeRemaining.hours > 0) {
              timeRemainingString += lastPrayerOfDay.timeRemaining.hours + " hour";
              if (lastPrayerOfDay.timeRemaining.hours > 1) {
                timeRemainingString += "s";
              }
            } else if (lastPrayerOfDay.timeRemaining.minutes > 0) {
              timeRemainingString += lastPrayerOfDay.timeRemaining.minutes + " minute";
              if (lastPrayerOfDay.timeRemaining.minutes > 1) {
                timeRemainingString += "s";
              }
            } else {
              timeRemainingString += lastPrayerOfDay.timeRemaining.seconds + " second";
              if (lastPrayerOfDay.timeRemaining.seconds > 1) {
                timeRemainingString += "s";
              }
            }
          if(document.getElementById('parayerPlace')){
            document.getElementById('parayerPlace').innerHTML=current_Prayer;
          }
          if(document.getElementById('prayerTime')){
            document.getElementById('prayerTime').innerHTML=timeRemainingString;
          }
          if(document.getElementById('prayerTiming')){
            document.getElementById('prayerTiming').innerHTML=lastPrayerOfDay.prayerTime;
          }
          if(document.querySelector('.oi-header-prayer-timer')){
            document.querySelector('.oi-header-prayer-timer').innerHTML=timeRemain;
          }
          var topPrayerText = current_Prayer+' '+lastPrayerOfDay.prayerTime;
          if(document.querySelector('.oi-header-prayernext')){
            document.querySelector('.oi-header-prayernext').innerHTML=topPrayerText;
          }
          setTimeout(this.updatePrayerTimeUI.bind(this), 1000);
          if(document.getElementById('nextPrayers')){
            var lastPrayers = this.getLastPrayersOfDay(nextDayPrayerTimes, current_Prayer);
            this.updatePrayerListUI(lastPrayers); 
          }
        }
      } else {
        // Fetch data from API and then update the UI
        this.fetchDataAndStore(currentDate,nextDate)
          .then(data => {
            if (data && Object.keys(data).length !== 0) {
              this.updatePrayerTimeUI();
            } else {
              
            }
          })
          .catch(error => {
            
          });
      }
    } else {
      // Fetch data from API and then update the UI
      this.fetchDataAndStore(currentDate,nextDate)
        .then(data => {
          if (data && Object.keys(data).length !== 0) {
            this.updatePrayerTimeUI();
          } else {
            
          }
        })
        .catch(error => {
          
        });
    }
  },

updatePrayerListUI: function(lastPrayers) {
    var prayerListElement = document.getElementById('nextPrayers');
    prayerListElement.innerHTML = ''; // Clear previous list

if (lastPrayers.length > 0) {
      lastPrayers.forEach((prayer, index) => {
        var li = document.createElement('li');
        var divWrap = document.createElement('div');
        var divTitle = document.createElement('div');
        var divTime = document.createElement('div');

//li.classList.add('oi-next-prayer-times-wrap');
        divWrap.classList.add('oi-next-prayer-times-wrap');
        divTitle.classList.add('oi-next-prayer-times-title');
        divTime.classList.add('oi-next-prayer-times');

divTitle.textContent = prayer.name;
        divTime.textContent = prayer.prayerTime;

divWrap.appendChild(divTitle);
        divWrap.appendChild(divTime);
        li.appendChild(divWrap);
        if (index === 0) {
            li.classList.add('active');
        }
        prayerListElement.appendChild(li);
      });
    }
  },
  formatCurrentDate:function() {
  var months = [
    "Jan", "Feb", "Mar", "Apr", "May", "Jun",
    "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
  ];

// Initial update
  init: function() {
    this.updatePrayerTimeUI();
    this.formatCurrentDate();
  }
};
oaPrayerObj.init();

function deleteCookie(name) {
      setCookie(name, "", -1,'/','');
      //document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    }
 if(document.querySelector('.share')){
function navShare() {
    var nav_desc = document.querySelector('meta[name=description]').getAttribute('content');
    var nav_img = document.querySelector('meta[property="og:image"]').getAttribute('content');
    var nav_url = document.querySelector('link[rel="canonical"]').getAttribute('href');
    var nav_title = document.querySelector('meta[property="og:title"]').getAttribute('content');
    var ref_share = 'ref_medium=Mobile&ref_source=onearabia&ref_campaign=Popup-Share';

navigator.share({
        title: nav_title,
        url: nav_url
    }).then(() => console.log('Successful share'))
      .catch((error) => console.log('Error sharing:', error));
}

document.querySelector('.share').addEventListener('touchstart', function() {
    shareHandler();
});

document.querySelector('.share').addEventListener('click', function() {
    shareHandler();
});

if (!storedConids.includes(conid)) {
        storedConids.push(conid);
        storedConidsString = storedConids.join(',');
        localStorage.setItem('conids', storedConidsString);
        console.log('Updated conids string:', storedConidsString);
    } else {
        console.log('Conid already exists:', conid);
    }
}

script.onerror = function() {
        console.error('Error loading Google Identity Services library.');
    };

document.head.appendChild(script);
}

event.preventDefault();

addRemoveClasses(oiRegistrationPopup, addClasses, removeClasses);
  body.classList.add('overflw');
}

function handleCloseButtonClick(event, targetClass, removeClasses) {
  var oiRegistrationPopup = document.querySelector(targetClass);
  var body = document.body;

event.preventDefault();

oiRegistrationPopup.classList.remove(...removeClasses);
  body.classList.remove('overflw');
}
var timeoutId;
if(document.querySelector(".read-later")){
    var conid = document.querySelector(".read-later").getAttribute('data-content_id');
    conid=parseInt(conid);
    var isConid = checkConIdinLocalStorage(conid);
    console.log(isConid);
    if(isConid){
        document.querySelector(".read-later").classList.add('active');
        document.querySelector(".read-later-message.saved").style.display='none';
    }else{
        document.querySelector(".read-later").classList.remove('active');
    }
addClickEventListener('.read-later', function (event) {
    if(isLoggedin){
        isConid = checkConIdinLocalStorage(conid);
        var readLaterElement = document.querySelector(".read-later");
    console.log(isConid);
        if(isConid){
            if(readLaterElement.hasAttribute('data-content_id')){
                readLaterElement.classList.add('active','inactive');
                document.querySelector(".read-later-message.saved").style.display='none';
                deleteConid();
                clearTimeout(timeoutId);
                timeoutId = setTimeout(function() {
                   readLaterElement.classList.remove('active','inactive');
                }, 5000);
            } 
        }else{
           if(readLaterElement.hasAttribute('data-content_id')){
                readLaterElement.classList.add('active');
                readLaterElement.classList.remove('inactive');
                if(document.querySelector(".read-later-message.saved")){
                    document.querySelector(".read-later-message.saved").style.display='block';
                    clearTimeout(timeoutId);
                    timeoutId = setTimeout(function() {
                       document.querySelector(".read-later-message.saved").style.display='none';
                    }, 5000);
                }
                saveConid(conid);
            } 
        }
    }else{
      readlaterclicked=1;
        var oiRegistrationPopup = document.querySelector('.oi-registration-popup');
              var body = document.body;
              event.preventDefault();
              oiRegistrationPopup.classList.remove('signup', 'login', 'signin', 'forgotpass');
              oiRegistrationPopup.classList.add('login');
            if(document.querySelector("#loggedinScreen")){
                document.querySelector("#loggedinScreen").classList.add("signhidden");
            }
            if(document.querySelector("#loginScreen")){
                document.querySelector("#loginScreen").classList.remove("signhidden");
            }
      body.classList.add('overflw');
    }
});
}
function fetchEmptySavedArticles(){
    var apiUrl = '/scripts/cms/getArticleDetails.php?type=get-categories-list&lang_type='+htmlLang;
    fetch(apiUrl)
    .then(response => {
      return response.json()
    })
    .then(data => {
        console.log(data);
        if(data != undefined && data !='' && data != null){
            if(document.querySelector('#category-list')){
                var ul = document.querySelector('#category-list');
                data.forEach(function(category) {
                  var li = document.createElement('li');
                  var a = document.createElement('a');
                  a.href = category.category_url;
                  a.textContent = category.category;
                  li.appendChild(a);
                  ul.appendChild(li);
                });
            }
        }
    })
    .catch(err => {
      // Do something for an error here
    })
}
function createListItems(data) {
    var ulElement = document.getElementById('articleList');
    ulElement.innerHTML = '';
      data.forEach(item => {
        var liElement = document.createElement('li');
        liElement.innerHTML = `
          <div class="oi-article-lists clearfix">
            <div class="oi-article-lists-details">
              <div class="oi-article-lists-share">
                <span class="delete-article" data-cid='${item.content_id}'></span> <span class="share-article" data-cid='${item.content_id}' data-url='${item.url}' data-title="${item.title}"></span>
              </div>
              <div class="oi-article-lists-title" data-href="${item.url}" data-cid='${item.content_id}'>${item.title}</div>
            </div>
          </div>
        `;
    ulElement.appendChild(liElement);
    
  });
      ulElement.addEventListener('click', function(event) {
        var target = event.target;
        if (target.classList.contains('delete-article')) {
            deleteArticle(event);
        }
        if (target.classList.contains('oi-article-lists-title')) {
            openArticle(event);
        }
        if (target.classList.contains('share-article')) {
            shareArticle(event);
        }
    });
}
function deleteFromStorage(cid){
    var storedConids = localStorage.getItem('conids') || '';
    var conidArray = storedConids.split(',');
    var index = conidArray.indexOf(cid);
    if (index !== -1) {
        conidArray.splice(index, 1);
        localStorage.setItem('conids', conidArray.join(','));
        console.log('Updated conids string:', conidArray.join(','));
    }
}
function deleteArticle(event) {
    event.preventDefault();
    var liElement = event.target.closest('li');
    var cid = event.target.getAttribute('data-cid');
    liElement.remove();
    deleteFromStorage(cid);
    const element = document.querySelector('.read-later');
    if (element && element.hasAttribute('data-content_id')) {
      const value = element.getAttribute('data-content_id');
      if (value === cid) {
        element.classList.remove('active');
      }
    }
    var remainingArticles = document.querySelectorAll('#articleList li');
    if (remainingArticles.length === 0) {
        fetchEmptySavedArticles();
        var oiSavedArticlesWrapper = document.querySelector('.oi-saved-articles-wrapper');
        oiSavedArticlesWrapper.classList.remove('showarticles');
        oiSavedArticlesWrapper.classList.add('showarticles-empty');
    }
    console.log("Deleted article with content ID:", cid);
}
function openArticle(event) {
    event.preventDefault();
    var curl = event.target.getAttribute('data-href');
    var cid = event.target.getAttribute('data-cid');
    deleteFromStorage(cid);
    let utm_param='';
    if(selectedlanguage=='en'){
      utm_param='?utm_source=OneArabiaEnglish&utm_medium=Profile&utm_campaign=SavedStories';
    }else{
      utm_param='?utm_source=OneArabiaArabic&utm_medium=Profile&utm_campaign=SavedStories';
    }
    window.location.href = curl+utm_param;
}
function shareArticle(event) {
    event.preventDefault();
    var cid = event.target.getAttribute('data-cid');
    var curl = event.target.getAttribute('data-url');
    var ctitle = event.target.getAttribute('data-title');
    if (navigator.share !== undefined) {
        var nav_url = curl;
        var nav_title = ctitle;
        navigator.share({
            title: nav_title,
            url: nav_url
        }).then(() => console.log('Successful share'))
          .catch((error) => console.log('Error sharing:', error));
    }
}
// Function to handle delete action

addClickEventListener('.login, .oi-user', function (event) {
  var oiRegistrationPopup = document.querySelector('.oi-registration-popup');
  var body = document.body;
  event.preventDefault();
  oiRegistrationPopup.classList.remove('signup', 'login', 'signin', 'forgotpass');
  oiRegistrationPopup.classList.add('login');
  if(isLoggedin){
        var storedUserDataJson = getCookie('MSLUserId');
        if (storedUserDataJson) {
            login_id = storedUserDataJson;
        }
        if(document.querySelector("#loginScreen")){
            document.querySelector("#loginScreen").classList.add("signhidden");
        }
        if(document.querySelector("#loggedinScreen")){
            document.querySelector("#loggedinScreen").classList.remove("signhidden");
        }
        const storedUserLocDataJson = localStorage.getItem('MSLUserLoc');
        if (storedUserLocDataJson) {
            const storedUserData = JSON.parse(storedUserLocDataJson);
            if(document.querySelector("#cityname")){
                document.querySelector("#cityname").innerHTML=storedUserData.city ?? 'NA';
            }
        }
    }else{
        if(document.querySelector("#loggedinScreen")){
            document.querySelector("#loggedinScreen").classList.add("signhidden");
        }
        if(document.querySelector("#loginScreen")){
            document.querySelector("#loginScreen").classList.remove("signhidden");
        }
    }
  
  body.classList.add('overflw');
});

if(document.querySelector('.logout')){
    document.querySelector('.logout').addEventListener('click', function (event) {
        if(document.querySelector("#loggedinScreen")){
            document.querySelector("#loggedinScreen").classList.add("signhidden");
        }
        if(document.querySelector("#loginScreen")){
            document.querySelector("#loginScreen").classList.remove("signhidden");
        }
        if(document.querySelector("#userSignin")){
            document.querySelector("#userSignin").classList.remove("signhidden");
        }
        if(document.querySelector("#userSignedin")){
            document.querySelector("#userSignedin").classList.add("signhidden");
        }
        if(document.querySelector("#footersignin")){
            document.querySelector("#footersignin").classList.remove("signhidden");
        }
        if(document.querySelector(".oi-footer-left")){
            document.querySelector(".oi-footer-left").classList.remove("footerLoggedin");
        }
        logoutUserFromDB(login_id);
        isLoggedin=0;
    });
}
if(document.querySelector('.loginbtn')){
    document.querySelector('.loginbtn').addEventListener('click', function (event) {
    var oiUser = document.querySelector('.oi-user');
    var oiRegistrationPopup = document.querySelector('.oi-registration-popup');
    var body = document.body;
    event.preventDefault();
    oiUser.classList.add('loggedin');
    oiRegistrationPopup.classList.remove('signup', 'login', 'signin', 'forgotpass');
    body.classList.remove('overflw');
    });
}

addClickEventListener('.forgotpass', function (event) {
  handleButtonClick(event, '.oi-registration-popup', ['forgotpass'], ['signin', 'login', 'signup']);
});

if(document.querySelector('.profile')){
    addClickEventListener('.profile', function () {
        if(document.querySelector('.oi-myprofile-wrapper')){
          var oiMyProfileWrapper = document.querySelector('.oi-myprofile-wrapper');
          var body = document.body;
          oiMyProfileWrapper.classList.add('showprofile');
          body.classList.add('overflw');
        }
    });
}
if(document.querySelector('.oi-myprofile-close')){
    addClickEventListener('.oi-myprofile-close', function () {
        if(document.querySelector('.oi-myprofile-wrapper')){
          var oiMyProfileWrapper = document.querySelector('.oi-myprofile-wrapper');
          var body = document.body;
          oiMyProfileWrapper.classList.remove('showprofile');
          body.classList.remove('overflw');
        }
    });
}

if(document.querySelector('.saved-events')){
    addClickEventListener('.saved-events', function () {
        if(document.querySelector('.oi-saved-events-wrapper')){
          var oiMyProfileWrapper = document.querySelector('.oi-saved-events-wrapper');
          var body = document.body;
          oiMyProfileWrapper.classList.add('showevents');
          body.classList.add('overflw');
        }
    });
}
if(document.querySelector('.oi-savedevents-close')){
    addClickEventListener('.oi-savedevents-close', function () {
        if(document.querySelector('.oi-saved-events-wrapper')){
          var oiMyProfileWrapper = document.querySelector('.oi-saved-events-wrapper');
          var body = document.body;
          oiMyProfileWrapper.classList.remove('showevents');
          body.classList.remove('overflw');
        }
    });
}
function isCheckedInLocalStorage(cid) {
    var savedCids = localStorage.getItem('stored_categories') || '';
    return savedCids.includes(cid);
}
function updateLocalStorage(cid, add) {
    var savedCids = localStorage.getItem('stored_categories') || '';
    if (add && !savedCids.includes(cid)) {
        savedCids += (savedCids ? ',' : '') + cid;
    } else if (!add && savedCids.includes(cid)) {
        var cidArray = savedCids.split(',');
        var index = cidArray.indexOf(cid);
        if (index !== -1) {
            cidArray.splice(index, 1);
            savedCids = cidArray.join(',');
        }
    }
    oaNotifyObj.enableDisableNotification(savedCids,checkedFlag,0);
    localStorage.setItem('stored_categories', savedCids);
}
var allCategoryIds = [];
var checkedFlag=1;
function createNotificationCategory(data) {
    var enable_status = localStorage.getItem("enable_notification");
    var last_sub_id = localStorage.getItem("oaenglish_subscription_id");
    var savedCids = localStorage.getItem('stored_categories');
    if (!last_sub_id) {
        last_sub_id = '';
    }
    if (!enable_status) {
        enable_status = '';
    }
    var ulElement = document.getElementById('notificationCat');
    ulElement.innerHTML = '';
    document.querySelector('.enablenotf').checked = (last_sub_id !== '' && enable_status == '1');
    
    data.forEach(item => {
        var liElement = document.createElement('li');
        var category_id = item.category_id;
        allCategoryIds.push(category_id);
        if(savedCids){
            var isChecked = (last_sub_id !== '' && enable_status == '1') && isCheckedInLocalStorage(category_id);
        }else{
            var isChecked = (last_sub_id !== '' && enable_status == '1');
        }
        if(last_sub_id !== '' && enable_status == '1'){
            liElement.innerHTML = `
            <div class="oi-notifications-categoryrow">
                <div class="oi-notifications-categorywrap">
                    <div class="oi-notifications-category">${item.category}</div>
                </div>
                <div class="oi-notifications-category-enabledisable">
                    <label class="switch">
                        <input class="catnotf" type="checkbox" data-cid=${category_id} ${isChecked ? 'checked' : ''}>
                        <span class="slider round"></span>
                    </label>
                </div>
            </div>
        `;
        }else{
            liElement.innerHTML = `
            <div class="oi-notifications-categoryrow">
                <div class="oi-notifications-categorywrap">
                    <div class="oi-notifications-category">${item.category}</div>
                </div>
                <div class="oi-notifications-category-enabledisable">
                    <label class="switch">
                        <input class="catnotf" type="checkbox" data-cid=${category_id} ${isChecked ? 'checked' : 'disabled'}>
                        <span class="slider round"></span>
                    </label>
                </div>
            </div>
        `;
        }
    ulElement.appendChild(liElement);
    var checkbox = liElement.querySelector('.catnotf');
    checkbox.addEventListener('change', function() {
        updateLocalStorage(category_id, this.checked);
    });
});
    if(last_sub_id !== '' && enable_status == '1'){
        if(!savedCids){
            var tmpsavecat = allCategoryIds.join(',');
            localStorage.setItem("stored_categories",tmpsavecat);
            oaNotifyObj.enableDisableNotification(tmpsavecat,1,1);
        }
    }
}
function fetchNotificationCategory(){
    var apiUrl = '/scripts/cms/getArticleDetails.php?type=get-categories-list&lang_type='+htmlLang;
    fetch(apiUrl)
    .then(response => {
      return response.json()
    })
    .then(data => {
        console.log(data);
        if(data != undefined && data !='' && data != null){
            if(document.querySelector('#notificationCat')){
                createNotificationCategory(data);
            }
        }
    })
    .catch(err => {
      // Do something for an error here
    })
}
if(document.querySelector('.enablenotf')){
var savedCategory = '';
addClickEventListener(".enablenotf", function () {
    var enableCheckbox = document.querySelector(".enablenotf");
    var catCheckboxes = document.querySelectorAll(".catnotf");
    if (enableCheckbox.checked) {
        catCheckboxes.forEach(function (checkbox) {
            checkbox.checked = true;
            checkbox.disabled = false;
            checkedFlag=1;
            savedCategory = allCategoryIds.join(',');
        });
    } else {
        catCheckboxes.forEach(function (checkbox) {
            checkbox.checked = false;
            checkbox.disabled = true;
            checkedFlag=0;
            savedCategory = '';
        });
    }
    localStorage.setItem("stored_categories", savedCategory);
    oaNotifyObj.enableDisableNotification(savedCategory, checkedFlag, 1);
});
}
if(document.querySelector('.notf-arrow')){
    addClickEventListener('.notf-arrow', function () {
        if(document.querySelector('.oi-notifications-wrapper')){
          var oiNotificationsWrapper = document.querySelector('.oi-notifications-wrapper');
          var body = document.body;
          oiNotificationsWrapper.classList.add('shownotf');
          body.classList.add('overflw');
          if(Notification.permission=='granted'){
            fetchNotificationCategory();
          }
        }
    });
}
if(document.querySelector('.notf-arrow')){
    addClickEventListener('.notf-arrow', function () {
        if(document.querySelector('.oi-notifications-wrapper')){
          var oiNotificationsWrapper = document.querySelector('.oi-notifications-wrapper');
          var body = document.body;
          oiNotificationsWrapper.classList.add('shownotf');
          body.classList.add('overflw');
          if(Notification.permission=='granted'){
            fetchNotificationCategory();
          }
        }
    });
}
if(document.querySelector('.notf-denied')){
    addClickEventListener('.notf-denied', function () {
        if(Notification.permission=='denied'){
            redirect_blank('https://'+window.location.host+'/common/notification-instruction.html');
          }
    });
}
if(document.querySelector('.oi-notification-close')){
    addClickEventListener('.oi-notification-close', function () {
        if(document.querySelector('.oi-notifications-wrapper')){
          var oiNotificationsWrapper = document.querySelector('.oi-notifications-wrapper');
          var body = document.body;
          oiNotificationsWrapper.classList.remove('shownotf');
          body.classList.remove('overflw');
        }
    });
}
if(document.querySelector('.oi-myprofile-selectbox')){
    addClickEventListener('.oi-myprofile-selectbox', function (event) {
      const selectbox = event.target.closest('.oi-myprofile-selectbox');
        if (selectbox.classList.contains('show-dropdown')) {
            selectbox.classList.remove('show-dropdown');
        } else {
            document.querySelectorAll('.oi-myprofile-selectbox').forEach(function (element) {
                element.classList.remove('show-dropdown');
            });
            selectbox.classList.add('show-dropdown');
        }
      });
}
if(document.querySelector('.oi-myprofile-popup.age ul li')){
document.querySelectorAll('.oi-myprofile-popup.age ul li').forEach(function (element) {
    element.addEventListener('click', function () {
        const dataAge = this.getAttribute('data-age');
        document.querySelector('.selectage').innerHTML = dataAge;
        updateAgeGender(login_id,'age',dataAge);
    });
});
}
if(document.querySelector('.oi-myprofile-popup.gender ul li')){
document.querySelectorAll('.oi-myprofile-popup.gender ul li').forEach(function (element) {
    element.addEventListener('click', function () {
        const dataGender = this.getAttribute('data-gender');
        document.querySelector('.selectgender').innerHTML = dataGender;
        updateAgeGender(login_id,'gender',dataGender);
    });
});
}
});

var tiktokShareURL = 'https://www.tiktok.com/share?url=' + encodeURIComponent(social_url) + '&text=' + encodeURIComponent(social_title);

document.querySelector('.oi-article-social-links a.twitter').addEventListener('click', function() {  
    window.open(tweet_url, 'Share on Twitter', 'menubar=no,toolbar=no,resizable=no,scrollbars=no,height=400,width=600');
    });

document.querySelector('.oi-article-social-links a.facebook').addEventListener('click', function() {  
     window.open(social_urlfb, 'Share on Facebook', 'menubar=no,toolbar=no,resizable=no,scrollbars=no,height=400,width=600');
    });

document.querySelector('.oi-article-social-links a.instagram').addEventListener('click', function() {  
     window.open(instagramShareURL, 'Share on Facebook', 'menubar=no,toolbar=no,resizable=no,scrollbars=no,height=400,width=600');
    });

document.querySelector('.oi-article-social-links a.tiktok').addEventListener('click', function() {  
     window.open(tiktokShareURL, 'Share on Facebook', 'menubar=no,toolbar=no,resizable=no,scrollbars=no,height=400,width=600');
    });
  document.addEventListener('click', function handleClickOutsideBox(event) {
  const share = document.getElementById('sharelinks');
  const box = document.getElementById('share');

if (!box.contains(event.target)) {
    share.classList.remove("show");
  }
});
  }

// Home page Infinite scroll
var apiCall=false;
var show_more_no = 0;
var homeadded_date="";
function loadHomeArticles() {
    var page_type = document.querySelector('head').getAttribute('data-content_type');
    var element = document.getElementById('loadedarticles');
    var articlecount = element.getAttribute("data-loadedarticles");
    var lang = document.documentElement.lang;
    var apiUrl;
    console.log(page_type)
    if (page_type == 'homepage') {
	 if(document.getElementById('last_date')){
	 	homeadded_date = document.getElementById('last_date').getAttribute("data-added_date");
         }
        apiUrl = '/scripts/cms/getArticleDetails.php?type=get-articles-for-home&start=' + articlecount + '&lang_type=' + lang + '&device=desktop&limit=10&added_date='+homeadded_date;
    } else{
        var cat_id='';
        var tag_name='';
        var categoryelem = document.getElementById('containerMain');
        if(categoryelem && categoryelem.hasAttribute('data-category_id')){
            cat_id = categoryelem.getAttribute("data-category_id");
        }
        if(categoryelem && categoryelem.hasAttribute('data-tag_name')){
            tag_name = categoryelem.getAttribute("data-tag_name");
        }
        if (tag_name!='') {
        apiUrl = '/scripts/cms/controller.php?module=topic&tag='+tag_name+'&start='+articlecount+'&lang_type='+currentLang+'&limit=10';
        } else if (cat_id!='') {
        apiUrl = '/scripts/cms/controller.php?module=collection&category_id='+cat_id+'&start='+articlecount+'&langType='+currentLang+'&limit=10';
        }
    }
    fetch(apiUrl)
        .then(function(response) {
            if (response.status == 200)
                return response.text();
            else
                return '';
        })
        .then(function(html) {
            if (html.trim() !== '') {
                apiCall=false;
                var fragment = document.createDocumentFragment();
                var tempDiv = document.createElement('div');
                tempDiv.innerHTML = html;
                while (tempDiv.firstChild) {
                    fragment.appendChild(tempDiv.firstChild);
                }
		show_more_no++;
                var oiArticles = document.getElementById("oi-articles");
		 if(document.getElementById('last_date')){
			 document.getElementById('last_date').remove();
		  }
		googleAnalyticsCodeInfiniteScroll('Engagement','Infinite Scroll '+show_more_no);
                oiArticles.appendChild(fragment); // Append new articles after existing ones
                var newarticlecount = parseInt(articlecount) + 10;
                element.setAttribute("data-loadedarticles", newarticlecount);
            }else{
                apiCall=true;
            }
        })
        .catch(function(err) {
            return;
        });
}
if(document.getElementById('loadedarticles')){
var options = {
    root: null,
    rootMargin: '0px',
    threshold: 0.5 // Trigger when 50% of the target is visible
};
function handleIntersection(entries, observer) {
    entries.forEach(entry => {
        if (entry.isIntersecting && !apiCall) {
            loadHomeArticles();
            entry.target.style.visibility = 'visible';
            observer.observe(entry.target);
        }
    });
}
var observer = new IntersectionObserver(handleIntersection, options);
var target = document.getElementById('loadedarticles');
if (target) {
    observer.observe(target);
}
}
// collection page navigation highlight
var current_cat='';
if (document.querySelector('link[rel="canonical"]')) {
    var current_page_link =document.querySelector('link[rel="canonical"]').getAttribute("href"); //document.location.href;
    var lang = document.documentElement.lang;
    current_cat = current_page_link.split("/")[3];
    if (lang == 'ar') {
        current_cat = current_page_link.split("/")[3];
    }      
}
if(trackpagetype=='index'){
  if(document.querySelector('.oi-category-list')){
const categoryItems = document.querySelectorAll('.oi-category-list ul li a');
    categoryItems.forEach(item => {
        var link_loop = item.getAttribute('href');
        var found_url = item.getAttribute('href');
        var cat_exists = found_url.indexOf(current_cat);
  item.classList.remove('active');
        if (cat_exists != -1 && cat_exists != 0) {
            item.classList.add('active');
        }
    });
const activeAnchor = document.querySelector('.oi-category-list .sub-category.active[data-parent_category]');
if (activeAnchor) {
  const activeCategory = activeAnchor.getAttribute('data-parent_category');
  var targetAnchor = "";
  if (lang == 'ar') {
        targetAnchor = document.querySelector(`.oa-header-navwrap a[href="/${activeCategory}/"]`);
  }else{
       targetAnchor = document.querySelector(`.oa-header-navwrap a[href="/${activeCategory}/"]`);
  }
  if (targetAnchor) {
    targetAnchor.classList.add('active');
  }
}
}
}else if(trackpagetype=='article'){
  const activeAnchor = document.querySelector('#containerMain');
  if (activeAnchor) {
    const activeCategory = activeAnchor.getAttribute('data-parent_category');
    var targetAnchor = "";
    if (lang == 'ar') {
          targetAnchor = document.querySelector(`.oa-header-navwrap a[href="/${activeCategory}/"]`);
    }else{
        targetAnchor = document.querySelector(`.oa-header-navwrap a[href="/${activeCategory}/"]`);
    }
    if (targetAnchor) {
      targetAnchor.classList.add('active');
    }
  }
}
// search script start here 
if(document.querySelector('.oi-header-search')){
    document.getElementById("onearabia_search").addEventListener("keydown", function(e) {
    var lang = document.documentElement.lang;
    var searchUrl;
    if (lang == 'ar') {
        searchUrl = "https://arabic.onearabia.me/search/results.html?q=";
    } else {
        searchUrl = "https://www.onearabia.me/search/results.html?q=";
    }

if (e.keyCode === 13) {
        var searchValue = document.getElementById('onearabia_search').value;
        searchValue = searchValue.replace('#', '');
        if (searchValue != '') {
           var win=  window.open(searchUrl + searchValue, '_self');
        } else {
            document.getElementById('onearabia_search').setAttribute("placeholder", "Please enter search value");
        }
        console.log('You pressed an "enter" key in the textbox');
    }
});
}

/* document.addEventListener("DOMContentLoaded", function () {
    if(document.querySelector(".promoelem")){
    var htmlLang = document.documentElement.lang || 'en';
    const currentDate = new Date().toISOString().slice(0, 10);
  var gcccountryArr = ['BH','OM','QA','KW','AE','SA'];
  const storedUserLocDataJsonRd = localStorage.getItem('MSLUserLoc');
    var city='';
    var country='';
    if (storedUserLocDataJsonRd) {
        const storedUserDataRd = JSON.parse(storedUserLocDataJsonRd);
        city = storedUserDataRd.city;
        country=storedUserDataRd.country;
    }
    if(gcccountryArr.includes(country)){
        var rdcon = country;
        var rdcit = city;
    }else{
        var rdcon = 'AE';
        var rdcit = 'Dubai';
    }
    const promoElements = document.querySelectorAll(".promoelem");
    promoElements.forEach(function(element) {
        element.setAttribute('style','display:block');
        const widgetSize = element.getAttribute("data-widget_size");
        const sourceURL = `https://www.onearabia.me/ramadan_iframe.php?device=${widgetSize}&lang=${htmlLang}&country=${rdcon}&city=${rdcit}`;
        const iframe = document.createElement("iframe");
        iframe.src = sourceURL;
        iframe.scrolling = "no";
        iframe.frameBorder = "0";
        iframe.marginheight = "0";
        iframe.marginwidth = "0";
        iframe.title = "Ramdan Widget";
        iframe.style.border = "none";
        if(widgetSize=='web'){
            iframe.width = "302px";
            iframe.height = "252px"; 
        }else{
            iframe.width = "322px";
            iframe.height = "52px"; 
        }
        element.appendChild(iframe);
    });
}
}); */

//More Links scripts start here

document.querySelector(".oa-header-navwrap ul li.more-links").addEventListener("click", function(e1) {
    e1.stopPropagation();
    document.querySelector('.oi-header-morenavigation').classList.toggle('shownav');
});

document.querySelectorAll(".oi-header-morenavigation a").forEach(function(anchor) {
    anchor.addEventListener("click", function(e) {
           e.stopPropagation();
    });
});

//More Links scripts ends here
</script> <script type="text/javascript">
  let notiloadflag=0;
  function loadNotiScript() {
    let inhouseNotiScript = document.createElement('script');
    inhouseNotiScript.src = '/common/oijs/oanotiweb.js?v=1.0.9';
    inhouseNotiScript.async = true;
    document.head.appendChild(inhouseNotiScript);
  }
  if(notiloadflag==0){
    notiloadflag=1;
    loadNotiScript();
  }
  
</script> <style>
  .oi-saved-events-wrapper{
    position: fixed;
    top: 0;
    bottom: 0;
    right: -3000px;
    z-index: 100000;
    background: #0D0C0C;
    overflow-y: auto;
    transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    width: 25%;
    height: 100%;
  }
  .oi-saved-events-wrapper.showevents{
    right:0;
    bottom:0;
  }
  
  .oi-savedevents-close{
      position: absolute;
    right: 20px;
    top: 25px;
    width: 24px;
    height: 24px;
    background: url(https://images.onearabia.me/images/close-btn.svg) no-repeat 0 0;
    cursor: pointer;
    background-size: cover;
}
</style> </body> </html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="37fe8f844a19d0271bf6b367-|49" defer></script>