ÿþvar PATH_PAYMENTCHANNEL_SEARCH = "/SvcPaymentChannels.svc/search";

var payChnl;

var lan = "en";



$(function() {

   if(window.location.href.toLowerCase().indexOf("paymentchannels")<0){

    return false;

   }

   if(window.location.href.toLowerCase().indexOf("/ar/")>0){

    lan = "ar";

   }

   else{

    lan = "en";

   }

    payChnl = $("#paymentchannelsplugin");

    // Adding update events to the target form objects

    var $tout = false; //last keypress time out

    $("#keywords", payChnl).keyup(function(e) {

        //if (e.ctrlKey || e.keyCode == 16 || e.keyCode == 17 || e.keyCode == 18 || e.keyCode == 27 || e.keyCode == 37 || e.keyCode == 38 || e.keyCode == 39 || e.keyCode == 40) {

        if ( e.ctrlKey || (e.keyCode >= 16 && e.keyCode <= 40)) {

            return false;

        }

        else { //function for setting the time delay after every key press

            if ($tout) {

                window.clearTimeout($tout);

            }

            $tout = window.setTimeout(function() { updatelist(); }, 500);

        }

    });

    $("input:radio", payChnl).attr("checked","");

    $("input:checkbox", payChnl).click(function() { updatelist(); });

    $("input:radio", payChnl).click(function() { updatelist(); });



    var currentPane = 1;

    var panel1selected ;

    $(".panel:eq(0) input", payChnl).click(function() {

        $(".goBtn:visible", payChnl).removeClass("inactive");

        $(".info-panel:visible", payChnl).hide(200);

        panel1selected  = "."+ $(this).attr("id");

        $(".panel:eq(1)", payChnl).find("input:radio").attr("checked","");

        $(".panel:eq(2)", payChnl).find("input:radio").attr("checked","");

        openPane(2);

        $(".contentHolder:hidden", payChnl).slideDown(200);

    });

    $(".panel:eq(1) input", payChnl).click(function() {

        $(".goBtn", payChnl).removeClass("inactive");

        openPane(3);

        var panel3ShowItem = "."+ $(this).attr("id");

        $(".panel:eq(2)", payChnl).find("li").hide();

        $(".panel:eq(2)", payChnl).find(panel3ShowItem).show();

        $(".panel:eq(2)", payChnl).find(panel1selected).show();

        $(".panelbtn1", payChnl).hide();

    });





    $(".menu", payChnl).hide();

    $(".contentHolder", payChnl).hide();

    $(".toggleMenu", payChnl).click(function() {

        var clsName = "";

        if ($(this).hasClass("open")) {

            $(this).removeClass("open")

            $(".menu", payChnl).slideUp(100,function(){

             $(".searchPanel .options", payChnl).removeClass("panelActive");

            });

            

        }

        else {

            $(this).addClass("open")

            $(".searchPanel .options", payChnl).addClass("panelActive");

            $(".menu", payChnl).slideDown(100);

        }



        return false;

    })



    function openPane(index) {

        try {

        

          var curPanel = ".panel" + (index);

          var panelBtn1 = ".panelbtn" + (index - 1) + ":visible";

          var panelBtn2 = "panelbtn" + (index);

         if (lan=="en"){

            $(curPanel).animate({ marginLeft: 0 }, {duration: 1000, complete:function(){

              if (index==3){

               $(".smallRound",payChnl).addClass("smallBoxRightCorner");

              }   

               $(".panel:first",payChnl).css({backgroundColor: "#fff"});

            }});

            

            $(panelBtn1).animate({ right: "235px" }, {duration: 1000, complete: function() {

                $(panelBtn1).addClass("inactive");

            }});

            

         }

         else{

            $(curPanel).animate({ marginRight: 0 }, {duration: 1000, complete:function(){

              if (index==3){

               $(".smallRound",payChnl).addClass("smallBoxRightCorner");

              }     

               $(".panel:first",payChnl).css({backgroundColor: "#fff"});

            }});

            

            $(panelBtn1).animate({ left: "235px" }, {duration: 1000, complete: function() {

                $(panelBtn1).addClass("inactive");

            }});         

         }



        }

        catch (obj) {





        }

    }

})





