// JScript File
function disfindfriends(mailtype,bMsg, isrecruit)
{
    var typ="";
    $('#contentArea').empty().hide();
    if (bMsg!=true)
    {
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").empty().hide();
    }
    if (isrecruit=="1")
    {
        $("#contentNavigation").html('recruit friends').show();
        typ="recruit friends"
    }
    else
    {
        $("#contentNavigation").html('find friends').show();
        typ="find friends"
    }
    
    var sHTML="";
    sHTML +='<div id="findfriends" style="padding:0px 10px 10px 10px">';
    sHTML +='<div id="divImportEmail" class="ffItems"></div>';
    sHTML +='<div id="divImportContacts" class="ffItems"></div>';
    if (isrecruit!="1")
        sHTML +='<div id="divSearchFriends" class="ffItems"></div>';
    sHTML +='<div id="divImportZingZag" class="ffItems"></div>';
    sHTML +='</div>';
    $('#contentArea').html(sHTML).show();
    dImportEmail("#divImportEmail",mailtype,bMsg,isrecruit, typ);
    dImportContacts("#divImportContacts",bMsg,isrecruit, typ);
    if (isrecruit!="1")
        dSearchFriends("#divSearchFriends",bMsg,isrecruit, typ);
        
    dZingZagImport("#divImportZingZag", bMsg,isrecruit, typ);
    if (mailtype=="zingzag")
    {
        $("a#ffzingzag").focus();
    }
    else
    {
        $("a[id$='HeaderLogo']").focus();
        $("#txtIEEmail").focus();
    }
}


function dImportEmail(id,mailtype,bMsg,isrecruit, typ)
{
    var sHTML="";
    
    sHTML += '<div class="ffTitle"><img src="_shared/images/email_web.gif">&nbsp;' + typ + ' through web email&nbsp;&nbsp;(hotmail, gmail, yahoo, etc.);</div>';
    sHTML += '<div class="formGap">email address<br>';
    sHTML += '<input maxlength="200" id="txtIEEmail" class="inputTextBox" style="width: 300px;" type="text">&nbsp;@&nbsp;';
    sHTML += '<select id="optIEEmail" style="width: 140px;"><option selected="selected" value="gmail.com">gmail.com</option><option value="hotmail.com">hotmail.com</option><option value="yahoo.com">yahoo.com</option><option value="msn.com">msn.com</option><option value="aol.com">aol.com</option><option value="yahoo.co.in">yahoo.co.in</option><option value="rediffmail.com">rediffmail.com</option><option value="mail.com">mail.com</option><option value="email.com">email.com</option><option value="fastmail.fm">fastmail.fm</option><option value="live.com">live.com</option><option value="bellsouth.net">bellsouth.net</option><option value="windowslive.com">windowslive.com</option><option value="mac.com">mac.com</option><option value="lycos.com">lycos.com</option><option value="earthling.net">earthling.net</option><option value="myspace.com">myspace.com</option><option value="plaxo.com">plaxo.com</option><option value="orkut.com">orkut.com</option></select></div>';
    sHTML += '<div class="formGap">password<br>';
    sHTML += '<input maxlength="200" id="txtIEPassword"  class="inputTextBox" style="width: 300px;" type="password"></div>';
    sHTML += '<div class="formGap"><input value="' + typ + '" id="btnIEFindFriends" title="Find Friends" class="buttonStyle" type="button"><br>';
    sHTML += 'we won\'t store your email  login information</div>';
    
    $(id).html(sHTML);
    
    $("#optIEEmail option[value='"+ mailtype +"']").attr("selected","selected")
    
    $("#txtIEEmail").bind("keydown",function(e){defaultButton(e,"#btnIEFindFriends");});
    $("#optIEEmail").bind("keydown",function(e){defaultButton(e,"#btnIEFindFriends");});
    $("#txtIEPassword").bind("keydown",function(e){defaultButton(e,"#btnIEFindFriends");});
    
    
    $("#btnIEFindFriends").bind("click", function(e)
    {
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").empty().hide();        
        if( ($.trim($("#txtIEEmail").val())=="") || ($.trim($("#txtIEPassword").val())=="") )
        {
            $("div[id$='errorMsg']").html("email address & password are required").show();
            if (($.trim($("#txtIEEmail").val())=="")){$("#txtIEEmail").focus();}
            else if (($.trim($("#txtIEPassword").val())=="")){$("#txtIEPassword").focus();}
            return;
        }

        $("#btnIEFindFriends").attr("disabled", "disabled");
        $("#btnIEFindFriends").val("processing");

        $.ajax({
            type: "POST",
            url: "ImportContactsForInvite.aspx",
            data: "uid="+ encodeURIComponent($("#txtIEEmail").val()) +"&pwd="+ encodeURIComponent($("#txtIEPassword").val()) +"&ser=" + encodeURIComponent($("#optIEEmail option:selected").val()),
            dataType: 'json',
            "cache":false,
            error:function(response){$("div[id$='errorMsg']").html(response["status"]["msg"]).show();$("#btnIEFindFriends").removeAttr("disabled");$("#btnIEFindFriends").val(typ);},
            success: function(response)
            {
                  if(response["status"]["code"]=="1")
                  {
                     pICInvites(response,bMsg,isrecruit, typ);
                  }
                  else if(response["status"]["code"]=="0")
                  {
                    $("div[id$='errorMsg']").html(response["status"]["msg"]).show();
                  } 
                  $("#btnIEFindFriends").removeAttr("disabled");
                  $("#btnIEFindFriends").val(typ);
            }
        });
    });
    
}


