function CreateNoticeBox() {
   if (document.getElementById('msgbox') != null) {
      return;
   }

   $("#Wrapper").append("<div id='msgbox'><div id='modal'><div class='modaltop'><div class='modaltitle'>Information</div><span id='closebutton' style='cursor: hand'>" +
                         "<b><a alt='Hide Popup' href='javascript:;'>X</a></b></span></div><div class='modalbody'>Please check two or more computers!</div></div></div>");
}

function CreateOsxModelDiv() {
   if (document.getElementById('osx-modal-content') != null) {
      return;
   }

   $("#Wrapper").append("<div id='osx-modal-content'><div id='osx-modal-title'><table style='width: 875px'><tr><td style='text-align: left'>Compare Result</td><td style='text-align: right'>" +
                         "<button class='simplemodal-close'>Close</button></td></tr></table></div><div id='osx-modal-data' style='background-color: Black; width: 875px; height: 495px; overflow-y: scroll;overflow-x: scroll;'>" +
                         "<div id='htmlresult' style='background-color: Black; padding-left: 2px;'></div></div></div>");
}

function ShowNotice() {
   $('#msgbox').notificationmsg({ animation: 'fade' });
   $('#msgbox').notificationmsg('show');
   $('#closebutton').click(function() { $('#msgbox').notificationmsg('hide'); });
}

function ShowResult(data, textStatus) {
   if (data != "No!") {
      var d = document.getElementById('htmlresult');
      d.innerHTML = data;

      DoShow();
   }
}

function CompareClientClick() {
   CreateNoticeBox();
   CreateOsxModelDiv();

   $('#msgbox').notificationmsg({ period: 3000 });
   $('#osx-modal-data').height($(window).height() - 50);

   var selected = $('#fgd_div .ClientConfigurator');

   var ids = new Array();

   $.each(selected, function() {
      if (this.checked) {
         ids.push(this.lang);
      }
   });

   if (ids.length > 1) {
      var prefix = GetPrefix();
      var address = prefix + "ModelWriter.aspx";

      var root = prefix == "";

      var mids = "mids=" + ids.join(',') + "&r=" + Math.random() + "&ro=" + root;
      $.get(address, mids, ShowResult);
      $('#msgbox').notificationmsg('hide');
   }
   else {
      ShowNotice();
   }
}

function DoShow() {
   var OSX = {
      container: null,
      open: function(d) {
         var self = this;
         self.container = d.container[0];
         d.overlay.fadeIn('slow', function() {
            $("#osx-modal-content", self.container).show();
            var title = $("#osx-modal-title", self.container);
            title.show();
            d.container.slideDown('slow', function() {
               setTimeout(function() {
                  var h = $("#osx-modal-data", self.container).height()
							+ title.height()
							+ 20;
                  d.container.animate(
							{ height: h },
							200,
							function() {
							   $("div.close", self.container).show();
							   $("#osx-modal-data", self.container).show();
							}
						);
               }, 300);
            });
         })
      },
      close: function(d) {
         var self = this;
         d.container.animate(
				{ top: "-" + (d.container.height() + 20) },
				500,
				function() {
				   self.close();
				}
			);
      }
   };

   $("#osx-modal-content").modal({
      overlayId: 'osx-overlay',
      containerId: 'osx-container',
      minHeight: 80,
      opacity: 65,
      position: ['0', ],
      overlayClose: true,
      onOpen: OSX.open,
      onClose: OSX.close
   });
}

function MM_swapImgRestore() { //v3.0
   var i, x, a = document.MM_sr; for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc;
}
function MM_preloadImages() { //v3.0
   var d = document; if (d.images) {
      if (!d.MM_p) d.MM_p = new Array();
      var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i < a.length; i++)
         if (a[i].indexOf("#") != 0) { d.MM_p[j] = new Image; d.MM_p[j++].src = a[i]; }
   }
}

function MM_findObj(n, d) { //v4.01
   var p, i, x; if (!d) d = document; if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
      d = parent.frames[n.substring(p + 1)].document; n = n.substring(0, p);
   }
   if (!(x = d[n]) && d.all) x = d.all[n]; for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
   for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
   if (!x && d.getElementById) x = d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
   var i, j = 0, x, a = MM_swapImage.arguments; document.MM_sr = new Array; for (i = 0; i < (a.length - 2); i += 3)
      if ((x = MM_findObj(a[i])) != null) { document.MM_sr[j++] = x; if (!x.oSrc) x.oSrc = x.src; x.src = a[i + 2]; }
}
function MM_changeProp(objId, x, theProp, theValue) { //v9.0
   var obj = null; with (document) {
      if (getElementById)
         obj = getElementById(objId);
   }
   if (obj) {
      if (theValue == true || theValue == false)
         eval("obj.style." + theProp + "=" + theValue);
      else eval("obj.style." + theProp + "='" + theValue + "'");
   }
}