function updatelist(pageNo) {

    $(".grid", payChnl).block({ message: 'Loading...' });

    $("#loadingbox").show();

    var data = "keywords=" + $("#keywords", payChnl).val();



    if ((cust = $("input[name=customerType]:checked", payChnl)).length > 0)

        data += "&customerCat=" + cust.val();



    if ((pln = $("input[name=productType]:checked", payChnl)).length > 0)

        data += "&plan=" + pln.val();



    if ((prts = $("input[name=partnerType]:checked", payChnl)).length > 0) {

        data += "&partnerCats=";

        for (var i = 0; i < prts.length; i++)

            data += $(prts[i]).val() + ",";

        data = data.substr(0, data.length - 1);

    }

    if ((methds = $("input[name=paymethod]:checked", payChnl)).length > 0) {

        data += "&methods=";

        for (var i = 0; i < methds.length; i++)

            data += $(methds[i]).val() + ",";

        data = data.substr(0, data.length - 1);

    }

    if ((srvs = $("input[name=services]:checked", payChnl)).length > 0) {

        data += "&services=";

        for (var i = 0; i < srvs.length; i++)

            data += $(srvs[i]).val() + ",";

        data = data.substr(0, data.length - 1);

    }

        

    if (pageNo != null)

        data += "&pageNo=" + pageNo;

    $.getJSON(PATH_PAYMENTCHANNEL_SEARCH, data, function(data) { rendertable(data.items); renderpager(data.items.length, data.count, pageNo); $(".grid").unblock(); $("#loadingbox").hide(); });

}



function renderpager(itemscount, count, pageNo) {

    var pagesCount = Math.ceil(count / 10);

    $("#pagertitle", payChnl).text("Showing " + itemscount + " of " + count.toString() + " results");

    $("#pagertitle1", payChnl).text("Showing " + itemscount + " of " + count.toString() + " results");



    if (pageNo != null) {

        $("#pagesul .current", payChnl).removeClass("current");

        $("#pagesul li:eq(" + pageNo + ")", payChnl).addClass("current");

	$("#pagesul1 .current", payChnl).removeClass("current");

        $("#pagesul1 li:eq(" + pageNo + ")", payChnl).addClass("current");

    }

    else {

        $("#pagesul", payChnl).empty();

	$("#pagesul1", payChnl).empty();

        for (var i = 0; i < pagesCount; i++) {

            $("#pagesul", payChnl).append("<li " + (i == 0 ? "class='current'>" : ">") + "<a  style='cursor:pointer' onClick='updatelist(" + i + ");return false;'>" + (i + 1) + "</a></li>");

	    $("#pagesul1", payChnl).append("<li " + (i == 0 ? "class='current'>" : ">") + "<a  style='cursor:pointer' onClick='updatelist(" + i + ");return false;'>" + (i + 1) + "</a></li>");

        }

    }

    //alert("pages:" + count);

}



var endisplayTitle  ="";

var ardisplayTitle ="";

