function HightLightTopNavButton() {
    var url = document.location.href;
    // alert(url);
    $("iframe").attr("allowtransparency", "true");
    if (url.indexOf("wherebuild/") > 0 || url.indexOf("community/") > 0 || url.indexOf("homepages/Default.aspx") > 0)
       $(".build").css("background-position", "0 -80px");
   else if (url.indexOf("homeplans/") > 0)
        $(".plans").css("background-position", "-88px -80px");
    else if (url.indexOf("homestyle/") > 0)
        $(".style").css("background-position", "-180px -80px");
    else  if(url.indexOf("aboutus/")>0)
        $(".who").css("background-position", "-267px -80px");
    else if (url.indexOf("service/") > 0)
        $(".service").css("background-position", "-384px -80px");
    else if (url.indexOf("contact/") > 0)
        $(".contact").css("background-position", "-477px -80px");
    else if (url.indexOf("giveback/") > 0)
        $(".back").css("background-position", "-569px -80px");
}
function getParameter(url, indexstring) {
    var length = url.length;
    var post = url.indexOf(indexstring) + indexstring.length;
    var id = 0;
    id = url.substr(post, length - post);

    if (id.length > 0)
        id = parseInt(id);

    return id;
}
function ProductType(code) {
    var arrProd = new Array("","Bungalow","Two Storey");


    return arrProd[code];
}

function getPhotoObjs(data) {
    this.gphotos = eval(data);
    loadgalleryphotos(1);
}
function loadgalleryphotos(code) {

    if (this.gphotos == undefined)
        return;
    $("#cate >a").removeClass("uline");
    $("#cate" + code).addClass("uline");
    
    $("#photos").html("");
    $("#thumbs").html("");
    $("#pnum").html("");
    $("#thumbs").animate({ "margin-top":"0px" }, 10);

    var count = 1;
    var grpcount = 1;
    var thumbgrp = $("<div class='thumbgrp'/>");
    var count = 0;

    for (var i = 0; i < this.gphotos.length; i++) {

        if (this.gphotos[i] != undefined && this.gphotos[i].GalleryGroup == code) {
            var item = this.gphotos[i];
            var img = $("<img />");
            var thm = $("<img class='thumb'/>");

            var anum = $("<a class='photonum'  />");

            img.attr("id", item.PhotoID);
            img.attr("src", "../images/" + item.PhotoPath);

            thm.attr("id", "t" + item.PhotoID);
            thm.attr("src", "../images/" + item.PhotoPath.replace("fullsize", "thumbs"));

            thumbgrp.append(thm);
            count++;

            if (count > 0 && count % 3 == 0) {
                thumbgrp.attr("id", grpcount);
                $("#thumbs").append(thumbgrp);

                anum.attr("id", "a" + grpcount);
                anum.text(grpcount);
                $("#pnum").append(anum);

                thumbgrp = $("<div class='thumbgrp'/>");
                grpcount++;
            }
            $("#photos").append(img);


        }
    }
    //$("#photos >img:first").css("z-index", (item.OrderNumber+100));
    $("#photos >img:first").show();
    $("#pnum>a:first").addClass("uline");

    if (count % 3 != 0) {
        thumbgrp.attr("id", grpcount);
        $("#thumbs").append(thumbgrp);

        anum.attr("id", "a" + grpcount);
        anum.text(grpcount);
        $("#pnum").append(anum);

    }

    $(".photonum").click(function() {//move thumb group vertically

        var pid = $(this).attr("id").replace("a", "");
        SlideThumbGroup(pid);
    });
    $(".thumb").click(function() {//move thumb group vertically

        var thumbid = $(this).attr("id").replace("t", "");
        viewPhoto(thumbid);
    });

}

function SlideThumbGroup(grpnum) {
  $(".photonum").removeClass("uline");
  $("#a"+grpnum).addClass("uline");
  
    var hdistance = $(".thumbgrp").height() + 4;
    var topmargine = 0;

    topmargine = hdistance * (grpnum - 1) * -1;

    $("#thumbs").animate({ "margin-top": topmargine + "px" }, 1000);


}
function viewPhoto(photoid) {
    $("#photos >img").hide();
    $("#" + photoid).fadeIn(800);
}
function ClearField(txtfield) {
    //alert(txtfield.value);
    if (txtfield.value == "Comment ....")
        txtfield.value = "";
}

function opensignupform() {
    $("#signupform").fadeIn(300);
    $("#txtclose").hide();
}
function showclose() {
    $("#txtclose").toggle();
}
function hidesignupform() {
    $("#signupform").fadeOut(400);
}