// JScript File


$.ajaxSetup({
   cache: false
   //timeout:(1000*60*5)

 });
//Search starts
function clearToEmailText()
{
    $("#txtToEmails").val("use commas (,) to separate email addresses");
    $("#txtToEmails").removeClass("inputToEmail");
    $("#txtToEmails").addClass("inputToEmailWM");
}

function clearSearchText()
{

    $("#txtSearch").val("search canvas");
    $("#txtSearch").removeClass("txtSearch");
    $("#txtSearch").addClass("txtSearchWM");
    $("#imgSearch").focus();

}
//$("#imgSearch").bind("click", function(e)
//{
//    var searchText=$("#txtSearch").val();
//    searchText = $.URLEncode($.trim(searchText));
//    if (searchText.length>0)
//    {
//        PageURLUpdate("oType=ZXS&id=" + searchText + "&name=" + searchText + "&sSortBy=4&iStart=0","search" );
//    }
//});
//$("#txtSearch").bind('focusin',function(e)
//{
//    if($(this).val()=="search canvas")
//    {
//        $(this).val("");
//        $(this).removeClass("txtSearchWM");
//        $(this).addClass("txtSearch");
//    };

//});
//$("#SearchArea #txtSearch").bind('focusout',function(e)
//{
//    if($(this).val()=="") {clearSearchText();};
//});
//$("#SearchArea #txtSearch").bind("keydown",function(e){
//    var keycode=e.keyCode||e.which;
//    $("#txtSearch").focusin();
//    if (keycode == 13)
//    {
//        $("#SearchArea #imgSearch").click();
//        e.preventDefault();
//    }
//});
//Search Ends

//Search Friends starts
function clearSearchFrText(id)
{
    $(id).val("search friends by name (or) email");
    $(id).removeClass("txtSearchFr");
    $(id).addClass("txtSearchFrWM");
}
//Search Friends Ends

//Loading Static Pages Starts
function loadStaticPages(source)
{
    $("#loading").show();
    clearSearchText();
    $("#contentHeader").empty().hide();
    $("#contentNavigation").empty().hide();
    $("div[id$='successMsg']").empty().hide();
    $("div[id$='errorMsg']").empty().hide();
    $('#contentArea').empty().hide();
    $('#contentArea').load(source,function(response, status, xhr)
    {
        $("#loading").hide();
        if (status == "success") {
            $('#contentArea').show();
            $('#contentArea').html(response);
        }
    });
}
//Loading Static Pages Ends


//Loading Left Menu Starts
var procatSubmenu = 0;
var pccatSubmenu = 0;
function loadLeftMenu(type,isLoadPage,selectPage)
{
    $("td#lmArea").addClass("lmArea");
    $("td#lmArea").removeClass("lmAreaInactive");
    
    if (type =='pc')
    {         
        $.getJSON("leftmenu.aspx","MT=PC", function(aryMenu,status)
        {
            var strMenu = ""   
            $("#leftMenu").html('<div id="lmMainSubMenu"></div>');  
            
            $("#lmMainSubMenu").append('<h3><a href="#p=gallery&oType=ZXCP&id=-10&sSortBy=4" rel="history" id="procattitle" class="lmTitle">pro categories</a></h3><div id="lmpro" class="lmMainMenu" style="display:none;"></div>');
            
            $(aryMenu["pro"]).each(function(index,menuItem)
            {
                $("#lmpro").append($("<a href='#p=gallery&oType=ZXCP&id=" + encodeURIComponent(menuItem["id"]) + "&sSortBy=" + (menuItem["id"]=="-20"?"6":"4") + "'  rel='history' class='lmLink' id='procat"+ menuItem["id"] +"'>" + menuItem["name"] +"</a>"));
            });  
            
            $("#lmpro").append(strMenu);       
            
            $("#lmMainSubMenu").append('<br/><h3><a href="#p=gallery&oType=ZXC&id=-1&sSortBy=4" rel="history" id="pccattitle" class="lmTitle">creative categories</a></h3><div id="lmpc" class="lmMainMenu" style="display:none;"></div>');
            
            $(aryMenu["pc"]).each(function(index,menuItem)
            { 
                $("#lmpc").append($("<a href='#p=gallery&oType=ZXC&id=" + encodeURIComponent(menuItem["id"]) + "&sSortBy=" + (menuItem["id"]=="-2"?"6":"4") + "'  rel='history' class='lmLink' id='pccat"+ menuItem["id"] +"'>" + menuItem["name"] +"</a>"));
            });
            $("#lmpc").append(strMenu); 
            
            $("#lmMainSubMenu").append('<br style="clear:both"/><h3><a href="contest" id="cccattitle" class="lmTitle">contest</a></h3><div id="lmcc" class="lmMainMenu"></div>');
            $(aryMenu["cc"]).each(function(index,menuItem)
            {
                if(menuItem["name"] == "chambana's favorite mom") 
                {
                    $("#lmcc").append($("<a href='Contest/favoritemom' class='lmLink' id='cccat"+ menuItem["id"] +"'>" + menuItem["name"] +"</a>"));
                }
                else
                {
                    $("#lmcc").append($("<a href='Contest/" + menuItem["name"].ReplaceAll(" ","") + "' class='lmLink' id='cccat"+ menuItem["id"] +"'>" + menuItem["name"] +"</a>"));
                }
            });
            
            if (isLoadPage)
            {
                loadGallery(false);    
            }     
            
            $("#procattitle").bind("click",function(){ShowHideCatalogmenu(1);});
            $("#pccattitle").bind("click",function(){ShowHideCatalogmenu(2);});
            
        });
        
       
        
    }
    
    else if (type =='mc' || type =='ZXL' || type =='ZXLC' || type =='ZXF' || type =='ZXFC')
    { 
        
            loadLeftMenu('zsm',true);
            
            if (isLoadPage)
            {
                loadGallery(false);
            }
        
    }
    else if ( type =='ZXVM'||  type =='ZXVMC'|| type =='ZXVF' || type =='ZXVFC')
    {
        $("#leftMenu").html("about me");
        if (isLoadPage)
        {
            loadGallery(false);
        }
    }
    else if (type=='helpmenu') 
    {
        $("#leftMenu").html("<a class=\"lmTitle\" href='faq.aspx'>help</a>");
        $("#leftMenu").append($("<a class='lmLink' id='lnkTutorial' href='tutorial.aspx'>tutorial</a>"));
        $("#leftMenu").append($("<a class='lmLink' id='lnkFaq' href='faq.aspx'>faq</a>"));        
        $("#leftMenu").append($("<a class='lmLink' id='lnkWhat' href='what.aspx'>zingwhat?</a>"));
        $("#leftMenu").append($("<a class='lmLink' id='lnkWebinar' href='Webinar.aspx'>webinar</a>"));
        $("#leftMenu").append($("<a class='lmLink' id='lnkFeedback' href='Feedback.aspx'>send feedback</a>"));
    }
    else if (type=='dm') 
    {
       
        $("#leftMenu").html("<a id='lnkProducts' class=\"lmTitle\" href='ProductZZPro.aspx'>Products</a>");
        $("#leftMenu").append($("<a class='lmLink' id='lnkProZZPro' href='ProductZZPro.aspx'>ZingZag! Pro</a>"));
        $("#leftMenu").append($("<a class='lmLink' id='lnkProZZCreative' href='ProductZZCreative.aspx'>ZingZag! Creative</a><br style='clear:both;'/><br style='clear:both;'/>"));
        $("#leftMenu").append($("<a class=\"lmTitle\"  id='lnkDownload' href='download.aspx'>Download</a><br style='clear:both;'/>"));
        $("#leftMenu").append($("<a class=\"lmTitle\"  id='lnkPurchase' href='Purchase.aspx'>Purchase</a><br style='clear:both;'/>"));
        $("#leftMenu").append($("<a class=\"lmTitle\"  id='lnkUpgrades' href='Upgrades.aspx'>Upgrades</a><br style='clear:both;'/>"));
        $("#leftMenu").append($("<a class=\"lmTitle\"  id='lnkTutorial' href='tutorial.aspx?lm=dm'>Tutorials</a>"));
        $("#leftMenu").append($("<a class='lmLink' id='lnkFaq' href='faq.aspx?lm=dm'>FAQs</a>"));
        $("#leftMenu").append($("<a class='lmLink' id='lnkWhat' href='what.aspx?lm=dm'>Zingwhat?</a>"));
        $("#leftMenu").append($("<a class='lmLink' id='lnkWebinar' href='Webinar.aspx?lm=dm'>Webinar</a>"));
        $("#leftMenu").append($("<a class='lmLink' id='lnkFeedback' href='Feedback.aspx?lm=dm'>Send Feedback</a>"));
              
    }
    else if (type=='zsm') 
    {
        $.getJSON("leftmenu.aspx","MT=IM", function(aryMenu,status)
        { 
            if (aryMenu["status"]["loggedin"]=="0")
            {
                window.location="MemberLogin.aspx?isLogReq=1";
                return;
            }
            
            var photoUrl = "";
            photoUrl = "Upload/Photos/" + aryMenu["status"]["photourl"];
            
            if(photoUrl == "")
            {
                photoUrl = "Upload/Photos/Profile_default.png";
            }

            var sHTML="";
            sHTML +='<div><div id="myPhoto" class="MyPhoto"><img id="imgMyPhoto" src="'+ photoUrl +'" width="80px" height="90px" alt="'+ aryMenu["status"]["nickname"] +'\'s photo"/></div><br style="clear:both;"/>';            
            sHTML +='<div id=\"divUNickname\" class=\"lmZSpotTitle\">'+ aryMenu["status"]["nickname"]  +'\'s</div>';
            sHTML +='<a id="myminbox" href="'+ aryMenu["status"]["nickname"] +'?p=ib" class="lmLink">messages</a>';
            sHTML +='<a id="mymCommunity" href="'+ aryMenu["status"]["nickname"] +'#p=mycom&iStart=0" rel="history" class="lmLink">community</a>';
            sHTML +='<a id="mymFriends" href="'+ aryMenu["status"]["nickname"] +'#p=myfr&da=mycom" rel="history" class="lmLink">friends</a>';
            sHTML +='<a id="mymSubscribers" href="'+ aryMenu["status"]["nickname"] +'#p=mysub&da=mycom" rel="history" class="lmLink">subscribers</a>';
            sHTML +='<a id="mymSubscriptions" href="'+ aryMenu["status"]["nickname"] +'#p=mysubsr&da=mycom" rel="history" class="lmLink">subscriptions</a>';
            sHTML +='<a id="mymMyRecruit" href="'+ aryMenu["status"]["nickname"] +'?p=rw#p=rw"  class="lmLink">recruits</a>';
            sHTML +='<a id="mymMyProfile" href="'+ aryMenu["status"]["nickname"] +'?p=mypro"  class="lmLink">my account</a>';
            sHTML +='<a id="mymSettings" href="'+ aryMenu["status"]["nickname"] +'?p=set" class="lmLink">settings</a></div>';
            sHTML +='<a id="mymSubsDetails" href="'+ aryMenu["status"]["nickname"] +'?p=subdet" class="lmLink">order history</a></div>';
            sHTML +='</div>';
            $("#leftMenu").html(sHTML);
            $("#leftMenu a.lmLinkSel").removeClass("lmLinkSel"); $("#leftMenu a#"+selectPage).addClass("lmLinkSel");
            
            if(selectPage == "mymCommunity")
            {
                $("#leftMenu a#mymFriends").addClass("lmLinkSel");
                $("#leftMenu a#mymSubscribers").addClass("lmLinkSel");
                $("#leftMenu a#mymSubscriptions").addClass("lmLinkSel");
            }
            
        });              
    }    
    else if (type=='canvas')
    {
        //nothing
    }
    else if (type=='vurl')
    {
       $("#leftMenu").empty();
       $("td#lmArea").removeClass("lmArea").addClass("lmAreaInactive");
    }
    else if (type=='contest')
    {
       $("#leftMenu").empty();
       $("td#lmArea").removeClass("lmArea").addClass("lmAreaInactive");
    }
    
    

}
//Loading Left Menu Ends


function ShowHideCatalogmenu(data)
{
    if(data == 1)
    {
        $("#lmpc").hide();
        pccatSubmenu = 0;
        if(procatSubmenu == 0)
        {
            procatSubmenu = 1;
            $("#lmpro").show(600);
        }
        else 
        {
            procatSubmenu = 0;
            $("#lmpro").hide();
        }    
    }
    else
    {
        $("#lmpro").hide();
        procatSubmenu = 0;
        if(pccatSubmenu == 0)
        {
            pccatSubmenu = 1;
            $("#lmpc").show(600);
        }
        else 
        {
            pccatSubmenu = 0;
            $("#lmpc").hide();
        }    
    }
}

