jQuery UI 1.10.3 IE8 Dialog Error

jQuery UI 1.10.3 IE8 Dialog Error

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/redmond/jquery-ui.css" type="text/css" media="all" />
<a href="#" onclick="javascript:openLocator(); return false;">testing</a>
<script>
function openLocator()
{
 var iframesource = '<div width="100%" id="LocatorDiv" class="LocatorDiv" name="LocatorDiv"><iframe width="100%" ' +
                    'height="100%" ' +
                    'frameborder="0" ' +
                    'name="Locator" id="Locator" class="Locator" ' +
                    'allowtransparencty="true" ' +
                    'style="background-color: transparent;" ' +
                    'src="http://www.jquery.com"></iframe></div>';

 var vInnerWidth = $(window).width();
 var vInnerHeight = $(window).height();

 var xRatio = vInnerWidth /960;
 var yRatio = vInnerHeight /550;
 var xRatio2 = vInnerWidth / 1371;

 if(xRatio < 1.1)
   xRatio=1.1;
 
 if(yRatio < 1.1)
   yRatio=1.1;

 if(xRatio2 < 1.05)
   xRatio2=1.05;

  var $dialog = $(iframesource)
                           .dialog({
                                    autoOpen: false,
                                    title: 'Testing',
                                    position: 'center',
                                    width: $(window).width()/xRatio,
                                    height: $(window).height()/yRatio,
                                    modal: true
                                 });

 $dialog.dialog('open');
    
       try
    {
      var LocatorDiv = document.getElementById('LocatorDiv');
      LocatorDiv.className="LocatorDiv";
     }
     catch(err)
         {
         }    
    
}
</script>