function change_media(id) {
    jQuery(".video-player").attr("src", "http://www.youtube.com/embed/" + id);
}

jQuery(function() {

    jQuery("#portfolio").innerfade({
        speed: 'slow',
        timeout: 3000,
        type: 'sequence',
        containerheight: '220px',
        slide_nav_id: 'slideshow-nav',
        slide_ui_parent: 'portfolio'
    });

    /*** Home Page ***/

    jQuery(".tooltip-link").click(function() {
        id = jQuery(this).attr("id").replace("tlink-", "");
        jQuery(".popup-tooltip1").fadeOut();
        jQuery(".popup-tooltip2").fadeOut();
        jQuery("#tooltip-" + id).slideDown(400);
        //return false;
    });

    jQuery(".close-pt1").click(function() {
        jQuery(".popup-tooltip1").fadeOut();
        jQuery(".popup-tooltip2").fadeOut();
        return false;
    });

    jQuery(".box-effect").hover(function() {
        jQuery(this).find("div.heading span.small-flower").stop(true, true).fadeIn();
    }, function() {
        jQuery(".small-flower").stop(true, true).fadeOut();
        //jQuery(this).find("div.heading span.small-flower");
    });

    jQuery(".pword-type").change(function() {
        jQuery("#pword-type-container").hide();
        if (jQuery(this).val() == 0) {
            jQuery("#pword-lastname").hide();
            jQuery("#pword-birthday").fadeIn();
        } else {
            jQuery("#pword-birthday").hide();
            jQuery("#pword-lastname").fadeIn();
        }
    });

    jQuery("#new-user").click(function() {
        jQuery("#pword-text-container").hide();
        jQuery("#pword-type-container").fadeIn();
        jQuery("#pword-birthday").hide();
        jQuery("#pword-lastname").hide();
        jQuery("#pword-type-birthday").attr("checked", "");
        jQuery("#pword-type-lastname").attr("checked", "");
        jQuery("#is-existing").val("0");
        jQuery("#question-member").show();
        return false;
    });

    jQuery("#existing-user").click(function() {
        jQuery("#pword-type-container").hide();
        jQuery("#pword-birthday").hide();
        jQuery("#pword-lastname").hide();
        jQuery("#is-existing").val("1");
        jQuery("#pword-text-container").fadeIn();
        jQuery("#question-member").hide();
        return false;
    });

    jQuery(".block-box-youtube").click(function() {

        var videos;
        jQuery.blockUI({ "blockMsgClass": "popup-big" });
        videos = ' <div class="popup-b-bgtop re"><span class="close-popup ab"></span></div>'
        videos += '<div class="popup-b-body re">';
        videos += '<div class="pb-content re fl">'
        videos += '<h1>videos Calculator</h1>'
        videos += '<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut ali</p>'
        videos += '<div id="videos-form" class="form3 re">'
        videos += 'Height: <select name="ft" id="ft">'
        videos += '<option value="4">4</option>'
        videos += '<option value="5">5</option>'
        videos += '<option value="6">6</option>'
        videos += '</select> ft.'
        videos += '<select name="in" id="in">'
        videos += '<option value="0">0</option>'
        videos += '<option value="1">1</option>'
        videos += '<option value="2">2</option>'
        videos += '<option value="3">3</option>'
        videos += '<option value="4">4</option>'
        videos += '<option value="5">5</option>'
        videos += '<option value="6">6</option>'
        videos += '<option value="7">7</option>'
        videos += '<option value="8">8</option>'
        videos += '<option value="9">9</option>'
        videos += '<option value="10">10</option>'
        videos += '<option value="11">11</option>'
        videos += '</select> in.'
        videos += 'Weight: <input name="weight" id="weight" /> lbs.'
        videos += '</div>'
        videos += '<p align="center"><a href="#" onclick="getvideos()"><img src="images/see-result.gif" alt="see result" /></a></p>'
        videos += '</div>'
        videos += '<div class="big-icon re fr">'
        videos += '<img src="images/videos-img-b.gif" alt="videos calculator" />'
        videos += '</div>'
        videos += '<br class="clear" />'
        videos += '</div>'
        videos += '<span class="popup-b-bgbottom re"></span>'
        videos = jQuery("#video-popup").html();
        jQuery(".popup-big").html(videos);
        jQuery(".close-popup").click(jQuery.unblockUI);
        return false;
    });

    jQuery("#subscribe").click(function() {
        var param = { "action": "subscribe", "email": jQuery("#email").val() }
        jQuery.post("ajax.aspx", param, function(data) {
            alert(data);
        });
    });

    jQuery("#email").focus(function() {
        if (jQuery(this).hasClass("email") && jQuery(this).val() == "Enter E-mail...")
            jQuery(this).val("");
    });

    jQuery("#email").blur(function() {
        if (jQuery(this).hasClass("email") && jQuery(this).val() == "")
            jQuery(this).val("Enter E-mail...");
    });


    jQuery("#question-member").click(function() {
        jQuery.blockUI({ "blockMsgClass": "popup-big" });
        mechanics = jQuery("#mechanics-popup").html();
        jQuery(".popup-big").html(mechanics);
        jQuery(".close-popup").click(jQuery.unblockUI);
    });

    /*** Home Page ***/


    /*** Profile Page ***/

    jQuery(".block-box").click(function() {
        itemId = jQuery(this).attr("id").replace("item-", "");
        jQuery.blockUI({ "blockMsgClass": "popup-big" });
        //jQuery.blockUI();
        jQuery(".popup-big").html(jQuery("#popup-" + itemId).html());
        jQuery(".close-popup").click(jQuery.unblockUI);
        return false;
    });

    jQuery("#security-link").click(function() {
        if (jQuery("#security-holder").is(":visible")) {
            //try {
            jQuery("#security-holder").slideUp();
            jQuery("#old-password").removeClass("required");
            //} catch (e) { }
            jQuery("#password").removeClass("required");
            jQuery("#password2").removeClass("required");
        } else {
            //try {
            jQuery("#security-holder").slideDown();
            jQuery("#old-password").addClass("required");
            //} catch (e) { }
            jQuery("#password").addClass("required");
            jQuery("#password2").addClass("required");
        }
        //jQuery("#security-holder").slideToggle();
        return false;
    });

    jQuery(".reload-captcha").click(function() {
        jQuery("#captcha-img").attr("src", "captcha.aspx");
        return false;
    });

    /*** Profile Page ***/


    /*** Tools Page ***/

    jQuery(".block-box-bmi").click(function() {

        var bmi;
        jQuery.blockUI({ "blockMsgClass": "popup-big" });
        bmi = ' <div class="popup-b-bgtop re"></div>'
        bmi += '<div class="popup-b-body re">';
        bmi += '<div id="bmi-form" class="pb-content re fl">'
        bmi += '<h1>BMI Calculator</h1>'
        bmi += '<p>BMI or Body Mass Index is a tool to evaluate if current weight is appropriate to your height.</p>'
        bmi += '<div class="form3 re"><div class="hidden" id="notification"></div><br /><br />'
        bmi += '<label for="ft">Height:</label> <select name="ft" id="ft">'
        bmi += '<option value="4">4</option>'
        bmi += '<option value="5">5</option>'
        bmi += '<option value="6">6</option>'
        bmi += '</select> ft.'
        bmi += '<select name="in" id="in">'
        bmi += '<option value="0">0</option>'
        bmi += '<option value="1">1</option>'
        bmi += '<option value="2">2</option>'
        bmi += '<option value="3">3</option>'
        bmi += '<option value="4">4</option>'
        bmi += '<option value="5">5</option>'
        bmi += '<option value="6">6</option>'
        bmi += '<option value="7">7</option>'
        bmi += '<option value="8">8</option>'
        bmi += '<option value="9">9</option>'
        bmi += '<option value="10">10</option>'
        bmi += '<option value="11">11</option>'
        bmi += '</select> in. <br />'
        bmi += '<label for="weight">Weight:</label> <input class="lbs" maxlength="3" width="5" name="weight" id="weight" onkeypress="return check_number(event)" /> <span style="display:block;float:left; padding:5px 0 0 2px;">lbs</span>.'
        bmi += '</div>'
        bmi += '<p><a href="#" id="bmi-submit" onclick="getBMI()"><img src="images/see-result.gif" alt="see result" /></a></p>'
        bmi += '</div>'
        bmi += '<div class="big-icon re fr">'
        bmi += '<img src="images/bmi-img-b.gif" alt="bmi calculator" />'
        bmi += '</div>'
        bmi += '<br class="clear" />'

        bmi += '<div class="close-holder2 re">'
        bmi += '<a href="#" class="close-popup close-pt1 re fr textindent">Close</a>'
        bmi += '</div>'
        bmi += '</div>'
        bmi += '<span class="popup-b-bgbottom re"></span>'
        //videos = jQuery("#hidden-bmi").html();
        jQuery(".popup-big").html(bmi);
        jQuery(".close-popup").click(jQuery.unblockUI);
        return false;
    });

    /*** Tools Page ***/

});