var oTable;
var oType="ZXC";
var uloginname = ""
//Loading Gallery Area Starts
function loadGallery(bMsg,nickname)
{   
    if(nickname != undefined)
    {
        uloginname = nickname;
    }
    //$("#loading").show();   
    var vType="g";
    var id="-1";
    var rssType="";
    var name="";
    var sSortBy="4";
    var iStart=0;
    isDTLoadedFresh=true;
   
    if ($.cookie('id')!=null){ id =$.cookie('id');}
    if ($.cookie('iDisplayStart')!=null){ iStart =parseInt($.cookie('iDisplayStart'));}
   
    if ($.cookie('oType')!=null)
    { 
        if (oType==$.cookie('oType'))
        {
            if ($.cookie('vType')!=null){ vType =$.cookie('vType');}
            oType =$.cookie('oType');
        }
        else
        {
            oType =$.cookie('oType');
            if ((oType=="ZXFGC") || (oType=="ZXFG"))
                vType="g";
            else if ((oType=="ZXF") || (oType=="ZXFC") || (oType=="ZXVF") || (oType=="ZXVFC"))
                vType="g";
            else if ((oType=="ZXL") || (oType=="ZXLC") ) 
                 vType="g";
            else if ((oType=="ZXVM") || (oType=="ZXVMC"))   
                vType="g";            
            else if ((oType=="ZXMC") || (oType=="ZXMCC"))
                vType="g";    
            else if ((oType=="ZXMS") || (oType=="ZXMSC"))  
                vType="g";  
            else if ((oType=="ZXM")) 
                vType="g";  
            else if ((oType=="ZXC"))
                vType="g";   
            else if ((oType=="ZXCP"))
                vType="g";
            else if ((oType=="ZXMP"))
                vType="g";           
                   
          setCookie('vType',vType);                
        }
    }   
    
    if ($.cookie('name')!=null){ name =$.cookie('name');}
    if (oType=="ZXC")
    {       
          $("#leftMenu a.lmLinkSel").removeClass("lmLinkSel");
          $("a#pccattitle").addClass("lmLinkSel");  $("a#pccat" + id).addClass("lmLinkSel");
            pccatSubmenu = 0;	                    
            ShowHideCatalogmenu(2);           
    }
    else if (oType=="ZXCP")
    {        
          $("#leftMenu a.lmLinkSel").removeClass("lmLinkSel"); $("a#procat" + id).addClass("lmLinkSel");
          $("a#procattitle").addClass("lmLinkSel");
            procatSubmenu = 0;	                    
            ShowHideCatalogmenu(1);
    }
    else if (oType=="ZXFGC")
    {
        $("#leftMenu a.lmLinkSel").removeClass("lmLinkSel"); ; $("a#fccat" + id).addClass("lmLinkSel");  
        name = $("a#fccat" + id).text();
    }
    else if (oType =="ZXMCC")
    {
        $("#leftMenu a.lmLinkSel").removeClass("lmLinkSel"); ; $("a#mycccat" + id).addClass("lmLinkSel");  
        name = $("a#mycccat" + id).text();
    }
    else if (oType =="ZXMSC")
    {
        $("#leftMenu a.lmLinkSel").removeClass("lmLinkSel"); ; $("a#myscat" + id).addClass("lmLinkSel");  
        name = $("a#myscat" + id).text();
    }
    else if (oType =="ZXLC" || oType =="ZXVMC")
    {
        $("#leftMenu a.lmLinkSel").removeClass("lmLinkSel"); ; $("a#mygcat" + id).addClass("lmLinkSel");  
        name = $("a#mygcat" + id).text();
    }
    else if (oType =="ZXFC" || oType =="ZXVFC")
    {
        $("#leftMenu a.lmLinkSel").removeClass("lmLinkSel"); ; $("a#myfcat" + id).addClass("lmLinkSel");  
        name = $("a#myfcat" + id).text();
    }
    
    if (oType=="ZXS" || oType=="ZXM")
    {        
        $("#leftMenu a.lmLinkSel").removeClass("lmLinkSel");
        $("a#pccattitle").addClass("lmLinkSel");   
    }
    else if(oType=="ZXMP")
    {
        $("#leftMenu a.lmLinkSel").removeClass("lmLinkSel");
        $("a#procattitle").addClass("lmLinkSel");
    }
    
//    if ((oType=="ZXF") || (oType=="ZXFC") || (oType=="ZXL") || (oType=="ZXLC"))
//    {
//        loadLeftMenu('zsm',false,"");
//    }
//    else if((oType=="ZXVF") || (oType=="ZXVFC") || (oType=="ZXVM") || (oType=="ZXVMC"))
//    {
//        loadLeftMenu('zsm',false,"");
//    }
    

    
      if ($.cookie('oType') !=null)
        {
            if ($.cookie('oType') =="ZXL" || $.cookie('oType') =="ZXLC"  || $.cookie('oType') =="ZXVM" ||  $.cookie('oType') =="ZXVMC")
                $("#lmMainSubMenu").accordion("activate", 0);
            else if ($.cookie('oType') =="ZXF" || $.cookie('oType') =="ZXFC" || $.cookie('oType') =="ZXVF" || $.cookie('oType') =="ZXVFC")
                $("#lmMainSubMenu").accordion("activate", 1);
            else if ($.cookie('oType') =="ZXMCC" || $.cookie('oType') =="ZXMC")
                $("#lmMainSubMenu").accordion( "activate", 2);
            else if ($.cookie('oType') =="ZXMSC" || $.cookie('oType') =="ZXMS")
                $("#lmMainSubMenu").accordion("activate", 3);
        }
        else
            $("#lmMainSubMenu").accordion("activate", 0);
        
    
    if ($.cookie('sSortBy')!=null){ sSortBy =$.cookie('sSortBy');} 
    
    
    if (oType == "ZXCGVC")
    {
       $("#divCGC").empty();
       $("#divCGC").html( "<table cellpadding=\"10\" cellspacing=\"0\" border=\"0\"  id=\"vizGallery\" style=\"margin:0px 0px 0px 0px;\"></table>" );    
    }
    else
    {
       if ((oType=="ZXVM") ||(oType=="ZXVF") )
       {
         $('#contentVanityArea').empty();   
         $("#contentVanityArea").html( "<table cellpadding=\"10\" cellspacing=\"0\" border=\"0\"  id=\"vizGallery\" style=\"margin:0px 0px 0px 0px;\"></table>" );         
       }
       else
       {
        $('#contentArea').empty();   
        $("#contentArea").html( "<table cellpadding=\"10\" cellspacing=\"0\" border=\"0\"  id=\"vizGallery\" style=\"margin:0px 0px 0px 0px;\"></table>" );
       // $("#contentArea").addClass("moveGalleryTop");
       }
    }
    
    
    if (bMsg!=true)
    {
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").empty().hide();
    }
  
    loadGalleryHeader(oType);
    loadGalleryNavigation(oType,id, name)
    
    if (oType=="ZXC")
    {
        $("#optGallerySortBy option[value='2']").attr("disabled",false);
//        if (id=="-1"){ rssType="r"}
//        else if (id=="-2"){ rssType="v"}
//        else {rssType="g"}
        
    }
    else if (oType=="ZXCP")
    {
        $("#optGallerySortBy option[value='2']").attr("disabled",false);
//        if (id=="-10"){ rssType="r"}
//        else if (id=="-20"){ rssType="v"}
//        else {rssType="g"}
        
    }
    else if ((oType=="ZXM") || (oType=="ZXMP") || (oType=="ZXL") || (oType=="ZXLC") || (oType=="ZXVM") || (oType=="ZXVMC"))
    {
        $("#optGallerySortBy option[value='2']").attr("disabled",true);
//        rssType="u";
    }
    
//    if (oType=="ZXC" || oType=="ZXCP" || oType=="ZXM" )
//    {
//        $("#rssfeed").dropdown();
//        
//        $("#rssfeedTop20").attr("href","Rss.aspx?freq=1&typ=" + rssType + "&val=" + id);
//        $("#rssfeedThisWeek").attr("href","Rss.aspx?freq=2&typ=" + rssType + "&val=" + id);
//        $("#rssfeedThisMonth").attr("href","Rss.aspx?freq=3&typ=" + rssType + "&val=" + id);
//        $("#rssfeedAll").attr("href","Rss.aspx?freq=4&typ=" + rssType + "&val=" + id);
//    }
    
   
    if (vType=="v")
    {
        oTable =$("#vizGallery").dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "bJQueryUI": false,
            "iDisplayLength": 5,
            "iDisplayStart": iStart,
            "bInfo":false,
            "bSort":false,
            "bFilter":false,
            "bLengthChange":false,
            "bAutoWidth":false,
            "bStateSave":false,
            "sDom": '<"wrapper"p><"clear">rt<"wrapper"p>', 
            "sPaginationType":"full_numbers",
            "aoColumns": [{"fnRender": function (oObj) {return processVerticalView(oObj.aData[0],oType,id);},
                             "bUseRendered": true}],
            "fnRowCallback": function( nRow, aData, iDisplayIndex ){$(nRow).attr("class", ""); return nRow;},
            "fnDrawCallback": function(){attachGalleryEvents(oType, bMsg)},
            "oLanguage": {"sInfoPostFix": "","sProcessing": "loading..."},
            "sAjaxSource": (oType == "ZXCGVC"?"ContestData.aspx":"GalleryData.aspx"),
            "fnServerData": function ( sSource, aoData, fnCallback ) 
                            {
                                aoData.push( { "name": encodeURIComponent(oType), "value": encodeURIComponent(id) } );
                                aoData.push( { "name": "sViewType", "value": encodeURIComponent(vType)} );
                                aoData.push( { "name": "sSortBy", "value": encodeURIComponent(sSortBy)} );
                                $.ajax( {
                                "dataType": 'json',
                                "cache":false,
                                "type": "GET",
                                "url": sSource,
                                "data": aoData ,
                                "success": fnCallback
                                } );
                            }
                            });	             
    }
    else if (vType=="g")
    {
    
        oTable =$("#vizGallery").dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "bJQueryUI": false,
            "iDisplayLength": 3,
            "iDisplayStart": iStart,
            "bInfo":false,
            "bSort":false,
            "bFilter":false,
            "bLengthChange":false,
            "bAutoWidth":false,
            "bStateSave":false,
            "sDom": '<"wrapper"p><"clear">rt<"wrapper"p>', 
            "sPaginationType":"full_numbers",
            "aoColumns": [ 
                            {"fnRender": function (oObj) {return processGridView(oObj.aData[0],oType,id);},
                             "bUseRendered": true },		                                     
                             {"fnRender": function (oObj) {return processGridView(oObj.aData[1],oType,id);},
                             "bUseRendered": true},
                             {"fnRender": function (oObj) {return processGridView(oObj.aData[2],oType,id);},
                             "bUseRendered": true},		                                     
                             {"fnRender": function (oObj) {return processGridView(oObj.aData[3],oType,id);},
                             "bUseRendered": true},		                                     
                             {"fnRender": function (oObj) {return processGridView(oObj.aData[4],oType,id);},
                             "bUseRendered": true}
                          ],
              
              "fnRowCallback": function( nRow, aData, iDisplayIndex ) {$(nRow).attr("class", "");return nRow;},
              "fnDrawCallback": function(){attachGalleryEvents(oType,bMsg)},
              "oLanguage": {"sInfoPostFix": "","sProcessing": "loading..."},
              "sAjaxSource": (oType == "ZXCGVC"?"ContestData.aspx":"GalleryData.aspx"),
              "fnServerData": function ( sSource, aoData, fnCallback ) {
                 aoData.push( { "name": encodeURIComponent(oType), "value": encodeURIComponent(id) } );
                 aoData.push( { "name": "sViewType", "value": encodeURIComponent(vType) } );
                 aoData.push( { "name": "sSortBy", "value": encodeURIComponent(sSortBy)} );
                $.ajax( {
                "dataType": 'json',
                "cache":false,
                "type": "GET",
                 //beforeSend: function(){ $("#loading").show();$("#contentGalleryCommunity").hide();}, 
                "url": sSource,
                "data": aoData ,
                 //complete: function(){ $("#loading").hide();$("#contentGalleryCommunity").show();}, 
                "success": fnCallback
                } );
                }
             });
             
            
       } 
       
       $("#SearchArea #imgSearch").bind("click", function(e)
{
    var searchText=$("#txtSearch").val();
    searchText = $.URLEncode($.trim(searchText));
    if (searchText.length>0)
    {
        PageURLUpdate("oType=ZXS&id=" + searchText + "&name=" + searchText + "&sSortBy=4&iStart=0","search" );
    }
});
$("#SearchArea #txtSearch").bind('focusin',function(e)
{
    if($(this).val()=="search canvas")
    {
        $(this).val("");
        $(this).removeClass("txtSearchWM");
        $(this).addClass("txtSearch");
    };

});
$("#SearchArea #txtSearch").bind('focusout',function(e)
{
    if($(this).val()=="") {clearSearchText();};
});
$("#SearchArea #txtSearch").bind("keydown",function(e){
    var keycode=e.keyCode||e.which;
    $("#txtSearch").focusin();
    if (keycode == 13)
    {
        $("#SearchArea #imgSearch").click();
        e.preventDefault();
    }
});



}

	
function loadGalleryNavigation(oType,id,name)
{
    if (oType == "ZXCGVC")
        return;
        
    var sNavHTML="";
    
    sNavHTML = '<div style="height:35px;"><div style="display:block; float:left; margin-right:20px;">';
   
    if(oType=="ZXC" || oType=="ZXCP" || oType=="ZXM" || oType=="ZXS" || oType=="ZXMP")
    {
        if(oType=="ZXCP" ||  oType=="ZXMP")
        {
            sNavHTML +='<a   href="#p=gallery&oType=ZXCP&id=-10&sSortBy=4" rel="history" id="galleryNavAll" title="pro gallery" style="color:#333333;">Pro Gallery</a>';
            sNavHTML +='&nbsp;&nbsp;|&nbsp;&nbsp;<a   href="#p=gallery&oType=ZXC&id=-1&sSortBy=4" rel="history" id="galleryNavAll" title="creative gallery" style="color:#cccccc;">Creative Gallery</a>';
        }
        else
        {
            sNavHTML +='<a   href="#p=gallery&oType=ZXCP&id=-10&sSortBy=4" rel="history" id="galleryNavAll" title="pro gallery" style="color:#cccccc;">Pro Gallery</a>';
            sNavHTML +='&nbsp;&nbsp;|&nbsp;&nbsp;<a   href="#p=gallery&oType=ZXC&id=-1&sSortBy=4" rel="history" id="galleryNavAll" title="creative gallery" style="color:#333333;">Creative Gallery</a>';
        }        
    }
    else if ((oType=="ZXF") || (oType=="ZXFC") || (oType=="ZXVF") || (oType=="ZXVFC"))
    {
        sNavHTML +='<a   href="#p=gallery&oType=' + (((oType=="ZXF") || (oType=="ZXFC"))?"ZXL":"ZXVM") +'&id=666666&sSortBy=4" rel="history" id="galleryNavMG" title="my gallery" style="color:#cccccc;">'+ uloginname +'\'s gallery</a>';   
        sNavHTML +='&nbsp;&nbsp;|&nbsp;&nbsp;<a  href="#p=gallery&oType=' + (((oType=="ZXF") || (oType=="ZXFC"))?"ZXF":"ZXVF") +'&id=666666&sSortBy=4" rel="history" id="galleryNavFav" title="favorites" style="color:#333333;">favorites</a>';
    }
    else if ((oType=="ZXL") || (oType=="ZXLC") || (oType=="ZXVM") || (oType=="ZXVMC"))
    {
        sNavHTML +='<a   href="#p=gallery&oType=' + (((oType=="ZXL") || (oType=="ZXLC"))?"ZXL":"ZXVM") +'&id=666666&sSortBy=4" rel="history" id="galleryNavMG" title="my gallery" style="color:#333333;">'+ uloginname +'\'s gallery</a>';   
        sNavHTML +='&nbsp;&nbsp;|&nbsp;&nbsp;<a  href="#p=gallery&oType=' + (((oType=="ZXL") || (oType=="ZXLC"))?"ZXF":"ZXVF") +'&id=666666&sSortBy=4" rel="history" id="galleryNavFav" title="favorites" style="color:#cccccc;">favorites</a>';
    }
    
    sNavHTML +='</div><div id="SearchArea" style="display:block;float:left;">';
    sNavHTML +='<input type="text" id="txtSearch" value="search canvas" class="txtSearchWM" maxlength="500" />';
    sNavHTML +='<img id="imgSearch" src="_shared/images/Search.jpg" style="margin-top:2px;" alt="search canvases" /></div></div>';


    $("#contentNavigation").html(sNavHTML);
    $("#contentNavigation").show();
}

