Oil Review Middle East 3 2012

</p><div class="addtoany_container"><span class="a2a_kit a2a_kit_size_32 addtoany_list" data-a2a-url="https://oilreviewmiddleeast.com/magazine-archives/oil-review-middle-east-3-2012" data-a2a-title="Oil Review Middle East 3 2012"> <a class="a2a_button_facebook"></a> <a class="a2a_button_linkedin"></a> <a class="a2a_button_whatsapp"></a> <a class="a2a_button_x"></a> </span> </div> </section> </div> </section> <section class="row article-navigation bottom"> </section> </article> </div> </div>  </div> </div>  <footer id="t3-footer" class="wrap t3-footer"> <div class="container">  <section class="t3-copyright"> <div class="row"> <div class="col-md-12 copyright "> <small>Copyright © 2025 Alain Charles Publishing Ltd.</small> </div> </div> </section>  </div> </footer>   <div id="back-to-top" data-spy="affix" data-offset-top="200" class="back-to-top hidden-xs hidden-sm affix-top"> <button class="btn btn-primary" title="Back to Top"><span class="fa fa-angle-up"></span></button> </div>  <script src="/templates/override_files/js/customrsformurl.js" defer></script> <script type="text/javascript"> (function($) { // Back to top $('#back-to-top').on('click', function() { $("html, body").animate({ scrollTop: 0 }, 500); return false; }); })(jQuery); </script>   <script defer src="https://www.googletagmanager.com/gtag/js?id=G-E0SZFBDQ7G"></script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E0SZFBDQ7G'); </script> <script src="https://cdn-eu.pagesense.io/js/alaincharles/bd4c20ad644f40b0973029bb470d1ecf.js" defer></script>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://ws.alaincharles.com/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '115']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img src="https://ws.alaincharles.com/matomo.php?idsite=115&rec=1" style="border:0;" alt="" /></p></noscript>  </div> <script> /* document.addEventListener("DOMContentLoaded", function () { let currentIndex = 0; // Function to update active class and main player function updateActiveVideo() { const videoItems = document.querySelectorAll(".video-item"); const mainPlayer = document.querySelector("#ja-main-player"); if (!videoItems.length) { console.error("No video items found."); return; } if (!mainPlayer) { console.error("#ja-main-player not found."); return; } // Remove "active" class from all video items videoItems.forEach(item => item.classList.remove("active")); // Add "active" class to the current video item const activeItem = videoItems[currentIndex]; activeItem.classList.add("active"); // Update the main player with the active item's content const itemImage = activeItem.querySelector("img"); const itemLink = activeItem.querySelector("a"); if (itemImage && itemLink) { const newPlayerContent = ` <a href="${itemLink.href}" target="${itemLink.target}"> <img src="${itemImage.src}" alt="${itemImage.alt}" srcset="${itemImage.srcset || ''}" sizes="${itemImage.sizes || ''}" style="width: 100%"> </a> `; mainPlayer.innerHTML = newPlayerContent; } // Increment the index and reset if it exceeds the list length currentIndex = (currentIndex + 1) % videoItems.length; } // Highlight the first item and update the player immediately updateActiveVideo(); // Set up the interval to change the active video every 5 seconds setInterval(updateActiveVideo, 5000); // Observe dynamic changes to the DOM and reinitialize video items const observer = new MutationObserver(() => { const videoItems = document.querySelectorAll(".video-item"); if (videoItems.length > currentIndex) { updateActiveVideo(); // Adjust if more items are added } }); observer.observe(document.body, { childList: true, subtree: true, }); }); */ </script> </body> </html>