$(document).ready(function() {
    $("#nav div").click(function() {
        selectElDiv($(this));
    });
    $("#nav div").mouseover(function() {
        $(this).addClass("hover");
    });
    $("#nav div a").mouseout(function() {
        $(this).parent().removeClass("hover");
    });
    $("#nav div").mouseout(function() {
        $(this).removeClass("hover");
    });
});
function selectElDiv(element) {
    var arry = $("#nav div");
    for (var i = 0; i < arry.length; i++) {
        var parent = $("#" + arry[i].id.replace("index", "value"));
        if (element[0].id != arry[i].id) {
            deselectEl($(arry[i]));

            parent.hide();
        } else {
            parent.show();
            resizeIframe();
        }
    }
    element.show().addClass("selected").removeClass("deselected");
    resizeIframe();
}
function deselectEl(element) {
    element.addClass("deselected").removeClass("selected");
}

function resizeIframe() {
    var frame = document.getElementById('frame')
    if (frame != null)
        document.getElementById('frame').style.height = frame.contentWindow.document.body.scrollHeight + "px";
        applyCurves();
};
$(document).ready(function() {
    document.getElementById('frame').onload = resizeIframe;
    window.onresize = resizeIframe;
});