function loadGalleryHeader(oType)
{
    var sHeaderHTML="";
   
    sHeaderHTML +='<div><span style="display:block;padding-top:2px; padding-left:10px; float:left;">Sort by:</span>';
    //sHeaderHTML +='<div><img id="ThumbnailView" alt="Thumbnail View" rel="history" title="Thumbnail View"  style="cursor:pointer;"  src="_shared/images/Grid.gif">';
   // sHeaderHTML +='&nbsp;<img id="ListView"  style="cursor:pointer;" alt="List View" rel="history" title="List View" src="_shared/images/List.gif">';
    sHeaderHTML +='&nbsp;&nbsp;<select id="optGallerySortBy" style="width:110px;"><option value="0">sort by</option><option value="4">newest</option><option value="1">oldest</option><option value="2">creator</option><option value="6">most viewed</option></select>';
    sHeaderHTML +='&nbsp;&nbsp;<select id="optGalleryMoreActions" style="width:140px;"><option value="0">more actions</option>';
    if ((oType=="ZXF") || (oType=="ZXFC"))
        sHeaderHTML +='<option value="8">delete from favorites</option>';
    else
        sHeaderHTML +='<option value="1">add to favorites</option>';
    sHeaderHTML +='<option value="2">share</option>';
    if ((oType=="ZXL") || (oType=="ZXLC"))
    {
        sHeaderHTML +='<option value="3">delete canvas</option><option value="9">edit canvas</option><option value="6">private to public</option><option value="7">public to private</option>';
    }
    sHeaderHTML +='</select>&nbsp;&nbsp;</div>';
//    if (oType=="ZXC" || oType=="ZXCP" || oType=="ZXM" )
//        sHeaderHTML +='<div style="float:left;vertial-align:middle"><ul id="rssfeed"><li style="width:17px"><img id="imgRSSfeed" alt="rss feed" style="cursor:pointer"  tooltip="rss feed" src="_shared/images/rss.gif"><ul><li><a id="rssfeedTop20" target="_blank">top 20</a></li><li><a id="rssfeedThisWeek" target="_blank">this week</a></li><li><a id="rssfeedThisMonth"  target="_blank">this month</a></li><li><a id="rssfeedAll" target="_blank">all</a></li></ul></li></ul></div>';
//    
//    sHeaderHTML +='<div style="float:left">&nbsp;&nbsp;<span class="CheckAllGallery"><input id="chkAllGallery" value=""  type="checkbox" />check all</span></div>';
    
    if (oType == "ZXCGVC")
    {
        $("#divCGH").html(sHeaderHTML);
        $("#divCGH").show();
    }
    else
    {
        $("#contentHeader").html(sHeaderHTML);
        $("#contentHeader").show();
    }
    //default selected
    if ($.cookie('sSortBy')!=null)
    { 
        $("#optGallerySortBy option[value='" + $.cookie('sSortBy') + "']").attr("selected","selected");
    } 
    else
    {
        $("#optGallerySortBy option[value='4']").attr("selected","selected");
        setCookie('sSortBy',"4"); 
    }
    
    
    $("#ThumbnailView").hover(function(){$(this).attr("src","_shared/images/GridHover.gif")},function(){$(this).attr("src","_shared/images/Grid.gif")});
    $("#ListView").hover(function(){$(this).attr("src","_shared/images/ListHover.gif")},function(){$(this).attr("src","_shared/images/List.gif")});
    
    $("#ThumbnailView").bind("click",function(){PageURLUpdate("vType=g&iStart=0","gallery");});
    $("#ListView").bind("click",function(){PageURLUpdate("vType=v&iStart=0","gallery");});
    
    $("#optGallerySortBy").bind("change",function(){
        if ($("#optGallerySortBy option:selected").val()!="0")
        {
         PageURLUpdate("iStart=0&sSortBy=" +$("#optGallerySortBy option:selected").val(),"gallery" );
        }   
    });
    
    
    
    //$("#chkAllGallery").bind("click",function(){$("#vizGallery input[type='checkbox']").attr('checked', $('#chkAllGallery').is(':checked'));});
    //More Actions
    $("#optGalleryMoreActions").bind("change",function()
    {
       $("div[id$='successMsg']").empty().hide();
       $("div[id$='errorMsg']").empty().hide();
       var count=$("#vizGallery input:checked").length;
       var data="";
       if ($("#optGalleryMoreActions option:selected").val()=="1")
       {
            if(count==0) {$("div[id$='errorMsg']").text("No canvases selected to add to your Favorites.").show()}
            else {
                $("#vizGallery input:checked").each(function(){data+=($(this).val()) +",";});
                addFavorites(data);
            }
            
       }
       else if ($("#optGalleryMoreActions option:selected").val()=="8")
       {
            if(count==0) {$("div[id$='errorMsg']").text("No canvases selected to delete from favorites").show()}
            else {
                $("#vizGallery input:checked").each(function(){data+=($(this).val()) +",";});
                deleteFavorites(data);}
       }
       else if ($("#optGalleryMoreActions option:selected").val()=="3")
       {
            if(count==0) {$("div[id$='errorMsg']").text("No canvases selected to delete.").show()}
            else {
                $("#vizGallery input:checked").each(function(){data+=($(this).val()) +",";});
                deleteCanvases(data);}
       }
       else if ($("#optGalleryMoreActions option:selected").val()=="9")
       {
            if(count==0) {$("div[id$='errorMsg']").text("No canvases selected to delete.").show()}
            else if(count>1) {$("div[id$='errorMsg']").text("Please select one canvas at a time to edit.").show()}
            else {
                $("#vizGallery input:checked").each(function(){data+=($(this).val());});
                window.location="UploadCanvas.aspx?ZXVC="+data;}
       }
       else if ($("#optGalleryMoreActions option:selected").val()=="6")
       {
            if(count==0) {$("div[id$='errorMsg']").text("No canvases selected to change private to public").show()}
            else {
                $("#vizGallery input:checked").each(function(){data+=($(this).val()) +",";});
                PrivateToPublic(data);}
       }
       else if ($("#optGalleryMoreActions option:selected").val()=="7")
       {
            if(count==0) {$("div[id$='errorMsg']").text("No canvases selected to change public to private").show()}
            else {
                $("#vizGallery input:checked").each(function(){data+=($(this).val()) +",";});
                PublicToPrivate(data);}
       }
       else if ($("#optGalleryMoreActions option:selected").val()=="2")
       {
            if(count==0) {$("div[id$='errorMsg']").text("No canvases selected to share.").show()}
            else
            {
                $("#vizGallery input:checked").each(function(){data+=($(this).val()) +",";});
                if(count==1)
                    shareDialog(data, false);
                else
                    shareDialog(data, true);
            }
       }    
       $("#optGalleryMoreActions option[value='0']").attr("selected","selected");
       
    });
    
    if (oType=="ZXL" || oType=="ZXLC" || oType =="ZXF" || oType=="ZXFC")
    {
        $("#optGalleryMoreActions").show();
    }
    else
    {
        $("#optGalleryMoreActions").hide();
    }

}