function dImportContacts(id,bMsg,isrecruit, typ)
{
    var sHTML="";
    sHTML += '<div class="ffTitle"><img src="_shared/images/email_application.gif">&nbsp;' +typ + ' through email application &nbsp;&nbsp;(outlook, outlook express, etc.)</div>';
    sHTML += '<div class="formGap">upload a contacts file below and ZingZag! Community will securely import your contacts.</div>';
    sHTML += '<div class="formGap">format type<br>';
    sHTML += '<select id="optIECSVType"><option value="o2000">Outlook CSV</option><option value="oe6">Outlook Express CSV</option><option value="tb">Mozilla Thunderbird (CSV)</option><option value="tbldif">Mozilla Thunderbird (LDIF)</option><option value="vcf">Mac OS Address Book (or any vCard)</option></select></div>';
    sHTML += '<div class="formGap">contact file<br>';
    sHTML += '<input id="filIECSVFile" name="filIECSVFile" style="width: 350px;"  type="file"></div>';
    sHTML += '<div class="formGap"><input value="'+ typ +'" id="btnIECSVFiles" title="Find Friends" class="buttonStyle" type="button"></div>';
    
    $(id).html(sHTML);
    
    $("#optIECSVType").bind("keydown",function(e){defaultButton(e,"#btnIECSVFiles");});
    $("#filIECSVFile").bind("keydown",function(e){defaultButton(e,"#btnIECSVFiles");});
    
       $("#btnIECSVFiles").bind("click", function(e)
    {
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").empty().hide();        
        if($("#filIECSVFile").val()=="")
        {
            $("div[id$='errorMsg']").html("contact file is required").show();
            if (($.trim($("#filIECSVFile").val())=="")){$("#filIECSVFile").focus();}
            return;
        }

        $("#btnIECSVFiles").attr("disabled", "disabled");
        $("#btnIECSVFiles").val("processing");

		$.ajaxFileUpload({
				url:'ImportContactsFromFileForInvite.aspx?typ='+ $("#optIECSVType option:selected").val(),
				secureuri:false,
				fileElementId:'filIECSVFile',
				dataType: 'text',
				error:function (data, status, e)
				{
				    var response;
					response=$.parseJSON($(data).text());
				    $("div[id$='errorMsg']").html(response["status"]["msg"]).show();
				    $("#btnIECSVFiles").removeAttr("disabled");
				    $("#btnIECSVFiles").val(typ);
				},
				success: function (data, status)
				{
                      var response;
					  response=$.parseJSON($(data).text());
			          if(response["status"]["code"]=="1")
                      {
                         pICInvites(response,bMsg,isrecruit, typ);
                      }
                      else if(response["status"]["code"]=="0")
                      {
                        $("div[id$='errorMsg']").html(response["status"]["msg"]).show();
                      } 
                      $("#btnIECSVFiles").removeAttr("disabled");
                      $("#btnIECSVFiles").val(typ);
				}
			});
    });
}

function dSearchFriends(id,bMsg,isrecruit, typ)
{
    var sHTML="";
    sHTML += '<div class="ffTitle">search friends by name (or) email address</div>';
    sHTML += '<div class="formGap"><input type="text" id="txtffSearch" value="" class="inputTextBox" maxlength="200" style="width: 300px;"/></div>';
    sHTML += '<div class="formGap"><input value="Find Friends" id="btnffSearchFiends" title="Find Friends" class="buttonStyle" type="button"></div>';
    $(id).html(sHTML);

    $("#txtffSearch").bind("keydown",function(e){defaultButton(e,"#btnffSearchFiends");});
    $("#btnffSearchFiends").bind("click",function(e)
    {
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").empty().hide();        
        if($("#txtffSearch").val()=="")
        {
            $("div[id$='errorMsg']").html("search friends by name (or) email address is required").show();
            $("a[id$='HeaderLogo']").focus();
            return;
        }
        
        $("#btnffSearchFiends").attr("disabled", "disabled");
        $("#btnffSearchFiends").val("processing");
        findFriends($("#txtffSearch").val());
    });
}