function validate_form() {
    empty = /^\s*$/;
    isError = false;
    emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
    jQuery(".required").each(function() {
        if (empty.test(jQuery(this).val())) {
            jQuery("#notification").html(jQuery(this).attr("title"));
            jQuery("#notification").fadeIn();
            isError = true;
            return false;
        }

        if (jQuery(this).attr("id") == "password") {
            if (jQuery("#password").val() != jQuery("#password2").val()) {
                jQuery("#notification").html("Passwords did not match");
                jQuery("#notification").fadeIn();
                isError = true;
                return false;
            }
        }
    });

    if (!emailPattern.test(jQuery("#email").val()) && !isError) {
        jQuery("#notification").html("Invalid email address");
        jQuery("#notification").fadeIn();
        isError = true;
        return false;
    }
    if (isError) {
        window.scrollTo(0, 0);
        return false;
    } else
        return true;
}

function getBMI() {
    if (jQuery("#weight").val() == "") {
        jQuery("#notification").show();
        jQuery("#notification").html("Please input your weight in lbs/pounds");
        return;
    }
    jQuery("#bmi-submit").remove();
    param = { "ft": jQuery("#ft").val(), "in": jQuery("#in").val(), "weight": jQuery("#weight").val() };
    jQuery.post("ajax.aspx?action=bmi", param, function(data) {
        jQuery("#bmi-form").html(data + "<br /><br /> <p><a href='#' onclick='retryBMI()'><img src='images/try-again.gif' /></a></p>");
        jQuery(".block-box-close").click(jQuery.unblockUI);
    });
}