function processVerticalView(oGalleryInfo,oType, id)
{
    var oRowObj=oGalleryInfo;
    var sRowHtml="";
    var catType="";
    
    if (oRowObj["ContentGUID"] != null)
    {
                 //Catalog
        if ((oType=="ZXVM") || (oType=="ZXVMC"))
            catType="ZXVMC";
        else if ((oType=="ZXVF") || (oType=="ZXVFC"))
            catType="ZXVFC";
        else if ((oType=="ZXL") || (oType=="ZXLC"))
            catType="ZXLC";
        else if ((oType=="ZXMC") || (oType=="ZXMCC"))
            catType="ZXMCC";
        else if ((oType=="ZXMS") || (oType=="ZXMSC"))
            catType="ZXMSC";
        else if ((oType=="ZXF") || (oType=="ZXFC"))
            catType="ZXFC";
        else if ((oType=="ZXFG") || (oType=="ZXFGC"))
            catType="ZXFGC";
        else if ((oType=="ZXCP") || (oType=="ZXMP"))
            catType="ZXCP";
        else
            catType="ZXC";
        
           sRowHtml ='<div class="VVItem">';
           sRowHtml +='<div class="VVImgCol"><a  id="can'+ oRowObj["ContentGUID"] +'" href="' + oRowObj["SubmittedBy"] +'?p=canvas&ZXVC=' + oRowObj["ContentGUID"]  +'&' + oType + '=' + id +'" title="' + oRowObj["ContentTitle"] + '" target="_blank" class="GVThumbLink"><img  alt="' + $.trim(oRowObj["ContentTitle"]) + '"  class="GVThumbImage" src="Upload/Thumb/' + oRowObj["ThumbNailPath"] +'"></a></div>';
           sRowHtml +='<div class="VVDecCol"><a  id="can'+ oRowObj["ContentGUID"] +'" href="' + oRowObj["SubmittedBy"] +'?p=canvas&ZXVC=' + oRowObj["ContentGUID"]  +'&' + oType + '=' + id +'" title="' + oRowObj["ContentTitle"] + '" target="_blank" class="GVTitle">'+oRowObj["ContentTitle"]+'</a>';
           
           if ((oType=="ZXL") || (oType=="ZXLC"))
           {
            sRowHtml +='<br><div class="VVDescriptionMG">' + $.trim(oRowObj["Description"]) + '</div>';
            sRowHtml +='<a  id="del'+ oRowObj["ContentGUID"] +'" title="delete canvas"><img class="imgDelCanvas" id="del'+ oRowObj["ContentGUID"] +'"  alt="delete canvas" src="_shared/images/DeleteCanvas_yellow.png"></a>';
            sRowHtml +='&nbsp;&nbsp;<a  id="edt'+ oRowObj["ContentGUID"] +'" href="' + oRowObj["SubmittedBy"] +'?p=uc&ZXVC=' + oRowObj["ContentGUID"]  +'" title="edit canvas"><img class="imgEdtCanvas" id="edt'+ oRowObj["ContentGUID"] +'"  alt="edit canvas" src="_shared/images/EditCanvas.gif"></a>';
            if (oRowObj["isPrivate"]=="1")
                sRowHtml +='&nbsp;&nbsp;<a  id="pvt'+ oRowObj["ContentGUID"] +'" title="change canvas to public"><img class="imgPvtPubCanvas" id="pvt'+ oRowObj["ContentGUID"] +'"  alt="change canvas to public" src="_shared/images/PrivateToPublic.png"></a>';
            else
                sRowHtml +='&nbsp;&nbsp;<a  id="pub'+ oRowObj["ContentGUID"] +'" title="change canvas to private"><img class="imgPvtPubCanvas" id="pub'+ oRowObj["ContentGUID"] +'"  alt="change canvas to private" src="_shared/images/PublicToPrivate.png"></a>';                                          
           }
           else
           {
            sRowHtml +='<br><div class="VVDescription">' + $.trim(oRowObj["Description"]) + '</div>';
           }
           sRowHtml +='</div>';
           sRowHtml +='<div class="VVSubCol">';
////           if ((oType!="ZXL") && (oType!="ZXLC"))
////           {
////                if(oType == "ZXCP" || oType == "ZXMP")
////                {
////                    sRowHtml +='<span class="VVSubmittedBy">by</span>&nbsp;<a  href="#p=gallery&oType=' + "ZXMP" + '&id=' + oRowObj["MemberGUID"] + '&sSortBy=2&name=' + encodeURIComponent(oRowObj["SubmittedBy"]) + '"  rel="history" id="mem'+ oRowObj["MemberGUID"] +'" title="' + oRowObj["SubmittedBy"] + '" class="VVSubmitted">'+ oRowObj["SubmittedBy"]+'</a><br>';
////                }
////                else 
////                {
////                        sRowHtml +='<span class="VVSubmittedBy">by</span>&nbsp;<a  href="#p=gallery&oType=' + "ZXM" + '&id=' + oRowObj["MemberGUID"] + '&sSortBy=2&name=' + encodeURIComponent(oRowObj["SubmittedBy"]) + '"  rel="history" id="mem'+ oRowObj["MemberGUID"] +'" title="' + oRowObj["SubmittedBy"] + '" class="VVSubmitted">'+ oRowObj["SubmittedBy"]+'</a><br>';
////                }
////           }
////           sRowHtml +='<span class="VVSumbittedDt">'+oRowObj["SumbittedDt"]+'</span><br>';
           sRowHtml +='<a href="#p=gallery&oType=' + catType + '&id=' + oRowObj["CatalogGUID"] + '&sSortBy=4" rel="history" id="cat'+ oRowObj["CatalogGUID"] +'" title="' + oRowObj["CatalogName"] + '" class="VVCatalogTitle">'+oRowObj["CatalogName"]+'</a>';
//           if ((oType=="ZXF") || (oType=="ZXFC"))
//            sRowHtml += '<br><a id="fav'+ oRowObj["ContentGUID"] +'" title="delete from favorite"><img class="imgFavorites" id="fav'+ oRowObj["ContentGUID"] +'" alt="delete from favorite" src="_shared/images/DeleteFavorites.png"></a>';
//           else
//               if((oType!="ZXC") && (oType!="ZXCP")  && (oType!="ZXM"))
//               {
//                 sRowHtml +='<br><a id="fav'+ oRowObj["ContentGUID"] +'" title="add to favorite"><img class="imgFavorites" id="fav'+ oRowObj["ContentGUID"] +'" alt="add to favorite" src="_shared/images/Favorites.png"></a>';
//               } 
//           if((oType!="ZXC") && (oType!="ZXCP")  && (oType!="ZXM"))
//           {    
//                sRowHtml +='&nbsp;&nbsp;<a  id="shr'+ oRowObj["ContentGUID"] +'" title="Share"><img class="imgShare" id="shr'+ oRowObj["ContentGUID"] +'"  alt="Share" src="_shared/images/sharethis.png"></a>';
//           }
//           if ((oType=="ZXL") || (oType=="ZXLC"))
//           {
//            sRowHtml +='&nbsp;&nbsp;<a href="' + oRowObj["DownloadViz"] + '" title="Download ZingZag! Canvas"><img class="imgDownload" title="Download ZingZag! Canvas" src="_shared/images/vizDownload.png" alt="Download ZingZag! Canvas"></a>';
//            //sRowHtml +='&nbsp;&nbsp;<a href="' + oRowObj["DownloadSWF"] + '" title="Download Shockwave Flash(SWF)"><img class="imgDownload" title="Download Shockwave Flash(SWF)" src="_shared/images/SWFDownload.png" alt="Download Shockwave Flash(SWF)"></a>';
//           }
           if(oType=="ZXL" || oType=="ZXLC" || oType =="ZXF" || oType=="ZXFC")
           {
                sRowHtml +='<br><input id="chk' + oRowObj["ContentGUID"] + '" value="' + oRowObj["ContentGUID"] + '"  type="checkbox" />';
           }
           sRowHtml +='</div>';
           sRowHtml +='</div>';

    }
    return sRowHtml;
}
//process gridview
function processGridView(oGalleryInfo,oType,id){
    var oRowObj=oGalleryInfo;
    var sRowHtml="";
    
    if (oRowObj["ContentGUID"] != null)
    {
         if(oType=="ZXL" || oType=="ZXLC" || oType =="ZXF" || oType=="ZXFC")
         {
            sRowHtml ='<div class="GVItem"><input id="chk' + oRowObj["ContentGUID"] + '" value="' + oRowObj["ContentGUID"] + '"  type="checkbox" />';
         }
         else
         {
            sRowHtml ='<div class="GVItem">';
         }
         
         sRowHtml +='<a  id="can' + oRowObj["ContentGUID"] + '" href="' + oRowObj["SubmittedBy"] +'?p=canvas&ZXVC=' + oRowObj["ContentGUID"]  +'&' + oType + '=' + id +'" title="' + oRowObj["ContentTitle"] + '" target="_blank" class="GVTitle">'+GetShrinkContent(oRowObj["ContentTitle"])+'</a><br>';
         
////         if ((oType!="ZXL") && (oType!="ZXLC"))
////         {
////         
////                if(oType == "ZXCP" || oType == "ZXMP")
////                {
////                    sRowHtml +='<span class="GVSubmittedBy">by</span>&nbsp;<a  href="#p=gallery&oType=' + "ZXMP" + '&id=' + oRowObj["MemberGUID"] + '&sSortBy=2&name=' + encodeURIComponent(oRowObj["SubmittedBy"]) + '" rel="history" id="mem'+ oRowObj["MemberGUID"] +'" title="' + oRowObj["SubmittedBy"] + '" class="GVSubmitted">'+GetShrinkContent(oRowObj["SubmittedBy"])+'</a><br>';
////                }
////                else 
////                {
////                    sRowHtml +='<span class="GVSubmittedBy">by</span>&nbsp;<a  href="#p=gallery&oType=' + "ZXM" + '&id=' + oRowObj["MemberGUID"] + '&sSortBy=2&name=' + encodeURIComponent(oRowObj["SubmittedBy"]) + '" rel="history" id="mem'+ oRowObj["MemberGUID"] +'" title="' + oRowObj["SubmittedBy"] + '" class="GVSubmitted">'+GetShrinkContent(oRowObj["SubmittedBy"])+'</a><br>';
////                }
////         }
         sRowHtml +='<a  id="can'+ oRowObj["ContentGUID"]  + '" href="' + oRowObj["SubmittedBy"] +'?p=canvas&ZXVC=' + oRowObj["ContentGUID"]  +'&' + oType + '=' + id +'" title="' + oRowObj["ContentTitle"] + '" target="_blank" class="GVThumbLink"><img  alt="' + $.trim(oRowObj["ContentTitle"]) + '"  class="GVThumbImage" src="Upload/Thumb/' + oRowObj["ThumbNailPath"] +'"></a>';
         
         
//         if ((oType=="ZXF") || (oType=="ZXFC"))
//            sRowHtml +='&nbsp;&nbsp;<a id="fav'+ oRowObj["ContentGUID"] +'" title="delete from favorite"><img class="imgFavorites" id="fav'+ oRowObj["ContentGUID"] +'" alt="delete from favorite" src="_shared/images/DeleteFavorites.png"></a>';
//         else
//            if((oType!="ZXC") && (oType!="ZXCP") && (oType!="ZXM"))
//            {
//                sRowHtml +='&nbsp;&nbsp;<a id="fav'+ oRowObj["ContentGUID"] +'" title="add to favorite"><img class="imgFavorites" id="fav'+ oRowObj["ContentGUID"] +'" alt="add to favorite" src="_shared/images/Favorites.png"></a>';
//            }
//         if((oType!="ZXC") && (oType!="ZXCP") && (oType!="ZXM"))
//         {   
//            sRowHtml +='&nbsp;&nbsp;<a  id="shr'+ oRowObj["ContentGUID"] +'" title="Share"><img class="imgShare" id="shr'+ oRowObj["ContentGUID"] +'"  alt="Share" src="_shared/images/sharethis.png"></a>';
//         }
         sRowHtml +='</div></div>';
    }
    return sRowHtml;
}
     
function attachGalleryEvents(oType,bMsg)
{
    clearSearchText();
    processPaging(oTable, "#vizGallery");
    $("#loading").hide();
    //$('#chkAllGallery').attr('checked',false);
    $("#vizGallery thead").remove(); //removing unwanted Row for Table Head

    oSettings= oTable.fnSettings();
    if (oSettings._iRecordsTotal==-1)
    {
        $('#contentArea').empty().hide();
        $("div[id$='successMsg']").empty().hide();
        if (oType == "ZXCGVC")
        { 
            $("#divCGC").empty().hide();
            $("#divCGH").empty().hide();
        }
        else
        {
            $("#contentHeader").hide();
            $("#contentNavigation").hide();
            $("#contentArea").empty().hide();
        }
        $("div[id$='errorMsg']").text("protected based on user's privacy settings").show();
    }
    else if ($("#vizGallery .dataTables_empty").is("td"))
    {
        if (oType == "ZXCGVC")
        { 
            $("#divCGC").empty().hide();
            $("#divCGH").empty().hide();
        }
        else if ((oType=="ZXVM") ||(oType=="ZXVF") )
        {
           $("#contentHeader").hide();
           $("#contentVanityArea").empty().hide();
        }
        else
        {
            $("#contentHeader").hide();
            $("#contentArea").empty().hide();
        }
        if (bMsg==false)
        {
            if ((oType=="ZXVM") ||(oType=="ZXVF") )
            {
                $("div[id$='successMsg']").empty().hide();        
                $("div[id$='errorMsg']").empty().hide(); 
            }
            else
            {
                $("div[id$='successMsg']").empty().hide();        
                $("div[id$='errorMsg']").text("no canvas available").show();
            }
        }
        
    }
    else
    {
        if (oType == "ZXCGVC")
        { 
            $("#divCGC").show();
            $("#divCGH").show();
        }
        else
        {
            $("#contentHeader").show();
            $("#contentArea").show();
        }
        //Hover Color for each item
        $("#vizGallery div.GVItem").hover(function(){$(this).css("background-color","#d8e9ed")},function(){$(this).css("background-color","#ffffff")});
        $("#vizGallery div.VVItem").hover(function(){$(this).css("background-color","#d8e9ed")},function(){$(this).css("background-color","#ffffff")});
//        //Favorites
//        if ((oType=="ZXF") || (oType=="ZXFC"))
//            $("#vizGallery a[id^='fav']").each(function(index){$(this).bind("click",{"id":$(this).attr("id").replace("fav",""),name:""},function(e){deleteFavorites(e.data["id"]);});});
//        else
//            $("#vizGallery a[id^='fav']").each(function(index){$(this).bind("click",{"id":$(this).attr("id").replace("fav",""),name:""},function(e){addFavorites(e.data["id"]);});});
        //delete canvas
        $("#vizGallery a[id^='del']").each(function(index){$(this).bind("click",{"id":$(this).attr("id").replace("del",""),name:""},function(e){deleteCanvases(e.data["id"]);});});
        //private to public
        $("#vizGallery a[id^='pvt']").each(function(index){$(this).bind("click",{"id":$(this).attr("id").replace("pvt",""),name:""},function(e){PrivateToPublic(e.data["id"]);});});
        //public to private
        $("#vizGallery a[id^='pub']").each(function(index){$(this).bind("click",{"id":$(this).attr("id").replace("pub",""),name:""},function(e){PublicToPrivate(e.data["id"]);});});
//        //share
//        $("#vizGallery a[id^='shr']").each(function(index){$(this).bind("click",{"id":$(this).attr("id").replace("shr",""),name:""},function(e){shareDialog(e.data["id"]);});});
    }
}



function GetShrinkContent(content){var str = $.trim(content); if (str.length > 9){str= str.substring(0, 9) + "...";}return str; }      
function setCookie(name,value){$.cookie(name, value, { expires: null,path: '/' })}
function addFavorites(data){$("div[id$='successMsg']").empty().hide();$("div[id$='errorMsg']").empty().hide();$.ajax({type: "POST",url: "addFavorits.aspx",data: "ZXF="+encodeURIComponent(data),dataType: 'json',"cache":false,error:function(response){$("div[id$='errorMsg']").text(response["msg"]).show()},success: function(response){if (response["status"]=="1"){$("div[id$='successMsg']").text(response["msg"]).show()}else if (response["status"]=="2"){$("div[id$='errorMsg']").text(response["msg"]).show()}else if(response["status"]=="0"){window.location="MemberLogin.aspx?isLogReq=1";}}});}
function deleteFavorites(data) {confirmDialog("delete favorite(s)", "are you sure want to delete favorite(s)?", "deleteFavorites.aspx",   "ZXFD="+data);}
function deleteCanvases(data){ confirmDialog("delete canvas(es)", "are you sure want to delete canvas(es)?", "deleteCanvases.aspx",   "ZXVCD="+data);}

function PrivateToPublic(data)
{
    $("div[id$='successMsg']").empty().hide();
    $("div[id$='errorMsg']").empty().hide();
    $.ajax({
        type: "POST",
        url: "convertPvtToPub.aspx",
        data: "ZXPTPB="+encodeURIComponent(data),
        dataType: 'json',
        "cache":false,
        error:function(response){$("div[id$='errorMsg']").text(response["msg"]).show()},
        success: function(response)
        {
            if (response["status"]=="1"){$("div[id$='successMsg']").text(response["msg"]).show();loadGallery(true);}
            else if (response["status"]=="2"){$("div[id$='errorMsg']").text(response["msg"]).show()}
            else if(response["status"]=="0"){window.location="MemberLogin.aspx?isLogReq=1";}
            
        }
        });
}

function PublicToPrivate(data)
{
    $("div[id$='successMsg']").empty().hide();
    $("div[id$='errorMsg']").empty().hide();
    $.ajax({
        type: "POST",
        url: "convertPvtToPub.aspx",
        data: "ZXPTPR="+encodeURIComponent(data),
        dataType: 'json',
        "cache":false,
        error:function(response){$("div[id$='errorMsg']").text(response["msg"]).show()},
        success: function(response)
        {
            if (response["status"]=="1"){$("div[id$='successMsg']").text(response["msg"]).show();loadGallery(true);}
            else if (response["status"]=="2"){$("div[id$='errorMsg']").text(response["msg"]).show()}
            else if(response["status"]=="0"){window.location="MemberLogin.aspx?isLogReq=1";}
            
        }
        });
}
//Loading Gallery Area Ends


//Loading My Community Area Starts