function rendertable(data) {

    if (data.length == 0) {

        $(".grid", payChnl).hide();

        return;

    }

    $(".grid", payChnl).show();

    var tbl = $("#tblPartners tbody", payChnl);

    $("#bubbles").empty();

    tbl.empty();

    for (var i = 0; i < data.length; i++) {

		var catname = data[i].cat;

		  endisplayTitle = (catname=='2' ? "payment at the outlet" : "payment at the Branch");

		  ardisplayTitle = (catname=='2' ? "'D/A9 D/I 'DE-D'* /E1'C2 'D*,2&)" : "'D/A9 AJ 'DA1H9");

		 var ensmallTitle = (catname=='2' ? "Outlet" : "Branch");

		 var arsmallTitle = (catname=='2' ? "'DE-D'*/E1'C2 'D*,2&)" : "'DA1H9");

		

        tbl.append('<tr><th>' + data[i].name + '</th>\

         <td><span title="' + (lan =='en' ? endisplayTitle : ardisplayTitle )+ '" class="tick ' + (hasItem(0, data[i].methods) ? '"' : 'inactive"') + '">'+ (lan =='en' ? ensmallTitle : arsmallTitle )+'</span></td>\

         <td><span title="' + (lan == 'en' ? "Phone Banking (Interactive Voice Response)" : "F8'E 'D'3*,'() 'D5H*J 'D*A'9DJ") + '" class="tick ' + (hasItem(1, data[i].methods) ? '"' : 'inactive"') + '">IVR</span></td>\

         <td><span title="' + (lan == 'en' ? 'Internet' : ''D'F*1F*') + '" class="tick ' + (hasItem(2, data[i].methods) ? '"' : 'inactive"') + '">Internet</span></td>\

         <td><span title="' + (lan == 'en' ? 'ATM':'#,G2) 'D51'A 'D"DJ')+ '" class="tick ' + (hasItem(3, data[i].methods) ? '"' : 'inactive"') + '">ATM</span></td>\

         <td><span title="' + (lan == 'en' ? 'Mobile' : ''DG'*A 'DE*-1C')+ '" class="tick ' + (hasItem(5, data[i].methods) ? '"' : 'inactive"') + '">Mobile</span></td>\

         <td><span title="' + (lan == 'en' ? 'Cash Deposit Machine' : 'E'CJF'* 'D%J/'9') + '" class="tick ' + (hasItem(4, data[i].methods) ? '"' : 'inactive"') + '">CDM</span></td>\

         <td><span title="' + (lan == 'en' ? 'Kiosk' : 'EF5'* (J9')+ '" class="tick ' + (hasItem(6, data[i].methods) ? '"' : 'inactive"') + '">Kiosk</span></td>\

         <td><span class="bubble" target="bubble' + i + '">!</span></td></tr>');



        $("#bubbles").append('<div class="bubblebox" id="bubble' + i + '">\

            '+(lan=="en"? '<h4>' + data[i].name + '<span>(' + (data[i].cat == 0 ?  "bank" : data[i].cat == 1 ? "ExchangeHouse" : "RetailStores") + ')</span></h4>\

            ':'<h4>' + data[i].name + '<span>(' + (data[i].cat == 0 ?  "(FC" : data[i].cat == 1 ? "E1C2 'D51'A)" : "E-D 'D(J9 ('D*,2&)") + ')</span></h4>\

            ')+'<table cellpadding="0" cellspacing="0">\

            <tr><th></th><td>' + (data[i].hasEntp ? "Enterprise  " : "") + (data[i].hasCons ? (lan == 'en' ? "Consumer" : "E3*./E 4.5J") : "") + '</td></tr>\

            <tr><th>' + (lan == 'en' ? 'Plan' : ''D('B)') + '</th><td>' + plansToString(data[i].plans) + '</td></tr>\

            <tr><th>' + (lan == 'en' ? 'Services' : ''D./E'*') + '</th><td>' + servicesToString(data[i].services) + '</td></tr>\

            <tr><th>' + (lan == 'en' ? 'Payment Method' : '71JB) 'D/A9') + '</th><td>' + methodsToString(data[i].methods) + '</td></tr>\

            </table></div>');

    }

    $(".bubble", payChnl).hover(function() {

 if (lan=="en"){

        var bubblebox = $("#" + $(this).attr("target"));

        $(bubblebox).css({ left: "567px", top: $(this).offset().top - $(".bubblebox").height() / 2 - 12 });

        $(bubblebox).show();

}

else{

        var bubblebox = $("#" + $(this).attr("target"));

        $(bubblebox).css({ right: "550px", top: $(this).offset().top - $(".bubblebox").height() / 2 - 12 });

        $(bubblebox).show();

}        

    },

 function() { $(".bubblebox").hide(); 

 });

}



// Check If the list containes specified item or not

function hasItem(item, list) {

    for (var i = 0; i < list.length; i++)

        if (list[i] == item)

        return true;

    return false;

}



function plansToString(plans) {

    var retval = "";

    for (var i = 0; i < plans.length; i++)

        switch (plans[i]) {

            case 0: retval += (lan == 'en' ? "Postpaid, " : "('B) 'D/A9 'D",D, "); break;

        case 1: retval += (lan == 'en' ?"Prepaid, ":"('B) /A9 E3(B, "); break;

        case 2: retval += "Autopayment, "; break;

        case 3: retval += (lan == 'en' ? "Home package," : "./E'* 'D'*5'D 'DEF2DJ, "); break;

    }

    return retval == "" ? "" : retval.substr(0, retval.length - 2);

}



function servicesToString(services) {

    var retval = "";

    for (var i = 0; i < services.length; i++)

        switch (services[i]) {

            case 0: retval += lan == 'en' ? "Mobile, " : "G'*A E*-1C, "; break;

            case 1: retval += lan == 'en' ? "Landline, " : "G'*A +'(*, "; break;

            case 2: retval += lan == 'en' ? "TVBroadband, " : "*DA2JHF / 'D'F*1F* 'D31J9, "; break;

            case 3: retval += lan == 'en' ? "HomePackage, " : "('B) 'D'*5'D 'DEF2DJ, "; break;

            case 4: retval += lan == 'en' ? "CallSelect, " : "'.*J'1 E4:D 'DG'*A 'D+'(*, "; break;

            case 5: retval += lan == 'en' ? "HomePhone, " : "G'*A 'DEF2D, "; break;

    }

    return retval == "" ? "" : retval.substr(0, retval.length - 2);

}



function methodsToString(methods) {

    var retval = "";

    for (var i = 0; i < methods.length; i++)

        switch (methods[i]) {

            case 0: retval += (lan == 'en' ? endisplayTitle+', ' : ardisplayTitle+', '); break;

            case 1: retval += (lan == 'en' ? "Phone Banking, " : "'DG'*A 'DE51AJ"); break;

            case 2: retval += (lan == 'en' ? 'Internet, ' : ''D'F*1F*, '); break;

            case 3: retval += (lan == 'en' ? 'ATM, ' : '#,G2) 'D51'A 'D"DJ, '); break;

            case 4: retval += (lan == 'en' ? 'Cash Deposit Machine, ' : 'E'CJF'* 'D%J/'9, '); break;

            case 5: retval += (lan == 'en' ? 'Mobile, ' : ''DG'*A 'DE*-1C, '); break;

            case 6: retval += (lan == 'en' ? 'Kiosk, ' : 'EF5'* (J9, '); break;

    }

    return retval == "" ? "" : retval.substr(0, retval.length - 2);

}