﻿//On load page, init the timer which check if the there are anchor changes each 300 ms
$(document).ready(function(){
	setInterval("checkAnchor()", 300);
});
var currentAnchor = null;
var ClassLink = "";
var MainClass = "";
var currentSection = "";
function checkAnchor() { 
    if (currentAnchor != document.location.hash) {		
        currentAnchor = document.location.hash;
        
        if (!currentAnchor) {                			
            query = "CH";
        }
        else {                     
            var splits = currentAnchor.substring(1).split('&');

            var section = splits[0];						

            delete splits[0];

            //Create the params string

            var params = splits.join('&');

            var query = "section=" + section + params;
			
			if (section != currentSection)
			{
				currentSection = section;
				
				$("#Content").hide(500);
			
				setTimeout("showPage('" + section + "','" + query + "')", 500);	
				
				if (MainClass != "") {				
					$("#" + MainClass + "_Link").removeClass("selected");
					
					if ($("#" + section + "_Link").length) {						
						$("#" + section + "_Link").addClass("selected");					
						MainClass = section;
					}
					else {
						if (section == "contactus_thank") {
							$("#contactus_Link").addClass("selected");
							MainClass = "contactus";
						}
						else {
							$("#blank_Link").addClass("selected");
							MainClass = "blank";
						}
					}
				}
				else {
					if ($("#" + section + "_Link").length) {
						$("#" + section + "_Link").addClass("selected");
						MainClass = section;
					}
					else {
						if (section == "contactus_thank") {
							$("#contactus_Link").addClass("selected");
							MainClass = "contactus";
						}
						else {
							$("#blank_Link").addClass("selected");
							MainClass = "blank";
						}
					}
				}
				
				//to set the selected menu as orange background

                var style = 'easeOutElastic';



                //Retrieve the selected item position and width

                var default_left = Math.round($('#lava li.selected').offset().left - $('#lava').offset().left);

                var default_width = $('#lava li.selected').width();



                //Set the floating bar position and width

                $('#box').css({ left: default_left });

                $('#box .head').css({ width: default_width });															
			}
			
			if (params != "")
			{
				var PageName = getParamValue(splits[1]);
				
				$("#SubContent").hide(500);
				
				setTimeout("showSubPage('" + PageName + "','" + query + "')", 500);
			}
			
			
                
			
            /*if (section == "ser_asset_mgmt" || 
				section == "ser_hotelres" || 
				section == "ser_faciltymgmt" || 
				section == "ser_logistic_war" || 
				section == "ser_comm_mgmt" || 
				section == "ser_res_bldg" || 
				section == "ser_shopping_mall" || 
				section == "ser_construction" || 
				section == "fea_buyingpro" || 
				section == "fea_usefullinks" || 
				section == "fea_ourpresti_pro" || 
				section == "fea_current_pro" || 
				section == "fea_our_future" || 
				section == "fea_csr" || 
				section == "fea_propery_laws" || 
				section == "fea_our_associates" || 
				section == "fea_our_location" || 
				section == "fea_careers" || 
				section == "fea_media_center" || 
				section == "fea_mortage_loan" || 
				section == "fea_photogallery" || 
				section == "fea_sitemap" || 
				section == "fea_guestbook" || 
				section == "fea_faq" || 
				section == "fea_env" || 
				section == "fea_customer" || 
				section == "fea_privacy_policy" || 
				section == "about" || 
				section == "logo" || 
				section == "motto" || 
				section == "vision" || 
				section == "mission" || 
				section == "values" || 
				section =="investors" || 
				section =="csr_gulf" || 
				section =="csr_web" || 
				section =="csr_health" || 
				section =="csr_web08") {

                $("#SubContent").hide(500);

                setTimeout("showSubPage('" + section + "','" + query + "')", 500);

            }

            else {

                $("#Content").hide(500);

                setTimeout("showPage('" + section + "','" + query + "')", 500);

                

                //to fix the top menu

                if (section == "featured_services")

                    section = "services";

                if (section == "senior_mgmt")

                    section = "management";

                if ((section == "features_main") || (section=="privacy") || (section=="gogreen"))

                    section = "home";

   

               if (ClassLink != "") {

                    $("#" + ClassLink + "_Link").removeClass("selected");

                    $("#" + section + "_Link").addClass("selected");

                    ClassLink = section;

                }

                else {

                    $("#" + section + "_Link").addClass("selected");

                    ClassLink = section;

                }

                

                //to set the selected menu as orange background

                var style = 'easeOutElastic';



                //Retrieve the selected item position and width

                var default_left = Math.round($('#lava li.selected').offset().left - $('#lava').offset().left);

                var default_width = $('#lava li.selected').width();



                //Set the floating bar position and width

                $('#box').css({ left: default_left });

                $('#box .head').css({ width: default_width });



            }*/

        }        

	}

}
function getParamValue(str) {
	var sp = str.split('=');
	return sp[1];
}