function loadMyCommunity()
{
    var strH = "";
    var strHTM = "";
    var iStart=1;
    var mystats = "";

    if ($.cookie('iDisplayStart')!=null){ iStart =parseInt($.cookie('iDisplayStart'));}
  //  $("#contentArea").removeClass("moveGalleryTop");
    
    //$("#loading").show();
    $('#contentArea').empty().hide();
    $("div[id$='successMsg']").empty().hide();
    $("div[id$='errorMsg']").empty().hide();   
    $("#contentNavigation").html("My Friends, Community Subscribers & Subscriptions</br></br>").show();
    $("#contentHeader").hide();
    loadLeftMenu('zsm',false,"mymCommunity");
    $("a#mymSubscriptions").addClass("lmLinkSel"); $("a#mymSubscribers").addClass("lmLinkSel");
    $('#contentArea').css("min-height", "650px");
    $('.contentCommunity').css("padding-bottom", "0px");
    strH += "<div id=\"mcRightArea\" class=\"mcRightArea\">";
    strH += "<div id=\"SearchFriendsArea\"><div class='contentNavigation'>Search Friends</div><span class=\"searchFrSpan\" style=\"padding:0px 5px 0px 0px;\"><input type=\"text\" id=\"txtSearchFriends\" value=\"search friends by name (or) email\" class=\"txtSearchFrWM\" maxlength=\"200\" /></span>"
    strH += "<span class=\"searchFrSpan\"><a id=\"lnksearchFriends\"   ><img id=\"imgSearchFriends\" src=\"_shared/images/Orange_Go_btn.png\" alt=\"search friends\" /></a></span></div>";
    strH += "<br/><div style='width:315px;'><br/><div class='contentNavigation'>invite friends</div>";
    strH += "<div><textarea type='text' id='txtToEmails' class='inputToEmailWM'>use commas (,) to separate email addresses</textarea></div>";
    strH += "<div style='width:300px; text-align:right; padding-top:10px; padding-bottom:5px;'><input id='btnffsubmit' class=\"buttonStyle\" style=\"cursor:pointer;\" type=\"button\" value='invite friends'/>&nbsp;<input id='btnffreset' class=\"buttonStyle\" style=\"cursor:pointer;\" type=\"button\" value='reset'/></div>";    
    strH += "<div style='display:inline-block; width:300px; float;left;padding:5px'><font class=\"lblCaption2\">import</font> <font class=\"lblCaption1\">from email service</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font class=\"lblCaption2\">import</font> <font class=\"lblCaption1\">from zingzag!</font><br/><a id='ffGmail' style='border:0; text-decoration:none;;cursor:pointer;' ><img id='ffGmail1' src='_shared/images/Gmail.png' alt='gmail' border='0' /></a>&nbsp;";
    strH += "<a id='ffyahoo' style='border:0; text-decoration:none;;cursor:pointer;' ><img id='ffyahoo1'src='_shared/images/Yahoo.png' alt='yahoo' border='0' /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id='ffzingzag' style='border:0; text-decoration:none;;cursor:pointer;' ><img id='ffzingzag1' src='_shared/images/zingzag.png' alt='zingzag' border='0' /></a><br/>";
    strH += "<a id='ffhotmail' style='border:0; text-decoration:none;;cursor:pointer;' ><img id='ffhotmail1' src='_shared/images/Hotmail.png' alt='hotmail' border='0' /></a>&nbsp;";
    strH += "<a id='ffaol' style='border:0; text-decoration:none;cursor:pointer;' ><img id='ffaol1' src='_shared/images/Aol.png' alt='aol' border='0' /></a>&nbsp;</div></div>";
    
        
    $('#contentArea').html(strH);
    $('#contentArea').append( "<div class=\"mcLeftArea\"><div class='contentNavigation'>my community activities</div><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"  id=\"vizMyCommunity\" ></table></div>" );
    
    $("a#lnksearchFriends").bind("click",function(e)
    {
        $("div[id$='shrSuccessMsg']").empty().hide();
        $("div[id$='shrErrorMsg']").empty().hide();        
        if($("#txtSearchFriends").val()=="")
        {
            $("div[id$='errorMsg']").html("search friends by name (or) email address is required").show();
            if (($.trim($("#txtSearchFriends").val())=="")){$("#txtSearchFriends").focus();}
            return;
        }
        
        findFriends($("#txtSearchFriends").val());
    });
    
    $("#txtSearchFriends").bind('focusin',function(e)
    {
        if($(this).val()=="search friends by name (or) email")
        {
            $(this).val("");
            $(this).removeClass("txtSearchFrWM");
            $(this).addClass("txtSearchFr");
        };

    });
    
    $("#txtSearchFriends").bind('focusout',function(e)
    {
        if($(this).val()=="") {clearSearchFrText("#txtSearchFriends");};
    });
    
    $("#txtSearchFriends").bind("keydown",function(e){
        var keycode=e.keyCode||e.which;
        $("#txtSearchFriends").focusin();
        if (keycode == 13)
        {
            $("a#lnksearchFriends").click();
            e.preventDefault();
        }
    });
                
    MyCommunityRightSide('#mcRightArea');
    

  
    strHTM += "</div><br/>";
    $('#mcRightArea').append(strHTM);
    $('#mcRightArea').append("<br style='clear:both;'/><br/><b>my stats:</b><br/>");     

     $.ajax({
        type: "POST",
        url: "GetProfileData.aspx",
        dataType: 'json',
        error:function(response){},
        success: function(response)
        {          
            $('#mcRightArea').append(response["mystats"]+"<br/><br/>");   
        }        
        });
        
    
    $("#ffGmail").bind("click","gmail.com",function(e){disfindfriends("gmail.com");});
    $("#ffyahoo").bind("click","yahoo",function(e){disfindfriends("yahoo.com");});
    $("#ffhotmail").bind("click","hotmail.com",function(e){disfindfriends("hotmail.com");});
    $("#ffaol").bind("click","aol.com",function(e){disfindfriends("aol.com");});
    $("#ffzingzag").bind("click","zingzag",function(e){dZingZagImport("#divImportZingZag", false,0, "invite friends");});
     
    $("#ffGmail1").bind("click","gmail.com",function(e){disfindfriends("gmail.com");});
    $("#ffyahoo1").bind("click","yahoo",function(e){disfindfriends("yahoo.com");});
    $("#ffhotmail1").bind("click","hotmail.com",function(e){disfindfriends("hotmail.com");});
    $("#ffaol1").bind("click","aol.com",function(e){disfindfriends("aol.com");});
    $("#ffzingzag1").bind("click","zingzag",function(e){$("#ffzingzag").click();});
   
    $("#btnffreset").bind("click",function(e){$("#txtToEmails").val("");});
    $("#btnffsubmit").bind("click",function(e)
    {
    
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").empty().hide();
        
        if(($.trim($("#txtToEmails").val())==""))
        {
            $("div[id$='errorMsg']").html("email address required for invite").show();
            $("a[id$='HeaderLogo']").focus();
            return;
        }
        
         $("input#btnffsubmit").attr("disabled", "disabled");
         $("input#btnffreset").attr("disabled", "disabled");
         $("input#btnffsubmit").val("processing");

         $.ajax({
                type: "POST",
                url: "ImportContactsByEmailForInvite.aspx",
                data: "emails=" + encodeURIComponent($("#txtToEmails").val()),
                dataType: 'json',
                "cache":false,
                error:function(response){$("div[id$='errorMsg']").html(response["status"]["msg"]).show();$("input#btnffreset").removeAttr("disabled");$("#btnffsubmit").removeAttr("disabled");$("#btnffsubmit").val("Invite Friends");},
                success: function(response)
                {
                      if(response["status"]["code"]=="1")
                      {
                           pICInvites(response,false,0, "invite friends");
                      }
                      else if(response["status"]["code"]=="0")
                      {
                        $("div[id$='errorMsg']").html(response["status"]["msg"]).show();
                      } 
                      
                      $("input#btnffsubmit").removeAttr("disabled");
                      $("input#btnffreset").removeAttr("disabled");
                      $("input#btnffsubmit").val("Invite Friends");
                }
            });
    });
    
    //To Emails starts
    $("#txtToEmails").bind('focusin',function(e)
    {
    if($(this).val()=="use commas (,) to separate email addresses")
    {
        $(this).val("");
        $(this).removeClass("inputToEmailWM");
        $(this).addClass("inputToEmail");
    };

    });
    $("#txtToEmails").bind('focusout',function(e)
    {
    if($(this).val()=="") {clearToEmailText();};
    });

    //To Emails Ends
    isDTLoadedFresh=true;
    oTable=$("#vizMyCommunity").dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "iDisplayLength": 10,
            "iDisplayStart": iStart,
            "bInfo":false,
            "bSort":false,
            "bFilter":false,
            "bLengthChange":false,
            "bAutoWidth":false,
            "bStateSave":false,
            "sDom": '<"wrapper"p><"clear">rt<"wrapper"p>',
             "sPaginationType":"full_numbers",
            "aoColumns": [ 
                            {"fnRender": function (oObj) {return processMyCommunityView(oObj.aData[0]);},
                             "bUseRendered": true }	                                     
                          ],
              
              "fnRowCallback": function( nRow, aData, iDisplayIndex ) {$(nRow).attr("class", "");return nRow;},
              "fnDrawCallback": function(){attachMyCommunityEvents()},
            "sAjaxSource": "MyCommunityData.aspx",
             "oLanguage": {"sInfoPostFix": "","sProcessing": "loading..."},
            "fnServerData": function ( sSource, aoData, fnCallback ) {
                $.ajax( {
                "dataType": 'json',
                "cache":false,
                "type": "GET",
                "url": sSource,
                "data": aoData ,
                "success": fnCallback
                } );
                }
             });
}

function processMyCommunityView(oMyCommInfo)
{
    var sRowHtml="";
    if (oMyCommInfo["TypeGUID"] == 55001)
    {
           sRowHtml ="<div class='mcContent'><br/>";
           sRowHtml = sRowHtml + "<a class='mcLink' href='" + oMyCommInfo["FriendMemberNickName"] + "'>" +  oMyCommInfo["FriendMemberNickName"] + "</a> and ";
           sRowHtml = sRowHtml + "<a class='mcLink' href='" + oMyCommInfo["FriendwithMemberNickName"] + "'>" +  oMyCommInfo["FriendwithMemberNickName"] + "</a> are now friends<br> "; 
           sRowHtml = sRowHtml + "<font color='#cccccc'>" + oMyCommInfo["CreatedDt"] +  " </font>";
           if(oMyCommInfo["Status"] == 1)
           {
                sRowHtml = sRowHtml + "<font class='mcContentSep'> / </font><a id='addFr"+ oMyCommInfo["FriendwithMemberGUID"] +"' value=\"" + oMyCommInfo["FriendwithMemberNickName"] +"\" title='add as friend' style='cursor:pointer;'><font class='mcLink2'> add as friend! </font></a></div>"  ; 
           }
    }    
    else if (oMyCommInfo["TypeGUID"] == 55002)
    {
            sRowHtml ="<div class='mcContent'><br/><div class='mcImgCol' style='height:100px; width:110px; float:left;'>";
            sRowHtml += "<a  href='"+ oMyCommInfo["SubmittedBy"]  +"?p=canvas&ZXVC=" + oMyCommInfo["ContentGUID"]  +"' target=\"_blank\"><img  alt='" + $.trim(oMyCommInfo["ContentTitle"]) + "' src='Upload/Thumb/" + oMyCommInfo["Thumbnail"] +"'></a>";
            sRowHtml += "</div><div class='mcDecCol'>";
            sRowHtml += "<a class='mcLink' href='" + oMyCommInfo["FriendMemberNickName"] + "'>" +  oMyCommInfo["FriendMemberNickName"] + "</a> posted a canvas called ";
            sRowHtml += "<a class='mcLink' target=\"_blank\" href='"+ oMyCommInfo["SubmittedBy"]  +"?p=canvas&ZXVC=" + oMyCommInfo["ContentGUID"] + "'>" +  oMyCommInfo["ContentTitle"] + "</a><br> "; 
            sRowHtml += "<font color='#cccccc'>" + oMyCommInfo["CreatedDt"] +  " </font><font class='mcContentSep'> / </font><a class='mcLink' target=\"_blank\" href='"+ oMyCommInfo["SubmittedBy"]  +"?p=canvas&ZXVC=" + oMyCommInfo["ContentGUID"] + "'><font class='mcLink2'> leave a comment! </font></a></div></div>"  ; 
    }
    else if (oMyCommInfo["TypeGUID"] == 55003)
    {
            sRowHtml ="<div class='mcContent'><br/><div class='mcImgCol' style='height:100px; width:110px; float:left;'>";
            sRowHtml += "<a target=\"_blank\" href='"+ oMyCommInfo["SubmittedBy"]  +"?p=canvas&ZXVC=" + oMyCommInfo["ContentGUID"]  +"'><img  alt='" + $.trim(oMyCommInfo["ContentTitle"]) + "' src='Upload/Thumb/" + oMyCommInfo["Thumbnail"] +"'></a>";
            sRowHtml += "</div><div class='mcDecCol'>";
            sRowHtml += "<a class='mcLink' href='" + oMyCommInfo["CommentedByMemberNickName"] + "'>" +  oMyCommInfo["CommentedByMemberNickName"] + "</a> commented on  ";
            sRowHtml += "<a class='mcLink' href='" + oMyCommInfo["FriendMemberNickName"] + "'>" +  oMyCommInfo["FriendMemberNickName"] + "</a>'s canvas called ";
            sRowHtml += "<a class='mcLink' target=\"_blank\" href='"+ oMyCommInfo["SubmittedBy"]  +"?p=canvas&ZXVC=" + oMyCommInfo["ContentGUID"] + "'>" +  oMyCommInfo["ContentTitle"] + "</a><br> "; 
            sRowHtml += "<font color='#cccccc'>" + oMyCommInfo["CreatedDt"] +  " </font><font class='mcContentSep'> / </font><a class='mcLink' target=\"_blank\" href='"+ oMyCommInfo["SubmittedBy"]  +"?p=canvas&ZXVC=" + oMyCommInfo["ContentGUID"] + "'><font class='mcLink2'> leave a comment! </font></a></div></div>"  ; 
    }
    else if (oMyCommInfo["TypeGUID"] == 55004)
    {
            sRowHtml ="<div class='mcContent'><br/>";
            sRowHtml = sRowHtml + "<a class='mcLink' href='" + oMyCommInfo["FriendwithMemberNickName"] + "'>" +  oMyCommInfo["FriendwithMemberNickName"] + "</a> subscribed to ";
            sRowHtml = sRowHtml + "<a class='mcLink' href='" + oMyCommInfo["FriendMemberNickName"] + "'>" +  oMyCommInfo["FriendMemberNickName"] + "</a><br> "; 
            sRowHtml = sRowHtml + "<font color='#cccccc'>" + oMyCommInfo["CreatedDt"] +  " </font>";
            if(oMyCommInfo["Status"] == 1)
            {
                sRowHtml = sRowHtml + "<font class='mcContentSep'> / </font><a id='addSub"+ oMyCommInfo["FriendMemberGUID"] +"' value=\"" + oMyCommInfo["FriendMemberNickName"] +"\" title='subscribe' style='cursor:pointer;'><font class='mcLink2'> subscribe! </font></a></div>";
            }
    }
    else if (oMyCommInfo["TypeGUID"] == 55005)
    {
            sRowHtml ="<div class='mcContent'><br/>";
            sRowHtml = sRowHtml + "<a class='mcLink' href='" + oMyCommInfo["FriendwithMemberNickName"] + "'>" +  oMyCommInfo["FriendwithMemberNickName"] + "</a> subscribed to ";
            sRowHtml = sRowHtml + "<a class='mcLink' href='" + oMyCommInfo["FriendMemberNickName"] + "'>" +  oMyCommInfo["FriendMemberNickName"] + "</a><br> "; 
            sRowHtml = sRowHtml + "<font color='#cccccc'>" + oMyCommInfo["CreatedDt"] +  " </font>";
            if(oMyCommInfo["Status"] == 1)
            {
                sRowHtml = sRowHtml + "<font class='mcContentSep'> / </font><a id='addSub"+ oMyCommInfo["FriendwithMemberGUID"] +"' value=\"" + oMyCommInfo["FriendwithMemberNickName"] +"\" title='subscribe' style='cursor:pointer;'><font class='mcLink2'> subscribe! </font></a></div>";
            }
    }        
    return sRowHtml;
}

