var page;
var subpage;
var c = 0;
var t;




//Funciones para cargar las paginas y hacer el resize

function resize() {

    var h;
    var w;
    var ancho = 1700;
    var alto = 1015;
    h = screenSizeH();
    w = screenSizeW();



    var tablebg = document.getElementById("tablebg");
    tablebg.style.width = "1700px";
    tablebg.style.height = "1015px";

    var bg = document.getElementById("bg");
    var htm = document.getElementById("htmlid");

    if (h > 540) {
        htm.style.overflowY = "hidden";
    } else {
        h = 540
        htm.style.overflowY = "scroll";
    }

    h = (h - alto) / 2;
    bg.style.top = h + "px";
    bg.style.height = alto + "px";

    if (w > 1125) {
        htm.style.overflowX = "hidden";
    } else {
        w = 1125
        htm.style.overflowX = "scroll";
    }
    w = (w - ancho) / 2;
    bg.style.left = w - 10 + "px";
    bg.style.width = ancho + "px";

    
}

function loaddatapage(frame, bottom) {
    if (top == self) {
        // load page
        page = getUrlData('page');
        subpage = getUrlData('subpage');
        pageid = getUrlData('pageid');
        top.location.href = 'default.aspx?frame=' + frame + '&page=' + page + '&subpage=' + subpage + '&pageid=' + pageid;
    }
    else {
        // load page
        
        
        page = getUrlData('page');
        subpage = getUrlData('subpage');

        if (page == '') {
            page = "home"
            subpage = ""
        }

        //Set background
        var img;
        var faded = '';
      
        if (page == "gallery" && (subpage=="Stills" || subpage=="stills")) {
            faded="_faded"
        }
        img = page + faded + ".jpg"

        var oInnerBgImage = document.getElementById('InnerBgImage');
        oInnerBgImage.src = "images/bgs/s_" + img

        HideAllBgs();
        
        var oBgImage = parent.document.getElementById("bgImage_" + page + faded);
        oBgImage.style.display = "block";
       
        //Set links
        var oObject = document.getElementById(page);
        if (bottom == false) {
            var oText = document.getElementById('menuLink' + page);
            oText.style.color = "white";

            oObject.style.backgroundColor = "#666666"
            oObject.style.borderRight = "solid 1px white";
            oObject.style.borderLeft = "solid 1px white";
        }
        else {
            oObject.style.color = "White"
        }

        if (subpage != '') {
            var oObject = document.getElementById(subpage);
            var oText = document.getElementById('submenuLink' + subpage);
            oText.style.color = "white";
            oObject.style.backgroundColor = "#cc3333"
            oObject.style.borderRight = "solid 1px white";
            oObject.style.borderLeft = "solid 1px white";
        }
    }
}


function loadframe() {

    frame = getUrlData('frame');
    page = getUrlData('page');
    subpage = getUrlData('subpage');
    pageid = getUrlData('pageid');

    if (frame != "") {
        link = frame;
        if (page != "") {
            link = link + '?page=' + page;
        }

        if (subpage != "") {
            link = link + '?subpage=' + subpage;
        }

        if (pageid != "") {
            link = link + '?subpage=' + pageid;
        }

        document.datapage.location = link;
    }

    var oObject = document.getElementById("default");
    oObject.style.visibility = "visible";


}

function LoadImg(obj, img) {
    var oObject = document.getElementById(obj);
    oObject.src = img;
}

function screenSizeH() {

    var viewportwidth;
    var viewportheight;

    // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

    if (typeof window.innerWidth != 'undefined') {
        viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
    }

    // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

    else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0) {
        viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
    }

    // older versions of IE

    else {
        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
    }
    return viewportheight;
}


function screenSizeW() {

    var viewportwidth;
    var viewportheight;

    // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

    if (typeof window.innerWidth != 'undefined') {
        viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
    }

    // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

    else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0) {
        viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
    }

    // older versions of IE

    else {
        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
    }
    return viewportwidth;
}



function getUrlData(name) {

    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regexS = "[\\?&]" + name + "=([^&#]*)";
    var regex = new RegExp(regexS);
    var results = regex.exec(window.location.href);
    if (results == null)
        return "";
    else
        return results[1];
}
// Functiones para el control del menu

function MouseOver(item) {
    if (item != page) {
        var oObject = document.getElementById(item);
        var oText = document.getElementById('menuLink' + item);
        oText.style.color = "white";
        oObject.style.backgroundColor = "#666666"
        oObject.style.borderRight = "solid 1px white";
        oObject.style.borderLeft = "solid 1px white";
    }
}

function MouseOut(item) {
    if (item != page) {
        var oObject = document.getElementById(item);
        var oText = document.getElementById('menuLink' + item);
        oText.style.color = "#999999";

        oObject.style.backgroundColor = "#333333"
        oObject.style.borderRight = "solid 1px #333333";
        oObject.style.borderLeft = "solid 1px #333333";
    }
}

function MouseOverSubmenu(item) {
    if (item != subpage) {
        var oObject = document.getElementById(item);
        oObject.style.backgroundColor = "#bf2e2f"
        var oText = document.getElementById('submenuLink' + item);
        oText.style.color = "white"
    }
}

function MouseOutSubmenu(item) {
    if (item != subpage) {
        var oObject = document.getElementById(item);
        var oText = document.getElementById('submenuLink' + item);
        oText.style.color = "black"
        oObject.style.backgroundColor = ""
    }
}

function MouseOverBottomMenu(item) {
    if (item != page) {
        var oObject = document.getElementById(item);
        oObject.style.color = "white"
    }
}

function MouseOutBottomMenu(item) {
    if (item != page) {
        var oObject = document.getElementById(item);
        oObject.style.color = "black"
    }
}

function HideAllBgs() {
    HideParent("bgImage_events");
    HideParent("bgImage_bookings");
    HideParent("bgImage_contactus");
    HideParent("bgImage_education");
    HideParent("bgImage_feedback");
    HideParent("bgImage_gallery");
    HideParent("bgImage_joinus");
    HideParent("bgImage_lifestyle");
    HideParent("bgImage_links");
    HideParent("bgImage_productions");
    HideParent("bgImage_shop");
    HideParent("bgImage_sitemap");
    HideParent("bgImage_supportus");
    HideParent("bgImage_youth");
    HideParent("bgImage_gallery_faded");
}

function HideParent(item) {
       var oObject = parent.document.getElementById(item);
       oObject.style.display="none";
}