function showPage(section, query) {

	$.ajaxSetup({ cache: false });

	$("#Content").empty().html('<div style="text-align:center;"><br /><br /><br /><br />'

								+'<br /><img src="images/ajax-loader.gif" algin="center" /></div>');

    $.get(section + ".html", query, function (data) {

		$("#Content").html(data);

		$("#Content").show(500);						
				

		$(function() {

		    $('.scroll-pane').jScrollPane();

		});

		$(function() {

		    $('.scroll-pane2').jScrollPane();

		});	
		
		var splits = currentAnchor.substring(1).split('&');					

		var params = splits.join('&');
		
		if (params != "")
		{
			var PageName = getParamValue(splits[1]);
			
			$("#SubContent").hide(500);
			
			setTimeout("showSubPage('" + PageName + "','" + query + "')", 500);
		}	

	});	

}



function showSubPage(section, query) {

    $.ajaxSetup({ cache: false });

    $("#SubContent").empty().html('<div style="text-align:center;"><br /><br /><br /><br />'

										+ '<br /><img src="images/ajax-loader.gif" algin="center" /></div>');

    $.get(section + ".html", query, function(data) {

    $("#SubContent").html(data);



    $("#SubContent").show(500);
	
	var splits = currentAnchor.substring(1).split('&');
	var PageName = getParamValue(splits[1]);
	
	if (ClassLink != "") {
		$("#" + ClassLink + "_Link").css("color", "#00385c");
		$("#" + ClassLink + "_Li").removeClass("featuresmain_active");
		
		$("#" + PageName + "_Link").css("color", "#FFFFFF");
		$("#" + PageName + "_Li").addClass("featuresmain_active");
		
		ClassLink = PageName;
	}
	else {
		$("#" + PageName + "_Link").css("color", "#FFFFFF");
		$("#" + PageName + "_Li").addClass("featuresmain_active");
		ClassLink = PageName;
	}

        $(function() {

            $('.scroll-pane').jScrollPane();

        });

        $(function() {

            $('.scroll-pane2').jScrollPane();

        });

    });

}



function SetColor(id) {

    RestLiTag111();

    document.getElementById(id).className = "leftser_active";

}

function SetColor1(id) {

    RestATag();

    document.getElementById(id).style.color = "#FFFFFF";

}



//DO NOT USE THIS AS THIS WILL EFFECT THE TOP MENU JQUERY

//function RestATag() {

//    var a = document.getElementsByTagName("li");

//    for (var i = 0; i < a.length; i++) {

//        a[i].className = "";

//    }

//}



function RestLiTag() {

    if (ClassLink == "aboutus") {

        document.getElementById('LI1').className = "";

        document.getElementById('LI2').className = "";

        document.getElementById('LI3').className = "";

        document.getElementById('LI4').className = "";

        document.getElementById('LI5').className = "";

        document.getElementById('LI6').className = "";

        document.getElementById('LI7').className = "";

        document.getElementById('LI8').className = "";

        document.getElementById('LI9').className = "";

        document.getElementById('LI10').className = "";

        document.getElementById('LI11').className = "";

        document.getElementById('LI12').className = "";

        document.getElementById('LI13').className = "";

        document.getElementById('LI14').className = "";

        document.getElementById('LI15').className = "";

        document.getElementById('LI16').className = "";

    }

    if (ClassLink == "services") {

        document.getElementById('L1').className = "";

        document.getElementById('L2').className = "";

        document.getElementById('L3').className = "";

        document.getElementById('L4').className = "";

        document.getElementById('L5').className = "";

        document.getElementById('L6').className = "";

        document.getElementById('L7').className = "";

      /*  document.getElementById('L8').className = "";*/

    }

    if (ClassLink == "home") { // for features_main

        document.getElementById('LI1').className = "";

        document.getElementById('LI2').className = "";

        document.getElementById('LI3').className = "";

        document.getElementById('LI6').className = "";

        document.getElementById('LI7').className = "";

        document.getElementById('LI8').className = "";

        document.getElementById('LI9').className = "";

        document.getElementById('LI10').className = "";

        document.getElementById('LI11').className = "";

    }

}

function RestATag() {

    var a = document.getElementsByTagName("a");

    for (var i = 0; i < a.length; i++) {
		if (a[i].style.color != "#ffa841")
        a[i].style.color = "";

    }

}

function RestLiTag111() {
	var a = document.getElementsByTagName("li");

    for (var i = 0; i < a.length; i++) {
		if (a[i].className != "selected")
        	a[i].className = "";
    }
}

function SetColor3(id) {

    RestLiTag111();

    document.getElementById(id).className = "featuresmain_active";

   

}

function SetColor2(id) {

    RestATag();

    document.getElementById(id).style.color = "#ffffff";

    

}


