document.write("<div id='ECardWidgit'>Loading ECards...</div>");

document.write("<li"+"nk href='http://core.mtmrecognition.com/ECards/Stylesheets/Creator.css' rel='Stylesheet' type='text/css' />");
//document.write("<li"+"nk href='Stylesheets/Creator.css' rel='Stylesheet' type='text/css' />");

if(!jQuery)
    document.write("<scr"+"ipt src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></scri"+"pt>");

if(!jQuery.ui)
    document.write("<scr"+"ipt src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js' type='text/javascript'></scri"+"pt>");

document.write("<scr"+"ipt src='http://core.mtmrecognition.com/ECards/JavaScript/application.js' type='text/javascript'></scri"+"pt>");

$(function(){
    new ECardController([{"Name":"Show All","ECards":[{"Id":589,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/ADDAFEDBBCCA.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/ADDAFEDBBCCA.jpg"},{"Id":588,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DEAFEAACB.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DEAFEAACB.jpg"},{"Id":591,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DBCFCEBBCBDFF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DBCFCEBBCBDFF.jpg"},{"Id":590,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CFFFFBBACBDC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CFFFFBBACBDC.jpg"},{"Id":587,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CCBFAEAAFECF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CCBFAEAAFECF.jpg"},{"Id":584,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DFCFDBACDCCDCC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DFCFDBACDCCDCC.jpg"},{"Id":583,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CEAEDABEAFEDECE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CEAEDABEAFEDECE.jpg"},{"Id":586,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DAAADBAF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DAAADBAF.jpg"},{"Id":585,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DCBECEDBBBDCFF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DCBECEDBBBDCFF.jpg"},{"Id":597,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/BDBFCBACBCBBEE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/BDBFCBACBCBBEE.jpg"},{"Id":596,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/ADBDDBFFEFBB.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/ADBDDBFFEFBB.jpg"},{"Id":599,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CFECCACFAAECE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CFECCACFAAECE.jpg"},{"Id":598,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/BFCDDEAEFFBBCABECC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/BFCDDEAEFFBBCABECC.jpg"},{"Id":593,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/BAECDDFABDEEAAAB.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/BAECDDFABDEEAAAB.jpg"},{"Id":592,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FDEBDAFBDCEAA.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FDEBDAFBDCEAA.jpg"},{"Id":595,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CABCCAA.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CABCCAA.jpg"},{"Id":594,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CAFEFFADCBFEBCBC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CAFEFFADCBFEBCBC.jpg"},{"Id":565,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/EADBBFFFF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/EADBBFFFF.jpg"},{"Id":571,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FFDEFEFBEFF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FFDEFEFBEFF.jpg"},{"Id":570,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/EEFBCCCDBE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/EEFBCCCDBE.jpg"},{"Id":573,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/EBDBEDA.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/EBDBEDA.jpg"},{"Id":572,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FACAADFCCBB.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FACAADFCCBB.jpg"},{"Id":567,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FFBFEBBDAFD.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FFBFEBBDAFD.jpg"},{"Id":566,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DACFCAABBEBD.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DACFCAABBEBD.jpg"},{"Id":569,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/BEEDBFDABABFD.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/BEEDBFDABABFD.jpg"},{"Id":568,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DBABBAFCABAA.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DBABBAFCABAA.jpg"},{"Id":574,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DAABCEFBDBCBAE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DAABCEFBDBCBAE.jpg"},{"Id":580,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/BFADCDCFDFBBBEF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/BFADCDCFDFBBBEF.jpg"},{"Id":579,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FDDFAFABDC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FDDFAFABDC.jpg"},{"Id":582,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CFCBCBADAE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CFCBCBADAE.jpg"},{"Id":581,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/ACDDBEBFDEC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/ACDDBEBFDEC.jpg"},{"Id":576,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DAFAFBFD.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DAFAFBFD.jpg"},{"Id":575,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FEEEBDAAEDEA.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FEEEBDAAEDEA.jpg"},{"Id":578,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FDECABFADFCF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FDECABFADFCF.jpg"},{"Id":577,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/ECFEEBDCDB.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/ECFEEBDCDB.jpg"}]},{"Name":"Performance","ECards":[{"Id":583,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CEAEDABEAFEDECE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CEAEDABEAFEDECE.jpg"},{"Id":584,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DFCFDBACDCCDCC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DFCFDBACDCCDCC.jpg"},{"Id":587,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CCBFAEAAFECF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CCBFAEAAFECF.jpg"},{"Id":591,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DBCFCEBBCBDFF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DBCFCEBBCBDFF.jpg"},{"Id":598,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/BFCDDEAEFFBBCABECC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/BFCDDEAEFFBBCABECC.jpg"},{"Id":565,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/EADBBFFFF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/EADBBFFFF.jpg"},{"Id":566,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DACFCAABBEBD.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DACFCAABBEBD.jpg"},{"Id":572,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FACAADFCCBB.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FACAADFCCBB.jpg"},{"Id":575,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FEEEBDAAEDEA.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FEEEBDAAEDEA.jpg"},{"Id":576,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DAFAFBFD.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DAFAFBFD.jpg"},{"Id":582,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CFCBCBADAE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CFCBCBADAE.jpg"}]},{"Name":"Congratulations","ECards":[{"Id":584,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DFCFDBACDCCDCC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DFCFDBACDCCDCC.jpg"},{"Id":599,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CFECCACFAAECE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CFECCACFAAECE.jpg"},{"Id":571,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FFDEFEFBEFF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FFDEFEFBEFF.jpg"},{"Id":573,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/EBDBEDA.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/EBDBEDA.jpg"},{"Id":574,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DAABCEFBDBCBAE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DAABCEFBDBCBAE.jpg"},{"Id":576,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DAFAFBFD.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DAFAFBFD.jpg"},{"Id":582,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CFCBCBADAE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CFCBCBADAE.jpg"}]},{"Name":"Thanks","ECards":[{"Id":583,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CEAEDABEAFEDECE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CEAEDABEAFEDECE.jpg"},{"Id":585,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DCBECEDBBBDCFF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DCBECEDBBBDCFF.jpg"},{"Id":586,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DAAADBAF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DAAADBAF.jpg"},{"Id":588,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DEAFEAACB.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DEAFEAACB.jpg"},{"Id":589,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/ADDAFEDBBCCA.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/ADDAFEDBBCCA.jpg"},{"Id":590,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CFFFFBBACBDC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CFFFFBBACBDC.jpg"},{"Id":594,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CAFEFFADCBFEBCBC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CAFEFFADCBFEBCBC.jpg"},{"Id":595,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CABCCAA.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CABCCAA.jpg"},{"Id":596,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/ADBDDBFFEFBB.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/ADBDDBFFEFBB.jpg"},{"Id":577,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/ECFEEBDCDB.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/ECFEEBDCDB.jpg"},{"Id":578,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FDECABFADFCF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FDECABFADFCF.jpg"},{"Id":579,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FDDFAFABDC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FDDFAFABDC.jpg"}]},{"Name":"Birthday","ECards":[{"Id":599,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CFECCACFAAECE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CFECCACFAAECE.jpg"},{"Id":570,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/EEFBCCCDBE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/EEFBCCCDBE.jpg"},{"Id":580,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/BFADCDCFDFBBBEF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/BFADCDCFDFBBBEF.jpg"},{"Id":581,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/ACDDBEBFDEC.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/ACDDBEBFDEC.jpg"},{"Id":582,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/CFCBCBADAE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/CFCBCBADAE.jpg"}]},{"Name":"Team Building","ECards":[{"Id":591,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/DBCFCEBBCBDFF.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/DBCFCEBBCBDFF.jpg"},{"Id":592,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/FDEBDAFBDCEAA.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/FDEBDAFBDCEAA.jpg"},{"Id":593,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/BAECDDFABDEEAAAB.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/BAECDDFABDEEAAAB.jpg"},{"Id":597,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/BDBFCBACBCBBEE.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/BDBFCBACBCBBEE.jpg"},{"Id":577,"MediumImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Medium/ECFEEBDCDB.jpg","LargeImageUrl":"http://core.mtmrecognition.com/ECards/Images/Cards/MTMRecognition/Large/ECFEEBDCDB.jpg"}]}]);
});

