var wizzardpopup = "<div id='AkazooWizzardID' style='display:none;overflow:auto; z-index:999999' >" + 
    "<div id='AkazooWizzardHeaderID' >" +
        "<table  id='WizzardTable' border='0' cellspacing='0' cellpadding='0'>" +
            "<tr>" +
                "<td class='popupTransBack' height='10'>" +
                "</td>" +
                "<td class='popupTransBack' height='10'>" +
                "</td>" +
                "<td class='popupTransBack' height='10'>" +
                "</td>" +
             "</tr>" +
              "<tr>" +
               "<td class='popupTransBack' style='padding: 0px; width: 10px;' rowspan='2'>" +
                "</td>" +
                "<td style='padding: 0px; background-color: #FFFFFF'>" +
                    "<table border='0' cellspacing='0' cellpadding='0' id='AkazooWizzardTableID' style='border: 1px #FFFFFF solid;margin:2px;width:99%'>" +
                        "<tr>" +
                            "<td class='homeBoxtitle'>" +
								"<table  border='0' cellspacing='0' cellpadding='0' width='100%'>" +
								"<tr>" +
									"<td width='70%' align='left'>" +
                                    "<span id='AkazooWizzardCaptionPlaceID'></span>" +
									"</td>" +
									"<td width='30%' align='right' style='padding-right:5px;'>" +
                                    "<a id='AkazooWizzardXBtnID'>" +
                                        "<img alt='Close' src='c_images/x_dn.gif' border='0' name='Image4' /></a>" +
									"</td>" +
								"</tr>" +
								"</table>" +
                            "</td>" +
                        "</tr>" +
                        "<tr>" +                        
                            "<td style='height: 1px;'>" +
                            "</td>" +
                        "</tr>" +
                    "</table>" +
                    "<table border='0' id='AkazooWizzardLoadID' cellpadding='0' cellspacing='0' style='height: 100%; width: 100%;'>" +
                        "<tr>" +
                            "<td align='center' valign='bottom'>" +
                                "<img src='c_images/ldr_snake_mgt.gif' alt='' /></td>" +
                        "</tr>" +
                        "<tr>" +
                          "<td align='center' valign='top'><span id='AkazooWizzardLoadingID'>Loading<span></td>" +
                        "</tr>" +
                    "</table>" +
                    "<iframe id='AkazooWizzardIFrame' src='/Common/Loading.aspx' frameborder='0' scrolling='no'  style='float:left' class='BuyCreditsIFrameCss' >" +
                    "</iframe>" +
    
     "</div><div id='AkazooWizzardFooterID'>" +
                "</td>" +
                "<td style='width: 10px; padding: 0px;' class='popupTransBack' rowspan='2'>" +
        "</td>" +
        "</tr>" +
        "<tr>" +
            "<td align='right' style='padding: 5px 5px 5px 5px; background-color: #e5e5e5; border-top: 1px #999999 solid'>" +
                "<input type='button' class='cancel'  value='Close' id='AkazooWizzardCloseID' />" +
            "</td>" +
        "</tr>" +
        "<tr>" +
            "<td class='popupTransBack' style='height: 10px; padding: 0px;'>" +
            "</td>" +
            "<td class='popupTransBack' style='height: 10px; padding: 0px;'>" +
            "</td>" +
            "<td class='popupTransBack' style='padding: 0px; height: 10px;'>" +
            "</td>" +
        "</tr>" +
        "</table>" +    
"</div></div>";
     
 $.widget("akazoo.wizzardpopup", {    
    _init: function() {     
     $(wizzardpopup).appendTo(document.body);     
     if (this.options.caption){
        $("#AkazooWizzardCaptionPlaceID").html(this.options.caption);
     }
     if (this.options.frameclass){
        $("#AkazooWizzardIFrame").attr("class", this.options.frameclass);
     }     
     if (loadingrc)
        $("#AkazooWizzardLoadingID").html(loadingrc);
        
     if (closerc)
           $("#AkazooWizzardCloseID").val(closerc);
     
     var selfref = this;     
     
     $("#AkazooWizzardCloseID").click(function(){selfref.close();});
     $("#AkazooWizzardXBtnID").click(function(){selfref.close();});     
     $("#AkazooWizzardIFrame").load(function(){$("#AkazooWizzardLoadID").css('display', 'none')});        
     this._isOpen = false;
   },
   
   close : function(){  
    $("#AkazooWizzardID").css("display", "none");
    $("#AkazooWizzardID").remove();
    this._isOpen = false;
    this.destroy();            
    if (this._pageNeedsReload){    
        window.location.href = window.location.href.trimString('#');
    }
    
   },
   
   open : function(){
    if (this._isOpen) { return; }                 
      this._pageNeedsReload = this.options.frameNeedsReload;       
      selfReference = this;
      document.ReloadPageCallback = function(needsReload) { selfReference._pageNeedsReload = needsReload; };
      document.CloseCallback = function(needsReload) {selfReference._pageNeedsReload = needsReload; selfReference.close();};
      
      var element = $("#AkazooWizzardID");      
      element.css("display", "block");
      element.css("position", "absolute");     
      var wnd = $(window), doc = $(document),
	  pTop = doc.scrollTop(), pLeft = doc.scrollLeft(),	  
	  minTop = pTop;	 
	  
	  pLeft += (wnd.width() - element.outerWidth()) / 2;			
	  pTop += (wnd.height() - element.outerHeight()) / 2;			  	
	  pTop = Math.max(pTop, minTop);
	  element.css({top: pTop, left: pLeft}); 	
	  if (this.options.innerpageurl){	    
        $("#AkazooWizzardIFrame").attr("src", this.options.innerpageurl);                     
     }
	  this._isOpen = true;
   }
   
   
 });
 
 
 
 $.extend($.akazoo.wizzardpopup, {
   defaults: {     
        frameclass:'DownloadIFrameCss',     
        innerpageurl:'/Common/Loading.aspx',
        caption:'',
        frameNeedsReload: false             
   }
 });  
 
  jQuery(document).ready(function() {  
  try{Sys.WebForms.PageRequestManager.getInstance().add_endRequest(AttachWizzardEvents);}catch(e){}  
    AttachWizzardEvents();
 });
 
 function AttachWizzardEvents(){

     $(".target").each(function() {
         var inner = $(this).nextAll(".wizzardparams:first").html();         
         inner = inner.replace(/^[\S\s\r\n]*(?:<!--)(.*)(?:-->)[\s\S\r\n]*$/, '$1');
         var parameters = inner.split("##");
         if (parameters) {
             var landingurl = parameters[0];
             var caption = parameters[1];
             var frameclass = parameters[2];
             var needsreload = parameters[3];
             var wizzardtarget = parameters[4];             
             if (wizzardtarget == 1) {
                 $(this).bind("click", function(e) {
                     LoadWizzardPopup(
                        landingurl,
                        caption,
                        frameclass,
                        needsreload
                 );
                 });
             }
             else {
                 $(this).bind("click", function(e) {
                     location.assign("/Login/Logon.aspx?ShowMessage=true");
                 });
             }
         }
     });                           
          
 }
 
  function LoadWizzardPopup(LandingUrl, Caption, frmclass, needsReload){         
        tneedsReload = (needsReload == "true") ? true : false;
         $('body').wizzardpopup({         
                innerpageurl:LandingUrl, 
                caption:Caption,
                frameclass:frmclass,
                frameNeedsReload:tneedsReload                
         });
         $('body').wizzardpopup('open');         
    }
                    

String.prototype.trimString = function(chars){
    chars = chars || "\\s";
    return this.replace(new RegExp("[" + chars + "]+$", "g"), "");
}       