function showPage(fname) {
    $("#maincontentPanel").hide();
    $("#videoDiv").hide();
    $("#nowPlaying").hide();
    $("#openPanel").hide();
    $("#videoBtn").show();
    $("#detailDiv").fadeOut(100);
    $("#detailDiv").fadeIn(500);
    $("#detailDiv").load(fname);
}
/*function showVideo(fname) {
$("#maincontentPanel").hide();
$("#videoDiv").fadeOut(100);
$("#videoDiv").fadeIn(500);
$("#videoDiv").load(fname);
$("#openPanel").hide();
$("#videoBtn").hide();
$("#nowPlaying").show();
}
*/
function onStart() {
    $("#maincontent").animate({ height: 390 }, "30000", function () {
        $("#Btn1").show();
        $("#menu").show();
        $("#Btn2").show();
    });
}
function showPanel() {
    $("#openPanel").click(function () {
        $("#openPanel").hide();
        $("#maincontentPanel").animate({ height: 90 }, "slow");
        $("#maincontentPanelSub").show();
        $("#closeContent").show();
        var timeMainContPanel;
        var contentReadMorePanel;
        var contentReadMorePanel;
        var mcp_htPanel;
        if (navigator.appName == "Microsoft Internet Explorer") { mcp_htPanel = 390 }
        else { mcp_htPanel = 390 }
        timeMainContPanel = setTimeout("$('#maincontentPanel').animate({'height':" + mcp_htPanel + "},'30000');", 1000);
        contentReadMorePanel = setTimeout("$('#contentReadMore').show();", 1000);
    });
}
function checkResolution() {
    /* Dynamic Screen Resolution */
    var w = $('#maincontent').width();
    var w1;
    var brwChk;
    if (navigator.appName == "Microsoft Internet Explorer") { brwChk = 890 }
    else { brwChk = 870 }
    if (screen.width <= 1024) {
        w1 = 810;
    }
    else {
        w1 = brwChk;
    }
    var totWidth = w + w1;
    if (screen.width <= 1024) {
        var l = (screen.width / 2) - (totWidth / 2) - 10;
    }
    else {
        var l = (screen.width / 2) - (totWidth / 2);
    }
    var l2;
    if (screen.width <= 1024) {
        l2 = l + w + 1;
    }
    else {
        l2 = l + w;
    }
    $('#maincontent').css({ left: l, top: '39px' });
    $('#maincontentPanel').css({ left: l2, top: '39px' });
    $('#detailDiv').css({ left: l2, top: '39px' });
    $('#videoDiv').css({ left: l2, top: '39px' });
    /* Dynamic Screen Resolution */
}
function showPageInternal(fname) {
    $("#detailDiv").load(fname);
}
$("#mainImg , #imgContent").mouseover(function () {
    $("#imgContent").fadeIn(200);
});
$("#mainImg , #imgContent").mouseout(function () {
    $("#imgContent").fadeOut(200);
});
$(document).ready(function () {
    checkResolution();
    window.onresize = function () { checkResolution(); }
    loadPageAnimation();
    close();
    onStart();
    var timeMainCont;
    var contentReadMore;
    $("#maincontentPanel").animate({ width: 810 }, "slow");
    $("#maincontentPanel").animate({ height: 90 }, "slow");
    $("#maincontentPanel").show(function () {
        var mcp_ht;
        if (navigator.appName == "Microsoft Internet Explorer") { mcp_ht = 390 }
        else { mcp_ht = 390 }
        timeMainCont = setTimeout("$('#maincontentPanel').animate({'height':" + mcp_ht + "},'30000');", 1000);
        contentReadMore = setTimeout("$('#contentReadMore').show();", 1000);
    });
    $("#maincontentPanelSub").show();

    function close() {
        $("#closeContent").click(function () {
            $("#maincontentPanel").animate({ height: 0 }, "25000", function () {
                $("#subContent").animate({ height: 0 }, "slow");
                $("#closeContent").hide();
                $("#maincontentPanelSub").hide();
                $("#subContent").hide();
                $("#contentReadMore").hide();
                $("#openPanel").show();
            });
            clearTimeout(timeMainCont);
            clearTimeout(contentReadMore);
        });
    }

    /*for navigation show hide sublinks*/
    $("#property,#residences,#amenities,#services,#neighbourhood,#team").mouseover(function () {
        $("div#navmenu").hide();
    });

    $("#property_sub,#residences_sub,#amenities_sub,#services_sub,#neighbourhood_sub,#team_sub").mouseover(function () {
        $("div#navmenu").hide();
    });

    $("#property,#residences,#amenities,#services,#neighbourhood,#team").mouseout(function () {
        $("div#navmenu").show();
    });

    $("#property_sub,#residences_sub,#amenities_sub,#services_sub,#neighbourhood_sub,#team_sub").mouseout(function () {
        $("div#navmenu").show();
    });

    /*selected navigation*/
    $("#property").click(function () {
        $("#property").addClass('activelnk-main');
        $("#residences,#amenities,#services,#neighbourhood,#team,#cont").removeClass('activelnk-main');
    });

    $("#residences").click(function () {
        $("#residences").addClass('activelnk-main');
        $("#property,#amenities,#services,#neighbourhood,#team,#cont").removeClass('activelnk-main');

    });

    $("#amenities").click(function () {
        $("#amenities").addClass('activelnk-main');
        $("#property,#residences,#services,#neighbourhood,#team,#cont").removeClass('activelnk-main');
    });

    $("#services").click(function () {
        $("#services").addClass('activelnk-main');
        $("#property,#residences,#amenities,#neighbourhood,#team,#cont").removeClass('activelnk-main');
    });

    $("#neighbourhood").click(function () {
        $("#neighbourhood").addClass('activelnk-main');
        $("#property,#residences,#amenities,#services,#team,#cont").removeClass('activelnk-main');
    });

    $("#team").click(function () {
        $("#team").addClass('activelnk-main');
        $("#property,#residences,#amenities,#services,#neighbourhood,#cont").removeClass('activelnk-main');
    });

    $("#cont").click(function () {
        $("#cont").addClass('activelnk-main');
        $("#property,#residences,#amenities,#services,#neighbourhood,#team").removeClass('activelnk-main');
    });
    /*selected navigation*/

    $("#residences").click(function () {
        $("#residences").addClass('activelnk-main');
    });

    $("#property_sub").click(function () {
        $("#property").addClass('activelnk-main');
        $("#residences,#amenities,#services,#neighbourhood,#team,#cont").removeClass('activelnk-main');
    });

    $("#residences_sub").click(function () {
        $("#residences").addClass('activelnk-main');
        $("#property,#amenities,#services,#neighbourhood,#team,#cont").removeClass('activelnk-main');
    });

    $("#amenities_sub").click(function () {
        $("#amenities").addClass('activelnk-main');
        $("#residences,#property,#services,#neighbourhood,#team,#cont").removeClass('activelnk-main');
    });

    $("#services_sub").click(function () {
        $("#services").addClass('activelnk-main');
        $("#residences,#amenities,#property,#neighbourhood,#team,#cont").removeClass('activelnk-main');
    });

    $("#neighbourhood_sub").click(function () {
        $("#neighbourhood").addClass('activelnk-main');
        $("#residences,#amenities,#services,#property,#team,#cont").removeClass('activelnk-main');
    });

    $("#team_sub").click(function () {
        $("#team").addClass('activelnk-main');
        $("#residences,#amenities,#services,#neighbourhood,#property,#cont").removeClass('activelnk-main');
    });

    $("#cont").click(function () {
        $("#cont").addClass('activelnk-main');
        $("#residences,#amenities,#services,#neighbourhood,#team,#property").removeClass('activelnk-main');
    });

    $("#team").mouseover(function () {
        $("div.lftnav div").hide();
    });

    $("#cont").mouseover(function () {
        $("div#navmenu").hide();
    });

    $("#cont").mouseout(function () {
        $("div#navmenu").show();
    });
    /*for navigation*/
});

$(function () {
    // this initialises the scollpanes on the page.
    $('#pane1').jScrollPane({ showArrows: true, scrollbarWidth: 13, arrowSize: 16 });
});