function dZingZagImport(id, bMsg,isrecruit, typ)
{
    var sHTML="";
    sHTML += '<div class="ffTitle">' + typ + ' from zingzag! community address book</div>';
    sHTML += '<div class="formGap"><a id="ffzingzag" style="border:0; text-decoration:none;" ><img id="ffzingzag1" src="_shared/images/zingzag.png" alt="zingzag" border="0" /></a></div>';
    $(id).html(sHTML);
    $("img#ffzingzag1").bind("click", function(e){$("a#ffzingzag").click();});
    $("a#ffzingzag").bind("click", function(e)
    {
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").empty().hide();        

        $("a#ffzingzag").attr("disabled", "disabled");

        $.ajax({
            type: "POST",
            url: "ImportZingZagContactsForInvite.aspx",
            dataType: 'json',
            "cache":false,
            error:function(response){$("div[id$='errorMsg']").html(response["status"]["msg"]).show();$("a#ffzingzag").removeAttr("disabled");},
            success: function(response)
            {
                  if(response["status"]["code"]=="1")
                  {
                     pICInvites(response,bMsg,isrecruit, typ);
                  }
                  else if(response["status"]["code"]=="0")
                  {
                    $("div[id$='errorMsg']").html(response["status"]["msg"]).show();
                  } 
                  $("a#ffzingzag").removeAttr("disabled");
            }
        });
    });
}

