//pop cp overlay when submitting form with same gender in both drop downs
$(function(){

    //append overlay scripts and styles
    $("body").append('<script type="text/javascript" src="http://static.eharmony.com/assets/corp/js/jquery.blockUI.js"></script>');
    $("head").append('<link rel="stylesheet" type="text/css" href="http://static.eharmony.com/assets/css/cp-overlay.css" />');
    
    //Append overlay markup
    $("body").append('<div id="cp_confirm" style="display:none;"><div class="cp_confirm"><div><h1>Please Confirm</h1><button type="button" class="genderpop cp_butnx"><span>Close</span></button><p>You are about to be taken to <b>Compatible Partners</b>, a new matching site for <b>same sex</b> relationships, powered by eHarmony</p><button type="button" class="genderpop cp_butncancel"><span>Cancel</span></button><button type="button" class="genderpop cp_butnconfirm" onclick="window.location.href=\'http://www.compatiblepartners.net/\'"><span>Confirm</span></button></div></div></div>');
    
    //IE-only overlay CSS
    if ($.browser.msie && jQuery.browser.version.substr(0,1) <= 7) {
        $("body").append('<link rel="stylesheet" type="text/css" href="http://static.eharmony.com/assets/css/cp-overlay_ie.css" />');
    }
    
    $regForm = $("form[name=registrationForm]");
    
    $("input[type=image], button[type=submit]",$regForm).click(function(){
        
        //if same gender
        if ($("select[name=gender]",$regForm).val() != $("select[name=gender2]",$regForm).val()) {
            //pop overlay
            $.blockUI({
                message:$('#cp_confirm'),
                css:{
                    border:"none",
                    backgroundColor:"transparent",
                    cursor:"default"
                },
                overlayCSS:{
                    backgroundColor:"#000",
                    opacity:"0.4"
                }
            });
            
            //close with X
            $(".genderpop.cp_butnx,.genderpop.cp_butncancel").click($.unblockUI);
            
            //cancel click/submit
            return false;
        }
    
    });

});

var genderSwap = {
    handle:function(g1,g2){
        var g1sel = g1.options[g1.selectedIndex];
        if (g1sel.text.substring(0,1).toLowerCase() == "m") g2.selectedIndex = genderSwap._findGender(g2,"w");
        if (g1sel.text.substring(0,1).toLowerCase() == "w") g2.selectedIndex = genderSwap._findGender(g2,"m");
    },
    _findGender:function(sel,gen){
        for (var i = 0; i <= sel.options.length-1; i++) {
            if (sel.options[i].text.substring(0,1).toLowerCase() == gen.toLowerCase()) return i;
        }
        return -1;
    }
};