﻿//On load page, init the timer which check if the there are anchor changes each 300 ms
$().ready(function() {
    setInterval("checkAnchor()", 300);
    setInterval("changeads()", 20000);
    setInterval("changespondflash()", 25000);
    setInterval("changerightflash()", 20000);
    setInterval("changeLB1()", 18000);
    changeads();
    changespondflash();
    changerightflash();
    changerightflash();
    changeLB1();
});
var currentAnchor = null;
//Function which chek if there are anchor changes, if there are, sends the ajax petition
function checkAnchor() {    
	//Check if it has changes
    if (currentAnchor != document.location.hash) {
        currentAnchor = document.location.hash;
        
		//if there is not anchor, the loads the default section
        if (!currentAnchor) {
            query = "section=home";
        }
        else {
            //Creates the  string callback. This converts the url URL/#main&id=2 in URL/?section=main&id=2
            var splits = currentAnchor.substring(1).split('&');
            //Get the section
            var section = splits[0];
            delete splits[0];
            //Create the params string
            var params = splits.join('&');
            var query = "section=" + section + params;
            $.ajaxSetup({ cache: false });


            if (section == "Class" || section == "Search" || section == "AlphaDisplay" || section == "Tourist" || section == "CEmbassy" || section == "MappedCompanies") {
                $("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
                $.get("Search.aspx", query, function (data) {
                    $("#Content").html(data);
                });
                $("#CompanyAds").empty();
            }
            else if (section == "Details" || section == "TouristDetails") {                  
                $("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
                $.get("Details.aspx", query, function(data) {
                    $("#Content").html(data);
                    GetMap();
                });
                $("#CompanyAds").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
                $.get("CompanyAds.aspx", query, function(data) {
                    $("#CompanyAds").html(data);
                }); 
            }
            else if (section == "Alpha") {
                $("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
                $.get("Alpha.aspx", query, function(data) {
                    $("#Content").html(data);
                });
            }
            else if (section == "Polls") {
                $("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
                $.get("Polls.aspx", query, function(data) {
                    $("#Content").html(data);
                });
            }
            else if (section == "Career" || section == "Getcd" || section == "About" || section == "Contact" || section == "Info" || section == "Advertise" || section == "GetOman" || section == "Places" || section == "Airports" || section == "Regions" || section == "Experiences" || section == "Adventure" || section == "Souqs" || section == "Festivals") {
                $("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
                $.get("Pages.aspx", query, function(data) {
                    $("#Content").html(data);
                });
                $("#CompanyAds").empty();
            }
            else if (section == "Region") {
                $("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
                $.get("Region.aspx", query, function(data) {
                    $("#Content").html(data);
                });
            }
            else if (section == "Ministry") {
                $("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
                $.get("MinDetails.aspx", query, function(data) {
                    $("#Content").html(data);
                    GetMap();
                });
            }
            else if (section == "Embassy") {
                $("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
                $.get("EmbDetails.aspx", query, function(data) {
                    $("#Content").html(data);
                    GetMap();
                });
            }
            else if (section == "RegDetails") {
                $("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
                $.get("RegDetails.aspx", query, function(data) {
                    $("#Content").html(data);
                    GetMap();
                });
            }
            else if (section == "Regionall") {
                $("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
                $.get("Regionall.aspx", query, function(data) {
                    $("#Content").html(data);
                    GetMap();
                });
            }
//            else if (section == "MappedCompanies") {
//                $("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
//                $.get("Maps.aspx", query, function(data) {
//                    $("#Content").html(data);
//                });
//            }
//            else if (section == "TouristDetails") {
//                $("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br /><br /><img src="images/ajax-loader.gif" algin="center" /></div>');
//                $.get("TouristDetails.aspx", query, function(data) {
//                    $("#Content").html(data);
//                });
//            }
        }        
	}
}



var Ads_Pre = "Ads_1";
function Change(image, Ads_ID) {    
    if (Ads_ID != Ads_Pre) {
        document.getElementById("AdsImage").src = "http://www.omantel-yellowpages.com/images/ADS/" + image;

        document.getElementById(Ads_ID).setAttribute("class", "counter1left");
        document.getElementById(Ads_ID).style.color = "#000000";


        document.getElementById(Ads_Pre).setAttribute("class", "counterleft");
        document.getElementById(Ads_Pre).style.color = "#838383";

        Ads_Pre = Ads_ID;
    }
}

    function open_LC() {
        var combo1 = document.getElementById("SelectClass");
        var val = combo1.options[combo1.selectedIndex].value
        window.location = "#AlphaDisplay&PI=0&LC=" + val;
    }
    function open_LB() {
        var combo1 = document.getElementById("SelectBrand");
        var val = combo1.options[combo1.selectedIndex].value
        window.location = "#AlphaDisplay&PI=0&LB=" + val;
    }
function GetMap() {
    var cname = document.getElementById("cname").value;
    var loc = document.getElementById("loc").value;
    var phone = document.getElementById("phone").value;
    var po = document.getElementById("po").value;
    var pc = document.getElementById("pc").value;
    var fax = document.getElementById("fax").value;
        hu = window.location.href;
        gy = hu.split("&");
        lat1 = gy[2].split("=");
        lang1 = gy[3].split("=");
        var lat = lat1[1];
        var lang = lang1[1];
        
        if (lat == "")
            lat = 23.60426184707018;
        if (lang == "")
            lang = 58.5791015625;
        DisplayMap(lat, lang, cname, loc, phone, po, pc, fax)
    }
    function ShowMap(id, lat, lang) {
        var idd = id.split("n");
        var cname = document.getElementById("cname"+idd[1]).value;
        var loc = document.getElementById("loc"+idd[1]).value;
        var phone = document.getElementById("phone" + idd[1]).value;
        var po=document.getElementById("po" + idd[1]).value;
        var pc=document.getElementById("pc" + idd[1]).value;
        var fax = document.getElementById("fax" + idd[1]).value;

        if (lat == "")
            lat = 23.60426184707018;
        if (lang == "")
            lang = 58.5791015625;
        Getthemap(id, lat, lang, cname, loc, phone, po, pc, fax);
    }
    function Getthemap(id, lat, lang, cname, loc, phone,po,pc,fax) {
        $("#" + id).click(function() {
            //centering with css
            centerPopup();
            //load popup
            loadPopup();
            DisplayMap(lat, lang, cname, loc, phone, po, pc,fax);
            document.getElementById("popupContact").style.position = 'fixed';
        });
        
    }
    function DisplayMap(lat, lang, cname, loc, phone,po,pc,fax) {
        var map;
        var geocoder;
        if (GBrowserIsCompatible()) {
            map = new GMap2(document.getElementById("map"));
            map.setCenter(new GLatLng(lat, lang), 18);
            map.setUIToDefault();
            map.setMapType(G_HYBRID_MAP);

            function createMarker(point) {

                var letteredIcon = new GIcon();
                letteredIcon.image = "images/pin.png";
                letteredIcon.iconSize = new GSize(25, 34);
                letteredIcon.iconAnchor = new GPoint(17, 34);
                letteredIcon.infoWindowAnchor = new GPoint(9, 38);


                // Set up our GMarkerOptions object
                markerOptions = { icon: letteredIcon };
                var marker = new GMarker(point, markerOptions);
                return marker;
            }

            var point = new GLatLng(lat, lang);
            var marker = createMarker(point);

            // var marker = new GMarker(center);
            var html = "<div class='text'><strong>" + cname + "</strong><br>" + loc + "<br><b>P.O. Box : </b>" + po + "<br><b>P.C : </b>" + pc + "<br><b>Phone : </b>" + phone + "<br><b>Fax : </b>" + fax + "</div>";
            GEvent.addListener(marker, "mouseover", function() {
                marker.openInfoWindowHtml(html)
            });
            map.addOverlay(marker);
//            var mapControl = new GMapTypeControl();
//            map.addControl(mapControl);
//            map.addControl(new GLargeMapControl());

            marker.openInfoWindow(html);
        }
    }

    function ShowMap1(id) {
        var idd = id.split("n1");
        var lat = document.getElementById("lat1" + idd[1]).value;
        var lang = document.getElementById("lang1" + idd[1]).value;
        var cname = document.getElementById("cname1" + idd[1]).value;
        var loc = document.getElementById("loc1" + idd[1]).value;
        var phone = document.getElementById("phone1" + idd[1]).value;
        var po = document.getElementById("po1" + idd[1]).value;
        var pc = document.getElementById("pc1" + idd[1]).value;
        var fax = document.getElementById("fax1" + idd[1]).value;
        if (lat == "")
            lat = 23.60426184707018;
        if (lang == "")
            lang = 58.5791015625;
        Getthemap(id, lat, lang, cname, loc, phone, po, pc, fax);
    }

//    function DisplayCompanyAds(query) {
//        
//    }
    
    var cur1 = null;
    function changeads() {
//        if (cur1 != document.location.hash) {
            cur1 = document.location.hash;
            if (!cur1) {
                setTimeout("showPageAds('1')", 500);  
                
            }
            else {
                setTimeout("showPageAds('2')", 500);  
                
            }

//        }
    }

    var cur = null;
    function changespondflash() {
        cur = document.location.hash;
       //if (!cur) {
            setTimeout("showPage()", 500);            
        //}
    }
    
    function showPage() {
	$.ajaxSetup({ cache: false });
	$("#SponsoredFlash").empty().html('<div style="text-align:center;">'
								+ '<img src="images/ajax-loader1.gif" algin="center" /></div>');
	$.get("GetFlash.aspx", "", function(data) {
	    $("#SponsoredFlash").html(data);
	    });
	}
	function showPageAds(a) {
	    if (a == "1") {
	        $("#AdsContent").empty().html('<div style="text-align:center;"><br /><img src="images/ajax-loader1.gif" algin="center" /></div>');
	        $.get("GetAdsHome.aspx", "", function(data) {
	            $("#AdsContent").html(data);
	        });
	    }
	    else if (a == "2") {
	    $("#AdsContent").empty().html('<div style="text-align:center;"><br /><img src="images/ajax-loader1.gif" algin="center" /></div>');
	    $.get("GetAds.aspx", "", function(data) {
	        $("#AdsContent").html(data);
	    });
	    }
	}

	function RegionSearch() {
	    var keyword = document.getElementById("Searchtext").value;
	    var combor = document.getElementById("RType");
	    var rtype = combor.options[combor.selectedIndex].value;
	    var code = document.getElementById("regcode").value;
	    location.href = '#Region&CODE=' + code + '&s=' + keyword + '&rtype='+rtype+'&PI=0';
	}

	function RegionSearchAll() {
	    var keyword = document.getElementById("Searchtext").value;
	    var combor = document.getElementById("RType");
	    var rtype = combor.options[combor.selectedIndex].value;
	    var region = document.getElementById("Select1");
	    var code = region.options[region.selectedIndex].value;
	    if (code == "0") {
	        alert("Please select Region");
	        document.getElementById('Select1').focus();
	    }
	    else if (keyword == "") {
	        alert("Please enter search keyword");
	        document.getElementById('Searchtext').focus();
	    }
	    else {
	        location.href = '#Regionall&CODE=' + code + '&s=' + keyword + '&rtype=' + rtype + '&PI=0';
	    }
	}

	var cur1 = null;
	function changerightflash() {
	    cur1 = document.location.hash;
	    //if (!cur1) {
	        setTimeout("showPage1()", 500);
	    //}
	}
	function showPage1() {
	    $.ajaxSetup({ cache: false });
	    $("#RightFlash").empty().html('<div style="text-align:center;">'
								+ '<br /><img src="images/ajax-loader1.gif" algin="center" /></div>');
	    $.get("GetRightFlash.aspx", "", function(data) {
	        $("#RightFlash").html(data);
	    });
	}
	function Gets(ev) {
	    if (ev.keyCode == 13) {
//	        var keyword = document.getElementById("Searchtext").value;
//	        var combor = document.getElementById("RType");
//	        var rtype = combor.options[combor.selectedIndex].value
//	        var code = document.getElementById("regcode").value;
	        //window.location = 'http://www.omantel-yellowpages.com/oyp/Get.aspx#Region&CODE='; //+ code + '&s=' + keyword + '&rtype=' + rtype + '&PI=0';
	        location.href = '#Region&CODE=' + code + '&s=' + keyword + '&rtype=' + rtype + '&PI=0';
	    }
	}

	var curLB1 = null;
	function changeLB1() {
	    curLB1 = document.location.hash;
	    //if (!curLB1) {
	        setTimeout("showPageLB1()", 500);
	    //}
	}
	function showPageLB1() {
	    $.ajaxSetup({ cache: false });
	    $("#LB1").empty().html('<div style="text-align:center;">'
								+ '<br /><img src="images/ajax-loader1.gif" algin="center" /></div>');
	    $.get("GetLB1Flash.aspx", "", function(data) {
	        $("#LB1").html(data);
	    });
	}