function pICInvites(data,bMsg,isrecruit, typ)
{

    $('#contentArea').empty().hide();
    if (bMsg!=true)
    {
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").empty().hide();
    }
    if (isrecruit==1)
        $("#contentNavigation").html('recruit friends');
    else
        $("#contentNavigation").html('invite friends');
    $("#contentNavigation").show();
    var sHTML="";
    sHTML += '<div id="icInvites" style="padding:0px 10px 10px 10px"><ul><li><a href="#addasfriend">add as friend</a></li><li><a href="#invitefriends">invite friends</a></li></ul>';
    sHTML += '<div id="addasfriend"></div>';
    sHTML += '<div id="invitefriends"></div>';
    sHTML += '</div>';
    $('#contentArea').html(sHTML).show();
    $("#icInvites").tabs();
    
    
    var sRowHtml="";
    var addasfriend =data["addAsFriend"];
    if (addasfriend.length>0)
    {
        $(addasfriend).each(function(index,oRowObj)
        { 
            sRowHtml +="<div class='divTabData'> <div class=\"mcImgCol\">";
            sRowHtml += "<a  href=\"" + oRowObj["LoginName"]  +"\" class=\"imgPhoto\"><img  class=\"imgPhoto\" src=\"Upload/Photos/" + oRowObj["PhotoURL"] +"\"></a>"
            sRowHtml += "</div><div class=\"mcAbtMeCol\" style=\"width:350px; padding-right:10px; height:60px; overflow:hidden;\">"
            sRowHtml += "<a class=\"mcLink\" href=\"" + oRowObj["LoginName"] + "\">" +  oRowObj["LoginName"] + "</a><br>";
            sRowHtml += oRowObj["AboutMe"] + "</div><div class=\"mcImgDel\" style='width:140px;'>";
            if (oRowObj["FriendStatus"]=="0")
                sRowHtml += "<a id=\"addFr"+ oRowObj["MemberGUID"] +"\" title=\"add as friend\" style=\"cursor:pointer;\"><img id='imgAddFr' src=\"_shared/images/btAddFr.jpg\" alt=\"add as friend\"/></a>";
            else if(oRowObj["FriendStatus"]=="4")
                sRowHtml += "<a>already a friend</a>";
            else if(oRowObj["FriendStatus"]=="1" || oRowObj["FriendStatus"]=="3")
                sRowHtml += "<a>friend request pending</a>"; 
            else if(oRowObj["FriendStatus"]=="5")
                sRowHtml += "<a>user restricted</a>";       
                
            sRowHtml += "</div></div>"  ; 
        });
        $('#addasfriend').html(sRowHtml);
        $("#addasfriend a[id^='addFr']").each(function(index){$(this).bind("click",$(this).attr("id").replace("addFr",""),function(e){confirmDialog("friend request", "do you want to send a friend request?", "addFriend.aspx",   "ZXF=" +e.data);});});
    }
    
    sRowHtml="";
    var invitefriend =data["inviteFriends"];
    var iCount=invitefriend.length;
    
    if (iCount>0)
    {
        sRowHtml += '<div class="importcontacts" style="font-size:12px;">';
        sRowHtml += '<div style="padding:5px 0px 5px 0px"><input value="invite friends" id="btnICInviteFriends" title="invite friends" class="buttonStyle" type="button">&nbsp;&nbsp;</div>';
        sRowHtml +='<div id="divICHeader" class="icheadertop" ><span style="display:inline-block;width:50px;"><input id="chkICHeader" type="checkbox"/></span><span style="display:inline-block;width:240px"><b>name</b></span><span style="display:inline-block;width:330px"><b>email address</b></span></div>';
        sRowHtml +='<div id="divICData">';
        $(invitefriend).each(function(index,conItem)
        { 
            sRowHtml +='<div id="divIC' + index + '" class="icitem" ><span style="display:inline-block;width:50px;"><input id="chkIC' + index +  '" type="checkbox"/></span><span id="divICName' + index +'" style="display:inline-block;width:240px">' + conItem["name"] +'</span><span id="divICEmail' + index +'"style="display:inline-block;width:330px">' + conItem["email"] +'</span></div>';
        });
        sRowHtml +='</div>';
        sRowHtml +='<div id="divICHeader1" class="icheaderbottom"><span style="display:inline-block;width:50px;"><input id="chkICHeader1" type="checkbox"/></span><span style="display:inline-block;width:240px"><b>name</b></span><span style="display:inline-block;width:330px"><b>email address</b></span></div>';
        sRowHtml += '<div style="padding:5px 0px 5px 0px"><input value="invite friends" id="btnICInviteFriends1" title="invite friends" class="buttonStyle" type="button">&nbsp;&nbsp;</div>';
        sRowHtml += '</div>';
        $('#invitefriends').html(sRowHtml)
        
       
        $("input[id^='chkICHeader']").bind("click",function(){ $("#invitefriends input[type='checkbox']").attr('checked', $(this).is(':checked'));});
        $("input[id^='btnICInviteFriends']").bind("click",function(e)
        {
           var sICDetails="";
           var iIndex=0;
           var sName="";
           var count=$("#divICData input:checked").length;

           if(count==0) {$("div[id$='errorMsg']").text("no friends selected for invite").show();$("a[id$='HeaderLogo']").focus(); return;}
           else {
                $("#divICData input:checked").each(function()
                {
                iIndex= $(this).attr("id").replace("chkIC","");
                sICDetails += $("#divICName"+iIndex).text() + "<" + $("#divICEmail"+iIndex).text() + ">,";
                });
            }
                
            
            
             $("input[id^='btnICInviteFriends']").attr("disabled", "disabled");
             $("input[id^='btnICInviteFriends']").val("processing");

            $("div[id$='successMsg']").empty().hide();
            $("div[id$='errorMsg']").empty().hide();

             $.ajax({
                type: "POST",
                url: "SaveRecruits.aspx",
                data: "ToEmail=" + encodeURIComponent(sICDetails),
                dataType: 'json',
                "cache":false,
                error:function(response){$("div[id$='errorMsg']").html(response["status"]["msg"]).show(); $("a[id$='HeaderLogo']").focus();$("#btnIFEmail").removeAttr("disabled");$("#btnIFEmail").val("Invite Friends");},
                success: function(response)
                {
                      if(response["status"]["code"]=="1")
                      {
                         $("div[id$='successMsg']").html(response["status"]["msg"]).show();
                          $("a[id$='HeaderLogo']").focus();
                      }
                      else if(response["status"]["code"]=="0")
                      {
                        $("div[id$='errorMsg']").html(response["status"]["msg"]).show();
                        $("a[id$='HeaderLogo']").focus();
                      } 
                      $("input[id^='btnICInviteFriends']").removeAttr("disabled");
                      $("input[id^='btnICInviteFriends']").val("Invite Friends");
                }
            });
        });
   }

    if ((addasfriend.length==0) && (iCount==0))
    {
        $("#icInvites").tabs({disabled: [0,1] });
    }
    else if (iCount==0)
    {
        $("#icInvites").tabs({selected:[0]});
        $("#icInvites").tabs({disabled: [1] });
    }
    else if (addasfriend.length==0)
    {
        $("#icInvites").tabs({selected:[1]});
        $("#icInvites").tabs({disabled: [0] });
    }
}