function attachMyCommunityEvents()
{
    $("#loading").hide();
    clearSearchText();
    processPaging(oTable,"#vizMyCommunity");
    $("#vizMyCommunity thead").remove(); //removing unwanted Row for Table Head
    $("div[id$='successMsg']").empty().hide();
    $("div[id$='errorMsg']").empty().hide();
    $("#contentHeader").hide();
    $("div[id$='successMsg']").width="500px";

    oSettings= oTable.fnSettings();
    if (oSettings._iRecordsTotal==-2)
    {
        window.location="MemberLogin.aspx?isLogReq=1";
    }
    else if ($("#vizMyCommunity .dataTables_empty").is("td"))
    {
        //$('#contentArea').empty().hide();
        $("#contentArea").show();
        $("div[id$='successMsg']").empty().hide();
        //$("div[id$='errorMsg']").text("no community info available").show();
    }
    else
    {
        $("#contentArea").show();
    }
    $("#vizMyCommunity 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 to '" + $(this).attr("value") + "'?", "addFriend.aspx",   "ZXF=" +e.data);});});
    $("#vizMyCommunity a[id^='addSub']").each(function(index){$(this).bind("click",$(this).attr("id").replace("addSub",""),function(e){confirmDialog("subscribe", "do you want to subscribe '" + $(this).attr("value") + "'?", "addsubscription.aspx",   "ZXSUB=" +e.data);});});  
}

function MyCommunityRightSide(appendArea,id)
{
    var sHTML = "";
    var oType = "";
    if(appendArea=="#FriendsArea")
        oType = "FA";
    else
        oType = "VU";
    
    sHTML += '<br><div id="mcRSTab" style="float:left;width:305px;overflow:visible;"><ul><li style=\"width:95px;\"><a href="#mcRSfriends" rel="history">my friends</a></li><li ><a href="#mcRSsubscribers" rel="history" >my subscribers</a></li><li><a href="#mcRSsubscription" rel="history">my subscriptions</a></li></ul>';
    sHTML += '<div id="mcRSfriends" style="width:285px;overflow: hidden"></div>';
    sHTML += '<div id="mcRSsubscribers" style="width:285px;overflow: hidden"></div>';
    sHTML += '<div id="mcRSsubscription" style="width:285px;overflow: hidden"></div>';
    sHTML += '</div>';
    $(appendArea).append(sHTML);
    loadFriendsList(false,appendArea,"#mcRSfriends","FR");
    loadFriendsList(false,appendArea,"#mcRSsubscribers","SR");
    loadFriendsList(false,appendArea,"#mcRSsubscription","SN"); 
    $("#mcRSTab").tabs();
   
}
var oTableFR;
var oTableSR;
var oTableSN;
//Loading Friends ALL
function loadFriendsList(bMsg,dispArea,appendArea,type)
{
    var sHtml = ""
    var tableID="";
    var sDataFile="";
    //var iStart=0;
    isDTLoadedFresh=true;

    //if ($.cookie('iDisplayStart')!=null){ iStart =parseInt($.cookie('iDisplayStart'));}
    $(appendArea).empty();
    if (type=="FR")
    {
        if($.browser.msie) 
            $(appendArea).html( '<div style="display:block;"><table cellpadding="0" cellspacing="0" border="0"  id="vizFriendsList"  ></table></div>');
        else
            $(appendArea).html( '<div style="display:block;"><table cellpadding="0" cellspacing="0" border="0"  id="vizFriendsList"  ></table></div><br style="clear:both">');   
        oTableFR =$("#vizFriendsList").dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "iDisplayLength": 4,
            "bInfo":false,
            "bSort":false,
            "bFilter":false,
            "bLengthChange":false,
            "bAutoWidth":false,
            "bStateSave":false,
            "bPaginate": true,
            "oLanguage": {"oPaginate": {"sFirst": "&lt;&lt;","sLast": "&gt;&gt;","sPrevious": "&lt;","sNext": "&gt;"},"sInfoPostFix": "","sProcessing": "loading..."},
            "sDom": '<"clear">rt<"clear"><"wrapper"p>',
            "sPaginationType":"full_numbers",
            "aoColumns": [ 
                            {"fnRender": function (oObj) { return processFriendsList(oObj.aData[0]);},"bUseRendered": true },
                            {"fnRender": function (oObj) { return processFriendsList(oObj.aData[1]);},"bUseRendered": true },
                            {"fnRender": function (oObj) { return processFriendsList(oObj.aData[2]);},"bUseRendered": true },
                            {"fnRender": function (oObj) { return processFriendsList(oObj.aData[3]);},"bUseRendered": true }	  
                                                                
                         ],
              
          "fnRowCallback": function( nRow, aData, iDisplayIndex ) {$(nRow).attr("class", "");return nRow;},
          "fnDrawCallback": function(){attachFriendsListEvents(type,"#vizFriendsList")},
            "sAjaxSource": "MyVizFriendsData.aspx",
            "fnServerData": function ( sSource, aoData, fnCallback ) {
            aoData.push( { "name":"vType", "value":"g" } );
                $.ajax( {
                "dataType": 'json',
                "cache":false,
                "type": "GET",
                "url": sSource,
                "data": aoData ,
                "success": fnCallback
                } );
                }
             });
       
    }
    else if (type=="SR")
    {
        if($.browser.msie) 
            $(appendArea).html( '<div style="display:block;"><table cellpadding="0" cellspacing="0" border="0"  id="vizSubscribersList"  ></table></div>');
        else
            $(appendArea).html( '<div style="display:block;"><table cellpadding="0" cellspacing="0" border="0"  id="vizSubscribersList" ></table></div><br style="clear:both">');
        oTableSR =$("#vizSubscribersList").dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "iDisplayLength": 4,
            "bInfo":false,
            "bSort":false,
            "bFilter":false,
            "bLengthChange":false,
            "bAutoWidth":false,
            "bStateSave":false,
            "bPaginate": true,
            "oLanguage": {"oPaginate": {"sFirst": "&lt;&lt;","sLast": "&gt;&gt;","sPrevious": "&lt;","sNext": "&gt;"},"sInfoPostFix": "","sProcessing": "loading..."},
            "sDom": '<"clear">rt<"clear"><"wrapper"p>',
            "sPaginationType":"full_numbers",
            "aoColumns": [ 
                            {"fnRender": function (oObj) { return processFriendsList(oObj.aData[0]);},"bUseRendered": true },
                            {"fnRender": function (oObj) { return processFriendsList(oObj.aData[1]);},"bUseRendered": true },
                            {"fnRender": function (oObj) { return processFriendsList(oObj.aData[2]);},"bUseRendered": true },
                            {"fnRender": function (oObj) { return processFriendsList(oObj.aData[3]);},"bUseRendered": true }	  
                                                                
                         ],
              
          "fnRowCallback": function( nRow, aData, iDisplayIndex ) {$(nRow).attr("class", "");return nRow;},
          "fnDrawCallback": function(){attachFriendsListEvents(type,"#vizSubscribersList")},
            "sAjaxSource": "MySubscribersData.aspx",
            "fnServerData": function ( sSource, aoData, fnCallback ) {
            aoData.push( { "name":"vType", "value":"g" } );
                $.ajax( {
                "dataType": 'json',
                "cache":false,
                "type": "GET",
                "url": sSource,
                "data": aoData ,
                "success": fnCallback
                } );
                }
             });
    }
    else if (type=="SN")
    {
        if($.browser.msie) 
            $(appendArea).html( '<div style="display:block;"><table cellpadding="0" cellspacing="0" border="0"  id="vizSubscriptionList"  ></table></div>');
        else
            $(appendArea).html( '<div style="display:block;"><table cellpadding="0" cellspacing="0" border="0"  id="vizSubscriptionList" ></table></div><br style="clear:both">');
        oTableSN =$("#vizSubscriptionList").dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "iDisplayLength": 4,
            "bInfo":false,
            "bSort":false,
            "bFilter":false,
            "bLengthChange":false,
            "bAutoWidth":false,
            "bStateSave":false,
            "bPaginate": true,
            "oLanguage": {"oPaginate": {"sFirst": "&lt;&lt;","sLast": "&gt;&gt;","sPrevious": "&lt;","sNext": "&gt;"},"sInfoPostFix": "","sProcessing": "loading..."},
            "sDom": '<"clear">rt<"wrapper"p>',
            "sPaginationType":"full_numbers",
            "aoColumns": [ 
                            {"fnRender": function (oObj) { return processFriendsList(oObj.aData[0]);},"bUseRendered": true },
                            {"fnRender": function (oObj) { return processFriendsList(oObj.aData[1]);},"bUseRendered": true },
                            {"fnRender": function (oObj) { return processFriendsList(oObj.aData[2]);},"bUseRendered": true },
                            {"fnRender": function (oObj) { return processFriendsList(oObj.aData[3]);},"bUseRendered": true }	  
                                                                
                         ],
              
          "fnRowCallback": function( nRow, aData, iDisplayIndex ) {$(nRow).attr("class", "");return nRow;},
          "fnDrawCallback": function(){attachFriendsListEvents(type,"#vizSubscriptionList")},
            "sAjaxSource": "MySubscriptionData.aspx",
            "fnServerData": function ( sSource, aoData, fnCallback ) {
            aoData.push( { "name":"vType", "value":"g" } );
                $.ajax( {
                "dataType": 'json',
                "cache":false,
                "type": "GET",
                "url": sSource,
                "data": aoData ,
                "success": fnCallback
                } );
                }
             });
    }

}


function processFriendsList(oRowObj)
{
    
     var sHtml="";
    if (oRowObj["VizFriendGUID"] != null ||  oRowObj["VizSubscriptionGUID"] != null)
    {
        sHtml += '<div class="GVFriends">';
        sHtml += '<a  href="' + oRowObj["LoginName"]  +'" title="' + oRowObj["LoginName"]  +'"  class="GVimgPhoto"><img  alt="' + oRowObj["LoginName"]  +'"  class="imgPhoto" src="Upload/Photos/' + oRowObj["PhotoURL"] +'"></a>';
        sHtml += '<br><a class="GVmcLink" style="color:#ff8c37;width:55px;overflow:hidden;" href="' + oRowObj["LoginName"] + '" title="' + oRowObj["LoginName"] + '">' +  GetShrinkNickName(oRowObj["LoginName"]) + '</a>';
        sHtml += '</div>'; 
    }
    return sHtml;
}

function GetShrinkNickName(content){var str = $.trim(content); if (str.length > 9){str= str.substring(0, 9);}return str; }      


function attachFriendsListEvents(type,appendArea)
{   
    var oSettings;
    if (type=="FR")
    {
        processPaging(oTableFR,appendArea);
        $(appendArea +" thead").remove();
        oSettings= oTableFR.fnSettings();
        if (oSettings._iRecordsTotal==-1)
        {
            $("#mcRSfriends").html("<div class='nodataMsg'>protected based on user's privacy settings</div>");
        }
        else if ($(appendArea +" .dataTables_empty").is("td"))
        {
            $("#mcRSfriends").html("<div class='nodataMsg'>no friends available</div>");
        }
        else
        {
            $("#mcRSfriends .lnkMore").detach();
            $("#mcRSfriends").append("<div class='lnkMore'>[ <a style='color:#ff8c37; cursor:pointer;' rel='history' href='#p=myfr&da=" + (appendArea =="#FriendsArea"?"zspot":"mycom") + "' id='lnkMoreFr'>more</a> ]</div>");                    
        }
    }
    else if (type=="SR")
    {
        processPaging(oTableSR,appendArea);
        $(appendArea +" thead").remove();
        oSettings= oTableSR.fnSettings();
        if (oSettings._iRecordsTotal==-1)
        {
            $("#mcRSsubscribers").html("<div class='nodataMsg'>protected based on user's privacy settings</div>");
        }
        else if ($(appendArea +" .dataTables_empty").is("td"))
        {
            $("#mcRSsubscribers").html("<div class='nodataMsg'>no subscribers available</div>");
        }
        else
        {
            $("#mcRSsubscribers .lnkMore").detach();
            $("#mcRSsubscribers").append("<div class='lnkMore'>[ <a style='color:#ff8c37; cursor:pointer;' rel='history' href='#p=mysub&da=" + (appendArea =="#FriendsArea"?"zspot":"mycom") + "' id='lnkMoreSub'>more</a> ]</div>");
        }
    }
    else if (type=="SN")
    {
        processPaging(oTableSN,appendArea);
        $(appendArea +" thead").remove();
        oSettings= oTableSR.fnSettings();
        if (oSettings._iRecordsTotal==-1)
        {
            $("#mcRSsubscription").html("<div class='nodataMsg'>protected based on user's privacy settings</div>");
        }
        else if ($(appendArea +" .dataTables_empty").is("td"))
        {
            $("#mcRSsubscription").html("<div class='nodataMsg'>no subscription available</div>");
        }
        else
        {
            $("#mcRSsubscription .lnkMore").detach();
            $("#mcRSsubscription").append("<div class='lnkMore'>[ <a style='color:#ff8c37; cursor:pointer;' rel='history' href='#p=mysubsr&da=" + (appendArea =="#FriendsArea"?"zspot":"mycom") + "'  id='lnkMoreSubScr'>more</a> ]</div>");
        }
    }
      

}
//End Friends List