var ECardController = $.makeClass({
    init: function(categories){
        this.categories = categories;
        
        this.rootDiv = $("#ECardWidgit");
        this.rootDiv.html(
            "<ul class='ECardCategories'></ul>"
            + "<div class='ECards'></div>"
            + "<ifr"+"ame src='' name='ECardIFrame' style='width:0px; height:0px; border:0;'></ifra"+"me>"
        );
    
        this.ExtendJQuery();
        this.BuildCategories();
        this.ChangeCategory(this.categories[0].Name); //this.categories[0].Name or "Show All"
        
        this.rootDiv.find("iframe").load(this.iframeLoaded.as(this));
    },
    
    
    /****************************
               EVENTS
     ****************************/   
         
    clickCategory: function(event){
        var categoryLi = $(event.target);
        this.ChangeCategory(categoryLi.html());
    },
    clickSend: function(event){      
          var ecard = $(event.target).closest(".ECard");
          if(!ecard.find("input, textarea").validate(true))
          {
              alert("Please complete each input");
              return;
          }
          
          var txtLength = ecard.find("textarea").val().length;
          if(txtLength > 500)
          {
              alert("Sorry, your message is too long.\nIt has "+txtLength + " characters, but must be under 500.");
              return;
          }
          
          this.SubmittedECardDiv = ecard;
          ecard.find("form").submit();      
    },
    iframeLoaded: function(){
          var ecard = this.SubmittedECardDiv;
          if(ecard == null) return; //page load
          
          //var response = this.rootDiv.find("iframe").contents().find("body").text();
          var response = this.rootDiv.find("iframe").html();
          if(response){
              alert("ERROR: " + response);
          }else{
              ecard.find(".Sending").hide("blind", { direction: "horizontal" }, 1000);
              ecard.find(".Sent").show("blind", { direction: "horizontal" }, 1000);
              ecard.find("input, textarea").clear();
          }
    },
    clickSendAnother: function(event){
          var ecard = $(event.target).closest(".ECard");
          ecard.find(".Sent").hide("blind", { direction: "horizontal" }, 1000);
          ecard.find(".Sending").show("blind", { direction: "horizontal" }, 1000);
    },
    clickCancel: function(event){
          var ecard = $(event.target).closest(".ECard");
          ecard.find(".Sending").hide("blind", { direction: "horizontal" }, 1000);
          ecard.find(".NotSending").show("blind", { direction: "horizontal" }, 1000);
          
          ecard.find("input, textarea").clear();
    },
    showFormToFillOutCard: function(event){
          var ecard = $(event.target).closest(".ECard");
          ecard.find(".Sending").show("blind", { direction: "horizontal" }, 1000);
          ecard.find(".NotSending").hide("blind", { direction: "horizontal" }, 1000, function(){
              ecard.find("input[name=YourName]").focus();
          });
    },
    
    
    /****************************
     *         HELPERS          *
     ****************************/
     
    ChangeCategory: function(categoryName){
        var categoryLi = this.rootDiv.find("li.ECardCategory:contains("+categoryName+")");
        categoryLi.addClass("On").siblings().removeClass("On");
        
        this.ecards = [];
        for(var i=0; i<this.categories.length; i++)
        {
            var category = this.categories[i];
            if(category.Name == categoryName)
            {
                this.ecards = category.ECards;
                break;
            }
        }
        this.RebuildECards();
    },
    eCardsContains: function(ecard){
        for(var i=0; i<this.ecards.length; i++)
            if(this.ecards[i].Id == ecard.Id)
                return true;
        return false;
    },
    RebuildECards: function(){
        this.BuildMarkup();
        this.SetStyles();
        this.SetupInputs();
        
        this.rootDiv.find(".ECard .StartSendButton").click(this.showFormToFillOutCard.as(this));
        this.rootDiv.find(".ECard .CancelButton").click(this.clickCancel.as(this));
        this.rootDiv.find(".ECard .SendAnotherButton").click(this.clickSendAnother.as(this));
        this.rootDiv.find(".ECard .SendButton").click(this.clickSend.as(this));
    },
    BuildCategories: function()
    {
        if(this.categories.length == 1)
        {
            this.rootDiv.find("ul.ECardCategories").replaceWith("");
            return;
        }
        var html = "";
        for(var i=0; i<this.categories.length; i++){
            html += "<li class='ECardCategory'>" + this.categories[i].Name + "</li>";
        }
        this.rootDiv.find("ul.ECardCategories").html(html);
        this.rootDiv.find(".ECardCategory").click(this.clickCategory.as(this));
    },
    SetupInputs: function(){
        this.rootDiv.find(".ECard textarea, .ECard input")
          .focus(function(event){
              var txt = $(event.target);
              if(txt.val() == txt.attr("defaultValue"))
                  txt.val("");
          }).blur(function(event){
              var txt = $(event.target);
              if(!txt.val())
                  txt.val(txt.attr("defaultValue"));
              txt.validate();                      
          }).keyup(function(event){
              var txt = $(event.target);
              if(txt.val())
                  txt.attr("validate", "true");
              txt.validate();
          });
    },
    SetStyles: function(){
          // Absolute position ecards so the animation looks right
          var ECard_top = 0;
          var ECard_height = 180;
          this.rootDiv.find(".ECard").each(function(){
              var el = $(this); 
              var top = el.position().top;
              var left = el.position().left;
              el.css({ 
                position: "absolute",
                marginLeft: 0, 
                marginTop: 0,            
                top: (120 + ECard_top) + "px", 
                left: left 
              });       
              ECard_top += ECard_height;
          });
          this.rootDiv.find(".ECard .Wrapper").css("position", "absolute");
          
          // Make sure the body of the page is the right height
          // (since all the ecards are absolute positioned
          this.rootDiv.css("height", (ECard_top+20)+"px"); 
    },
    BuildMarkup: function(){
        var html = "";
        $.each(this.ecards, function(i){ 
            var ecard = this.ecards[i];
            var m = ["   <div class='ECard'>",
                    "      <form id='"+ecard.Id+"ECardForm' action='http://core.mtmrecognition.com/ECards/SentCard/Create' target='ECardIFrame' method='post'>",
                    "       <div class='NotSending Wrapper'>",
                    "           <div class='ImageWrapper'><a href='" +  ecard.LargeImageUrl + "' target='_BLANK'><img src='" +  ecard.MediumImageUrl + "' /></a></div>",
                    "           <div class='StartSendWrapper'><div class='StartSendButton'>&nbsp;</div></div>",
                    "       </div>",
                    "       <div class='Sending Wrapper' style='display:none;'>",
                    "           <div class='ImageWrapper'><a href='" +  ecard.LargeImageUrl + "' target='_BLANK'><img src='" +  ecard.MediumImageUrl + "' /></a></div>",
                    "           <div class='FormWrapper'>",
                    "               <div class='LeftInputs'>",
                    "                 <div class='InputWrapper'>",
                    "                     <div class='Label'>Your Name:</div>",
                    "                     <div class='Input'><input validation='.+' type='text' name='YourName' /></div>",
                    "                 </div>",
                    "                 <div class='InputWrapper'>",
                    "                     <div class='Label'>Your Email:</div>",
                    "                     <div class='Input'><input validation=\"^([-\\w.]+@[-\\w.]+\\.[\\w]+)$\" type='text' name='YourEmail' /></div>",
                    "                 </div>",
                    "                 <div class='InputWrapper'>",
                    "                     <div class='Label'>Recipient Name:</div>",
                    "                     <div class='Input'><input validation='.+' type='text' name='RecipientName' /></div>",
                    "                 </div>",
                    "                 <div class='InputWrapper'>",
                    "                     <div class='Label'>Recipient Email(s):</div>",
                    "                     <div class='Input'><input validation=\"^([-\\w.]+@[-\\w.]+\\.[\\w]+)([ ,;]+([-\\w.]+@[-\\w.]+\\.[\\w]+))*$\" type='text' name='RecipientEmail' /></div>",
                    "                 </div>",
                    "                 <div class='InputWrapper'>",
                    "                     <div class='Label'>CC (optional):</div>",
                    "                     <div class='Input'><input type='text' name='CC' /></div>",
                    "                 </div>",
                    "               </div>",
                    "               <div class='RightInputs'>",
                    "                 <div class='Input'><textarea validation='.+' name='Message'>Enter your message...</textarea></div>",
                    "                 <div class='Buttons'>",
                    "                     <input type='hidden' name='CardId' value='"+ecard.Id+"' />",
                    "                     <div class='SendButton'>&nbsp;</div>",
                    "                     <div class='CancelButton'>&nbsp;</div>",
                    "                 </div>",
                    "               </div>",
                    "           </div>",
                    "       </div>",
                    "       <div class='Sent Wrapper' style='display:none;'>",
                    "           <div class='ImageWrapper'><img src='" +  ecard.MediumImageUrl + "' /></div>",
                    "           <div class='SentWrapper'>",
                    "               Your E-Card Has Been Sent!<br /><br />",
                    "               <div class='SendAnotherButton'>&nbsp;</div>",
                    "           </div>",
                    "       </div>",
                    "     </form>",
                    "   </div>"];
             html += m.join("");
        }.as(this));
        this.rootDiv.find(".ECards").html(html);
    },
    ExtendJQuery: function(){

        jQuery.fn.extend({
          validate: function(force){
              var isValid = true;
              this.each(function(){
                  var input = $(this);
                  if((!force && !input.attr("validate")) || !input.attr("validation"))
                      return;
                  if(new RegExp(input.attr("validation")).test(input.val()) && !input.isValueDefault()){
                      input.addClass("Valid");
                      input.removeClass("Invalid");
                  }else{
                      input.addClass("Invalid");
                      input.removeClass("Valid");
                      isValid = false;
                  }
              });
              return isValid;
          },
          isValueDefault: function(){
              return this.attr("defaultValue") == this.val();
          },
          clear: function(){
              this.removeClass("Valid").removeClass("Invalid").attr("validate", "");
              this.each(function(){
                  $(this).val($(this).attr("defaultValue"));
              });
          }
        });
    }
});