function retryBMI() {
    var bmi = "";
    bmi += '<h1>BMI Calculator</h1>'
    bmi += '<p>BMI or Body Mass Index is a tool to evaluate if current weight is appropriate to your height.</p>'
    bmi += '<div class="form3 re"><div class="hidden" id="notification"></div><br /><br />'
    bmi += '<label for="ft">Height:</label> <select name="ft" id="ft">'
    bmi += '<option value="4">4</option>'
    bmi += '<option value="5">5</option>'
    bmi += '<option value="6">6</option>'
    bmi += '</select> ft.'
    bmi += '<select name="in" id="in">'
    bmi += '<option value="0">0</option>'
    bmi += '<option value="1">1</option>'
    bmi += '<option value="2">2</option>'
    bmi += '<option value="3">3</option>'
    bmi += '<option value="4">4</option>'
    bmi += '<option value="5">5</option>'
    bmi += '<option value="6">6</option>'
    bmi += '<option value="7">7</option>'
    bmi += '<option value="8">8</option>'
    bmi += '<option value="9">9</option>'
    bmi += '<option value="10">10</option>'
    bmi += '<option value="11">11</option>'
    bmi += '</select> in. <br />'
    bmi += '<label for="weight">Weight:</label> <input class="lbs" maxlength="3" width="5" name="weight" id="weight" onkeypress="return check_number(event)" /> <span style="display:block;float:left; padding:5px 0 0 2px;">lbs</span>.'
    bmi += '</div>'
    bmi += '<p><a href="#" onclick="getBMI()"><img src="images/see-result.gif" alt="see result" /></a></p>';
    jQuery("#bmi-form").html(bmi);
}

function check_number(evt) {
    var char_code = (evt.which) ? evt.which : evt.keyCode
    if (char_code > 31 && (char_code < 48 || char_code > 57)) {
        return false;
    }
    return true;
}

function showLoginPopup() {
    jQuery(".popup-tooltip2").fadeIn(2500);
    jQuery("#popup-login-header").html("Login Required!");
    jQuery("#popup-login-message").html("<br />Please login/register to view your wellness passport.");
}