function findFriends(data)
{

    var sHtml = ""
    //$("#loading").show();
    $('#contentArea').empty().hide();
    $("div[id$='successMsg']").empty().hide();
    $("div[id$='errorMsg']").empty().hide();
    $("#contentNavigation").html("search friends").show();
    
    
    sHtml = sHtml + "<div id=\"SearchFriendsArea\"><span class=\"searchFrSpan\" style=\"padding:0px 5px 0px 0px;\"><input type=\"text\" id=\"txtSearchFriends1\" value=\"search friends by name (or) email\" class=\"txtSearchFrWM\" maxlength=\"200\" /></span>"
    sHtml = sHtml + "<span class=\"searchFrSpan\"><a id=\"lnksearchFriends1\" ><img id=\"imgSearchFriends\" src=\"_shared/images/Orange_Go_btn.png\" alt=\"search friends\" /></a></span></div>";
    $("#contentHeader").html(sHtml).show();
    $('#contentArea').html( "<div class=\"mcLeftArea\" style=\"float:none;padding-bottom:10px;\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"  id=\"vizFindFriends\" ></table></div>" );
    
        $("a#lnksearchFriends1").bind("click",function(e)
        {
            $("div[id$='shrSuccessMsg']").empty().hide();
            $("div[id$='shrErrorMsg']").empty().hide();        
            if($("#txtSearchFriends1").val()=="")
            {
                $("div[id$='errorMsg']").html("search friends by name (or) email address is required").show();
                if (($.trim($("#txtSearchFriends1").val())=="")){$("#txtSearchFriends1").focus();}
                return;
            }
        
            findFriends($("#txtSearchFriends1").val());
         });
        $("#txtSearchFriends1").bind('focusin',function(e)
        {
            if($(this).val()=="search friends by name (or) email")
            {
                $(this).val("");
                $(this).removeClass("txtSearchFrWM");
                $(this).addClass("txtSearchFr");
            };

        });
        $("#txtSearchFriends1").bind('focusout',function(e)
        {
            if($(this).val()=="") {clearSearchFrText("#txtSearchFriends1");};
        });
        $("#txtSearchFriends1").bind("keydown",function(e){
            var keycode=e.keyCode||e.which;
            $("#txtSearchFriends1").focusin();
            if (keycode == 13)
            {
                $("a#lnksearchFriends1").click();
                e.preventDefault();
            }
        });
        
    oTable= $("#vizFindFriends").dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "iDisplayLength": 10,
            "bInfo":false,
            "bSort":false,
            "bFilter":false,
            "bLengthChange":false,
            "bAutoWidth":false,
            "bStateSave":false,
            "bPaginate": true,
            "sDom": '<"wrapper"p><"clear">rt<"wrapper"p>', 
            "oLanguage": {"sInfoPostFix": "","sProcessing": "loading..."},
            "sPaginationType":"full_numbers",
            "aoColumns": [ 
                            {"fnRender": function (oObj) {return processFindMyVizFriendsView(oObj.aData[0]);},
                             "bUseRendered": true }	                                     
                         ],
              
              "fnRowCallback": function( nRow, aData, iDisplayIndex ) {$(nRow).attr("class", "");return nRow;},
              "fnDrawCallback": function(){attachFindFriendsEvents()},
            "sAjaxSource": "FindMyVizFriendsData.aspx",
            "fnServerData": function ( sSource, aoData, fnCallback ) {
            aoData.push( { "name": "ZXF", "value": data} );
                $.ajax( {
                "dataType": 'json',
                "cache":false,
                "type": "GET",
                "url": sSource,
                "data": aoData ,
                "success": fnCallback
                } );
                }
             });
}

function processFindMyVizFriendsView(oMyFriends)
{
    
    var sRowHtml="";
    var btnRemove="";
    
    sRowHtml ="<div class='divTabData'> <div class=\"mcImgCol\">";
    sRowHtml += "<a  href=\"" + oMyFriends["LoginName"]  +"\" class=\"imgPhoto\"><img  class=\"imgPhoto\" src=\"Upload/Photos/" + oMyFriends["PhotoURL"] +"\"></a>"
    sRowHtml += "</div><div class=\"mcAbtMeCol\" style=\"width:350px;height:55px;overflow:hidden;\">"
    sRowHtml += "<a class=\"mcLink\" href=\"" + oMyFriends["LoginName"] + "\">" +  oMyFriends["LoginName"] + "</a><br>";
    sRowHtml += oMyFriends["AboutMe"] + "</div><div class=\"mcImgDel\" style='width:100px;'>";
    
    if(oMyFriends["FriendStatus"] == 0 && oMyFriends["isEnableAddFriend"] == 1)
    {
        btnRemove = "<a id=\"addFr"+ oMyFriends["MemberGUID"] +"\" value=\"" + oMyFriends["LoginName"] +"\" title=\"add as friend\" style=\"cursor:pointer;\"><img id='imgAddFr' src=\"_shared/images/btAddFr.jpg\" alt=\"add as friend\"/></a>";
    }
    sRowHtml += btnRemove + "</div></div>"  ; 
        
    return sRowHtml;
}

function attachFindFriendsEvents()
{
    $("#loading").hide();
    clearSearchText();
    processPaging(oTable,"#vizFindFriends");
    $("#vizFindFriends thead").remove(); //removing unwanted Row for Table Head
    $("div[id$='successMsg']").empty().hide();
    $("div[id$='errorMsg']").empty().hide();
    $("#contentHeader").show();
    $("a#lnksearchFriends").bind("click",function(e)
    {
        $("div[id$='shrSuccessMsg']").empty().hide();
        $("div[id$='shrErrorMsg']").empty().hide();        
        if($("#txtSearchFriends").val()=="")
        {
            $("div[id$='errorMsg']").html("search friends by name (or) email address is required").show();
            if (($.trim($("#txtSearchFriends").val())=="")){$("#txtSearchFriends").focus();}
            return;
        }
        
        findFriends($("#txtSearchFriends").val());
    });
    if ($("#vizFindFriends .dataTables_empty").is("td"))
    {
        $('#contentArea').empty().hide();
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").text("no friends found for the search text").show();
    }
    else
    {
        $("#contentArea").show();
    }
    $("#vizFindFriends 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 to '" + $(this).attr("value") + "'?", "addFriend.aspx",   "ZXF=" +e.data);});});
}




//Loading Friends ALL
function loadFriendsAllList(bMsg,dispArea)
{
    var sHtml = ""
    isDTLoadedFresh=true; 
    var iStart=0;
    if ($.cookie('iDisplayStart')!=null){ iStart=parseInt($.cookie('iDisplayStart'));}
    //$("#loading").show();
    $('#contentArea').empty().hide();
    if (bMsg!=true)
    {
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").empty().hide();
    }
    $("#contentNavigation").html("my friends").show();
    $("#contentHeader").hide();
    $('#contentArea').html( "<div class=\"mcLeftArea\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"  id=\"vizMyVizFriendsAll\" ></table></div>" );
    oTable =$("#vizMyVizFriendsAll").dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "iDisplayLength": 10,
            "iDisplayStart": iStart,
            "bInfo":false,
            "bSort":false,
            "bFilter":false,
            "bLengthChange":false,
            "bAutoWidth":false,
            "bStateSave":false,
            "bPaginate": true,
            "sDom": '<"wrapper"p><"clear">rt<"wrapper"p>',
            "oLanguage": {"sInfoPostFix": "","sProcessing": "loading..."},
            "sPaginationType":"full_numbers",
            "aoColumns": [ 
                            {"fnRender": function (oObj) 
                            {
                             return processMyVizFriendsAllView(oObj.aData[0]);},
                             "bUseRendered": true }	                                     
                         ],
              
              "fnRowCallback": function( nRow, aData, iDisplayIndex ) {$(nRow).attr("class", "");return nRow;},
              "fnDrawCallback": function(){attachMyVizFriendsAllEvents()},
            "sAjaxSource": "MyVizFriendsData.aspx",
            "fnServerData": function ( sSource, aoData, fnCallback ) {
                $.ajax( {
                "dataType": 'json',
                "cache":false,
                "type": "GET",
                "url": sSource,
                "data": aoData ,
                "success": fnCallback
                } );
                }
             });
}


function processMyVizFriendsAllView(oMyFriendsAll)
{
    
    var sRowHtml="";
    sRowHtml ="<div id='IDREM" + oMyFriendsAll["VizFriendGUID"] + "' class='divTabData'> <div class=\"mcImgCol\">";
    sRowHtml += "<a  href=\"" + oMyFriendsAll["LoginName"]  +"\" class=\"imgPhoto\"><img  class=\"imgPhoto\" src=\"Upload/Photos/" + oMyFriendsAll["PhotoURL"] +"\"></a>"
    sRowHtml += "</div><div class='mcAbtMeCol' style='width:350px;height:55px;overflow:hidden;'>"
    sRowHtml += "<a class=\"mcLink\" href=\"" + oMyFriendsAll["LoginName"] + "\">" +  oMyFriendsAll["LoginName"] + "</a><br>";
    sRowHtml += oMyFriendsAll["AboutMe"] + "</div><div class=\"mcImgDel\" style='width:100px;'>";  
    if (oMyFriendsAll["isSameUser"] == "1")
    {
        sRowHtml += "<a id=\"rem"+ oMyFriendsAll["VizFriendGUID"] +"\" value=\"" + oMyFriendsAll["LoginName"] +"\" title=\"remove friend\" style=\"cursor:pointer;\"><img id='imgRemove' src=\"_shared/images/btRemove.jpg\" alt=\"remove friend\"/></a>";
    }
    else
    {
        sRowHtml += "<img src=\"_shared/images/FriendOffline.png\" alt=\"Offline\"/>";
    }    
    sRowHtml += "</div></div>"; 
        
    return sRowHtml;
}


function attachMyVizFriendsAllEvents()
{   
    //$("#loading").hide();
    clearSearchText();
    processPaging(oTable, "#vizMyVizFriendsAll");
    $("#vizMyVizFriendsAll thead").remove(); //removing unwanted Row for Table Head
//    $("div[id$='successMsg']").empty().hide();
//    $("div[id$='errorMsg']").empty().hide();
    $("#contentHeader").hide();
    
    oSettings= oTable.fnSettings();
    if (oSettings._iRecordsTotal==-1)
    {
        $('#contentArea').empty().hide();
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").text("protected based on user's privacy settings").show();
    }
    else if ($("#vizMyVizFriendsAll .dataTables_empty").is("td"))
    {
        $('#contentArea').empty().hide();
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").text("no friends available").show();
    }
    else
    {
        $("#contentArea").show();
    }
    
    $("#vizMyVizFriendsAll a[id^='rem']").hide();
    $("div[id^='IDREM']").hover(function(){$("#vizMyVizFriendsAll a[id^='rem']").hide();$("#vizMyVizFriendsAll a#rem" + $(this).attr("id").replace("IDREM","")).show();},function(){$("#vizMyVizFriendsAll a[id^='rem']").hide();})
    
    $("#vizMyVizFriendsAll a[id^='rem']").each(function(index){$(this).bind("click",$(this).attr("id").replace("rem",""),function(e){confirmDialog("remove a friend?", "are you sure want to remove '" + $(this).attr("value") + "' from your friends list?", "deleteFriend.aspx",   "ZXFR=" +e.data);});});
}
//End Friends ALL


function confirmDialog(title, message,source, data)
{
    var bRetVal=false;
    $("#dialog").dialog("destroy");
    $("div[role='dialog']").detach();
    $("div[id$='successMsg']").empty().hide();
    $("div[id$='errorMsg']").empty().hide();
    var sHTML ="";
    sHTML += '<div id="dialog-confirm" title="' + title +'">'
	sHTML += '<div style="padding:5px 5px 5px 0px;font-weight:bold;color:#606060; line-height:17px;">' + message +'</div>'
    sHTML += '</div>'     
    var $dialog = $(sHTML)
          .dialog({
			resizable: false,
			height:90,
			width:400,
			modal: true,
			buttons: {
				no : function() {$(this).dialog('close');},
				yes: function() {
				        //var buttons = $dialog.dialog("option", "buttons" );
				        $dialog.dialog({buttons:{"processing": function(){}}});
					    $.ajax({
                        type: "POST",
                        url: source,
                        data: data,
                        dataType: 'json',
                        "cache":false,
                        error:function(response){$("div[id$='errorMsg']").text(response["msg"]).show();$dialog.dialog( "enable" );},
                        success: function(response)
                        {
                            if (response["status"]=="1")
                            {
                                $("div[id$='errorMsg']").empty().hide();
                                $("div[id$='successMsg']").text(response["msg"]).show(); 
                                $dialog.dialog('close');
                                
                                if (source == "deleteFriend.aspx"){loadFriendsAllList(true,"mycom");}
                                else if (source == "deleteSubscriber.aspx" && data.indexOf("ZXSUB") != -1){loadSubscribersAllList(true,"mycom");}
                                else if (source == "deleteSubscriber.aspx" && data.indexOf("ZXSCR") != -1){loadSubscriptionAllList(true,"mycom");}
                                else if (source == "deleteFavorites.aspx"){loadGallery(true);}
                                else if (source == "deleteCanvases.aspx"){loadGallery(true);}
                                else if (source == "DeleteContactsFromAddressBook.aspx"){loadAddressBook("ALL",true);}
                                else if (source == "addFriend.aspx"){$("a#addFr"+data.replace("ZXF=","")).hide();}
                                else if (source == "deleteCanvasReview.aspx"){loadContentReview();}
                                
                                
                            }
                            else if (response["status"]=="2")
                            {
                                $("div[id$='errorMsg']").text(response["msg"]).show();
                                $dialog.dialog('close');
                            }
                            else if(response["status"]=="0")
                            {
                                $dialog.dialog('close');
                                window.location="MemberLogin.aspx?isLogReq=1";
                            }
                            
                        }
                        });
               
				}
			}
		});
		
		
}
//My Subscribers ALL
function loadSubscribersAllList(Msg,dispArea)
{
    var sHtml = ""
    isDTLoadedFresh=true; 
    var iStart=0;
    if ($.cookie('iDisplayStart')!=null){ iStart=parseInt($.cookie('iDisplayStart'));}
    //$("#loading").show();
    $('#contentArea').empty().hide();
    if (Msg!=true)
    {
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").empty().hide();
    }
    $("#contentNavigation").html("my Subscribers").show();
    $("#contentHeader").hide();
    $('#contentArea').html( "<div class=\"mcLeftArea\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"  id=\"SubscribersAll\"></table></div>" );
    oTable=$("#SubscribersAll").dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "iDisplayLength": 10,
            "iDisplayStart": iStart,
            "bInfo":false,
            "bSort":false,
            "bFilter":false,
            "bLengthChange":false,
            "bAutoWidth":false,
            "bStateSave":false,
            "bPaginate": true,
            "sDom": '<"wrapper"p><"clear">rt<"wrapper"p>', 
            "oLanguage": {"sInfoPostFix": "","sProcessing": "loading..."},
            "sPaginationType":"full_numbers",
            "aoColumns": [ 
                            {"fnRender": function (oObj) {return processSubscribersAll(oObj.aData[0]);},
                             "bUseRendered": true }	                                     
                         ],
              
              "fnRowCallback": function( nRow, aData, iDisplayIndex ) {$(nRow).attr("class", "");return nRow;},
              "fnDrawCallback": function(){attachSubscribersAll()},
            "sAjaxSource": "MySubscribersData.aspx",
            "fnServerData": function ( sSource, aoData, fnCallback ) {
                $.ajax( {
                "dataType": 'json',
                "cache":false,
                "type": "GET",
                "url": sSource,
                "data": aoData ,
                "success": fnCallback
                } );
                }
             });
}


