jQuery.noConflict();

function call_emodal(closable){ //void
 jQuery(document).ready(function(){
   var width = 615;
   var url = "/modelSelection.aspx";
   //var url = "/Content.html";
   //var closable = true;

   var oBg = build_bg_emodal();
   var oDiv = build_div_emodal(width);
   var oFrame = build_frame_emodal(url);


   jQuery("body").append(oBg);
   oDiv.append(oFrame);
   jQuery("body").append(oDiv);

   if(closable){
     var oClose = build_close_emodal();
     jQuery("body").append(oClose);
     oClose.fadeIn(1500);
   }
  });
}

function remove_emodal(){ //void
  window.parent.location.reload();
//	jQuery("#emodal_close").remove();
//	jQuery("#emodal_div").remove();
//	jQuery("#emodal_background").remove();
}

//CLOSE BUTTON DEFINITION AND EVENTS
//close button definition
function build_close_emodal(){ //object
 var oClose = jQuery('<div id="emodal_close"></div>');
 oClose.css({
         width: "36px",
		 height:"36px",
		 position:"absolute",
		 backgroundImage:"url(/imgs/close.gif)",
		 top:"0px",
		 left: (parseInt(jQuery("#emodal_div").get(0).style.left) + jQuery("#emodal_div").width() - 37)+"px",
		 marginTop:"17px",
		 marginLeft:"-9px",
		 cursor:"pointer",
		 overflow:"hidden",
		 zIndex:"1002",
		 display:"none"
		 }); 
 jQuery(oClose).click(remove_emodal);
 jQuery(window).resize(resize_close_emodal);
 return oClose;
}

//resize close event
function resize_close_emodal(){ //void
 var div = jQuery("#emodal_close");
 if (div != null && div != "undefinded"  && div.get(0) != null && div.get(0).style !=  null){
  div.get(0).style.left = (parseInt(jQuery("#emodal_div").get(0).style.left) + jQuery("#emodal_div").width() - div.width())+"px";
 }
}



//FRAME DEFINITION AND EVENTS
//frame definition
function build_frame_emodal(pUrl){ //object
 var oFrame = jQuery('<iframe allowTransparency="true" noresize border="0" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" src="'+pUrl+'" id="emodal_frame" />');
 oFrame.css({
         width: "100%",
		 height:"100%"
		 });  
 return oFrame;
}


//DIV DEFINITION AND EVENTS
//div definition
function build_div_emodal(pWidth){ //object
 var oDiv = jQuery('<div id="emodal_div"></div>');
 oDiv.css({
		 backgroundColor:"transparent",
         width: pWidth,
		 height:jQuery(document).height()+"px",
		 position:"absolute",
		 left: center_content(pWidth)+"px",
		 top:"0px",
		 zIndex:"1001"
		 });
 jQuery(window).resize(resize_div_emodal);
 return oDiv;
}

//resize div event
function resize_div_emodal(){ //void
 var div = jQuery("#emodal_div");
 if (div != null && div != "undefinded"  && div.get(0) != null && div.get(0).style !=  null){
  div.get(0).style.left = center_content(div.width())+"px";
  div.get(0).style.height = jQuery(document).height()+"px";
 }
}




//BACKGROUND DEFINITION AND EVENTS
//background definition
function build_bg_emodal(){ //object
 var oBg = jQuery('<div id="emodal_background"></div>');
 oBg.css({
		 opacity:0.25,
		 backgroundColor:"#000",
         width: get_body_width()+"px",
		 height:jQuery(document).height()+"px",
		 position:"absolute",
		 left:"0px",
		 top:"0px",
		 zIndex:"1000"
		 });
 jQuery(window).resize(resize_bg_emodal);
 return oBg;
}

//resize background event
function resize_bg_emodal(){ //void
 var bg = jQuery("#emodal_background");

 if (bg != null && bg != "undefinded"  && bg.get(0) != null && bg.get(0).style !=  null){
   if (jQuery.browser.msie) {
     bg.get(0).style.width = jQuery("body").outerWidth(true)+"px"; 
   }
   else{
     bg.get(0).style.width = "100%";
   }
   bg.get(0).style.height = jQuery(document).height()+"px";
  }
}





//UTILS
//Get browser a complient body width
function get_body_width(){ //int
 var width = 0;
 //if (jQuery.browser.webkit || jQuery.browser.mozilla) {
 //  width = jQuery("body").width();
 //  jQuery("body").get(0).style.overflowX="hidden";
 //}
 //else{
    width = jQuery("body").outerWidth(true); 
	jQuery("body").get(0).style.overflowX="hidden";
 //} 
 return width;
}

function center_content(pWidth){ //int
  var a = get_body_width()/2;
  var b = pWidth/2;
  return a-b;
}