showPopup1(){
   this.popup1.options = {
           cancleBtnClass: "btn btn-default", 
           confirmBtnClass: "btn btn-default",
           color: "#4180ab",
           header: "Single Popup on a page"}
   this.popup1.show(this.popup1.options);
 }

 showPopup4(){
   this.popup4.options = {
           cancleBtnClass: "btn btn-default", 
           confirmBtnClass: "btn btn-default",
           color: "#5cb85c",
           header: "Events...",
           widthProsentage:50,
           animation: "bounceInDown"}
   this.popup4.show(this.popup4.options);
 }

 showPopup3(){
   this.popup3.options = {
           cancleBtnClass: "btn btn-default", 
           confirmBtnClass: "btn btn-default",
           color: "#333",
           header: "Animations...",
           widthProsentage:60,
           animation: "bounceIn"}
   this.popup3.show(this.popup3.options);
 }

 showPopup2(){
   this.popup2.options = {
           cancleBtnClass: "btn btn-default", 
           confirmBtnClass: "btn btn-default",
           color: "#5cb85c",
           header: "Size 60% of page - color = #5cb85c",
           widthProsentage:60,
           animation:"fadeInUp"}
   this.popup2.show(this.popup2.options);
 }

 showPopup5(){
   this.popup5.options = {
           cancleBtnClass: "btn btn-default", 
           confirmBtnClass: "btn btn-mbe-attack",
           color: "#A0DE4F",
           header: "Login...",
           widthProsentage:50,
           animation: "bounceInDown",
           confirmBtnContent: "Login"}
   this.popup5.show(this.popup5.options);
 }

 login(){
   alert('Email: ' + this.email + '  Password: ' + this.password);
   this.popup5.hide();
 }

 YourConfirmEvent(){
   alert('You cliked confirm');
   this.popup4.hide();
 }