function processSubscribersAll(oMySubscribersAll)
{
    var sRowHtml="";
    sRowHtml ="<div id='IDREM" + oMySubscribersAll["VizSubscriptionGUID"] + "' class='divTabData'> <div class=\"mcImgCol\">";
    sRowHtml += "<a  href=\"" + oMySubscribersAll["LoginName"]  +"\" class=\"imgPhoto\"><img  class=\"imgPhoto\" src=\"Upload/Photos/" + oMySubscribersAll["PhotoURL"] +"\"></a>"
    sRowHtml += "</div><div class='mcAbtMeCol' style='width:350px;height:55px;overflow:hidden;'>"
    sRowHtml += "<a class=\"mcLink\" href=\"" + oMySubscribersAll["LoginName"] + "\">" +  oMySubscribersAll["LoginName"] + "</a><br>";
    sRowHtml += oMySubscribersAll["AboutMe"] + "</div><div class=\"mcImgDel\" style='width:100px;'>"; 
    if (oMySubscribersAll["isSameUser"] == "1")
    {
        sRowHtml += "<a id=\"rem"+ oMySubscribersAll["VizSubscriptionGUID"] +"\" value=\"" + oMySubscribersAll["LoginName"] +"\" title=\"remove subscriber\" style=\"cursor:pointer;\"><img id='imgRemove' src=\"_shared/images/btRemove.jpg\" alt=\"remove subscriber\"/></a>";
    }
    else
    {
        sRowHtml += "<img src=\"_shared/images/FriendOffline.png\" alt=\"Offline\"/>";
    }    
        
    return sRowHtml;
}


function attachSubscribersAll()
{   
    $("#loading").hide();
    clearSearchText();
    processPaging(oTable,"#SubscribersAll");
    $("#SubscribersAll thead").remove(); //removing unwanted Row for Table Head
//    $("div[id$='successMsg']").empty().hide();
//    $("div[id$='errorMsg']").empty().hide();
    $("#contentHeader").hide();
    
     oSettings= oTable.fnSettings();
    if (oSettings._iRecordsTotal==-1)
    {
        $('#contentArea').empty().hide();
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").text("protected based on user's privacy settings").show();
    }
    else if ($("#SubscribersAll .dataTables_empty").is("td"))
    {
        $('#contentArea').empty().hide();
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").text("no subscribers available").show();
    }
    else
    {
        $("#contentArea").show();
    }
    $("#SubscribersAll a[id^='rem']").hide();
    $("div[id^='IDREM']").hover(function(){$("#SubscribersAll a[id^='rem']").hide();$("#SubscribersAll a#rem" + $(this).attr("id").replace("IDREM","")).show();},function(){$("#SubscribersAll a[id^='rem']").hide();})

    $("#SubscribersAll a[id^='rem']").each(function(index){$(this).bind("click",$(this).attr("id").replace("rem",""),function(e){confirmDialog("remove subscriber?", "are you sure want to remove '" + $(this).attr("value") + "' from your subscribers list?", "deleteSubscriber.aspx",   "ZXSUB=" +e.data);});});    
}
//End My Subscribers


//My Subscription
function loadSubscriptionAllList(Msg,dispArea)
{
    var sHtml = ""
    isDTLoadedFresh=true; 
    var iStart=0;
    if ($.cookie('iDisplayStart')!=null){ iStart=parseInt($.cookie('iDisplayStart'));}
    //$("#loading").show();
    $('#contentArea').empty().hide();
    if (Msg!=true)
    {
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").empty().hide();
    }
    $("#contentNavigation").html("my subscriptions").show();
    $("#contentHeader").hide();
    $('#contentArea').html( "<div class=\"mcLeftArea\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"  id=\"SubscriptionAll\" ></table></div>" );
    oTable=$("#SubscriptionAll").dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "iDisplayLength": 10,
            "iDisplayStart": iStart,
            "bInfo":false,
            "bSort":false,
            "bFilter":false,
            "bLengthChange":false,
            "bAutoWidth":false,
            "bStateSave":false,
            "bPaginate": true,
            "sDom": '<"wrapper"p><"clear">rt<"wrapper"p>',
            "oLanguage": {"sInfoPostFix": "","sProcessing": "loading..."},
            "sPaginationType":"full_numbers",
            "aoColumns": [ 
                            {"fnRender": function (oObj) {return processSubscriptionAll(oObj.aData[0]);},
                             "bUseRendered": true }	                                     
                         ],
              
              "fnRowCallback": function( nRow, aData, iDisplayIndex ) {$(nRow).attr("class", "");return nRow;},
              "fnDrawCallback": function(){attachSubscriptionAll()},
            "sAjaxSource": "MySubscriptionData.aspx",
            "fnServerData": function ( sSource, aoData, fnCallback ) {
                $.ajax( {
                "dataType": 'json',
                "cache":false,
                "type": "GET",
                "url": sSource,
                "data": aoData ,
                "success": fnCallback
                } );
                }
             });
}


function processSubscriptionAll(oMySubscriptionAll)
{
    var sRowHtml="";
    sRowHtml ="<div id='IDREM" + oMySubscriptionAll["VizSubscriptionGUID"] + "'  class='divTabData'> <div class=\"mcImgCol\">";
    sRowHtml += "<a  href=\"" + oMySubscriptionAll["LoginName"]  +"\" class=\"imgPhoto\"><img  class=\"imgPhoto\" src=\"Upload/Photos/" + oMySubscriptionAll["PhotoURL"] +"\"></a>"
    sRowHtml += "</div><div class='mcAbtMeCol' style='width:350px;height:55px;overflow:hidden;'>"
    sRowHtml += "<a class=\"mcLink\" href=\"" + oMySubscriptionAll["LoginName"] + "\">" +  oMySubscriptionAll["LoginName"] + "</a><br>";
    sRowHtml += oMySubscriptionAll["AboutMe"] + "</div><div class=\"mcImgDel\" style='width:100px;'>"; 

    if (oMySubscriptionAll["isSameUser"] == "1")
    {
        sRowHtml += "<a id=\"rem"+ oMySubscriptionAll["VizSubscriptionGUID"] +"\" value=\"" + oMySubscriptionAll["LoginName"] +"\" title=\"remove subscription\" style=\"cursor:pointer;\"><img id='imgRemove' src=\"_shared/images/btRemove.jpg\" alt=\"remove subscription\"/></a>";
    }
    else
    {
        sRowHtml += "<img src=\"_shared/images/FriendOffline.png\" alt=\"Offline\"/>";
    }    
        
    return sRowHtml;
}


function attachSubscriptionAll()
{   
    $("#loading").hide();
    clearSearchText();
    processPaging(oTable,"#SubscriptionAll");
    $("#SubscriptionAll thead").remove(); //removing unwanted Row for Table Head
//    $("div[id$='successMsg']").empty().hide();
//    $("div[id$='errorMsg']").empty().hide();
    $("#contentHeader").hide();
    
     oSettings= oTable.fnSettings();
    if (oSettings._iRecordsTotal==-1)
    {
        $('#contentArea').empty().hide();
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").text("protected based on user's privacy settings").show();
    }
    else if ($("#SubscriptionAll .dataTables_empty").is("td"))
    {
        $('#contentArea').empty().hide();
        $("div[id$='successMsg']").empty().hide();
        $("div[id$='errorMsg']").text("no Subscription available").show();
    }
    else
    {
        $("#contentArea").show();
    }
    $("#SubscriptionAll a[id^='rem']").hide();
    $("div[id^='IDREM']").hover(function(){$("#SubscriptionAll a[id^='rem']").hide();$("#SubscriptionAll a#rem" + $(this).attr("id").replace("IDREM","")).show();},function(){$("#SubscriptionAll a[id^='rem']").hide();})

    $("#SubscriptionAll a[id^='rem']").each(function(index){$(this).bind("click",$(this).attr("id").replace("rem",""),function(e){confirmDialog("remove subscription?", "are you sure want to remove '" + $(this).attr("value") + "'  from your subscription list?", "deleteSubscriber.aspx",   "ZXSCR=" +e.data);});});    
        
}
//End My Subscription

function processPaging(oTable, id)
{
    
    if (oTable !=null)
    {
        var oSettings = oTable.fnSettings();
        $("div.dataTables_paginate").show();
        
        if (isDTLoadedFresh ==true )
        {
            isPageChangeLoaded=false;
            isDTLoadedFresh=false;
        }
        else
        {
            if (id=="#vizGallery")
            {
                isPageChangeLoaded=true;
                PageURLUpdate("iStart=" + oSettings._iDisplayStart,"gallery");
            }
            else if (id=="#vizMyCommunity")
            {
                isPageChangeLoaded=true;
                if (oSettings._iDisplayStart>0)
                    PageURLUpdate("iStart=" + oSettings._iDisplayStart,"mycom");
            }
            else if (id=="#mymMyRecruit")
            {
                isPageChangeLoaded=true;
                PageURLUpdate("iStart=" + oSettings._iDisplayStart,"rw");
            }
            else if (id=="#AddressBook")
            {
                isPageChangeLoaded=true;
                PageURLUpdate("iStart=" + oSettings._iDisplayStart,"ab");
            }
            else if (id=="#ibMessages" )
            {
                isPageChangeLoaded=true;
                PageURLUpdate("iStart=" + oSettings._iDisplayStart,"ib");
            }
            else if (id=="#ibReviews")
            {
                isPageChangeLoaded=true;
                PageURLUpdate("iStart=" + oSettings._iDisplayStart,"ib");
            }
            else if (id=="#ibInvitations")
            {
                isPageChangeLoaded=true;
                PageURLUpdate("iStart=" + oSettings._iDisplayStart,"ib");
            }
            else if (id=="#vizMyVizFriendsAll")
            {
                isPageChangeLoaded=true;
                PageURLUpdate("iStart=" + oSettings._iDisplayStart,"ib");
            }
            else if (id=="#SubscribersAll")
            {
                isPageChangeLoaded=true;
                PageURLUpdate("iStart=" + oSettings._iDisplayStart,"ib");
            }
            else if (id=="#SubscriptionAll")
            {
                isPageChangeLoaded=true;
                PageURLUpdate("iStart=" + oSettings._iDisplayStart,"ib");
            }
            else if (id=="#vizFriendsList")
            {
                //isPageChangeLoaded=true;
                //PageURLUpdate("iStart=" + oSettings._iDisplayStart,"ib");
            }
            else if (id=="#vizSubscribersList")
            {
                //isPageChangeLoaded=true;
                //PageURLUpdate("iStart=" + oSettings._iDisplayStart,"ib");
            }
            else if (id=="#vizSubscriptionList")
            {
                //isPageChangeLoaded=true;
                //PageURLUpdate("iStart=" + oSettings._iDisplayStart,"ib");
            }



        }

        if (oSettings.sPaginationType=="full_numbers")
        {
            if ((oSettings._iRecordsTotal/oSettings._iDisplayLength)<=5)
            {
                if(id == "#mymMyRecruit")
                {
                    id = "#myrecruits";
                }
                
                $(id + "_wrapper div.wrapper span.first").hide(); 
                $(id + "_wrapper div.wrapper span.previous").hide(); 
                $(id + "_wrapper div.wrapper span.next").hide(); 
                $(id + "_wrapper div.wrapper span.last").hide(); 
                if ((oSettings._iRecordsTotal/oSettings._iDisplayLength)<=1)
                {
                    $(id + "_wrapper div.wrapper").hide();
//                    if(id == "#vizGallery")
//                    {
//                        $("#contentArea").removeClass("moveGalleryTop");
//                    }
                }
            }
        }
        else if (oSettings.sPaginationType=="two_button")
        {
            if (oSettings._iDisplayStart=="0")
            {
                $("div[title='Previous']").removeAttr("class").attr("class","paginate_disabled_previous");
            }
            if ((oSettings._iRecordsTotal/oSettings._iDisplayLength)<=1)
            {
                $(id + "_wrapper div.wrapper").hide(); 
            }
        }
    }
}