// JavaScript Document
DHTML_modalMessage = function()
		{
			var url;								// url of modal message
			var htmlOfModalMessage;					// html of modal message
				
			var divs_transparentDiv;				// Transparent div covering page content
												var divs_content;						// Modal message div.
												var iframe;								// Iframe used in ie
												var layoutCss;							// Name of css file;
												var width;								// Width of message box
												var height;								// Height of message box
												
												var existingBodyOverFlowStyle;			// Existing body overflow css
												var dynContentObj;						// Reference to dynamic content object
												var cssClassOfMessageBox;				// Alternative css class of message box - in case 			you want a different appearance on one of them
												var shadowDivVisible;					// Shadow div visible ? 
												var shadowOffset; 						// X and Y offset of shadow(pixels from content box)
												var MSIE;
													
												this.url = '';							// Default url is blank
												this.htmlOfModalMessage = '';			// Default message is blank
												this.layoutCss = 'modal-message.css';	// Default CSS file
												this.height = 200;						// Default height of modal message
												this.width = 400;						// Default width of modal message
												this.cssClassOfMessageBox = false;		// Default alternative css class for the message box
												this.shadowDivVisible = true;			// Shadow div is visible by default
												this.shadowOffset = 5;					// Default shadow offset.
												this.MSIE = false;
												if(navigator.userAgent.indexOf('MSIE')>=0) this.MSIE = true;
												
											
											}
											
											DHTML_modalMessage.prototype = {
											
												close : function()
												{
													
													/* Hiding divs */
													this.divs_transparentDiv.style.display='none';
													this.divs_content.style.display='none';
													this.divs_shadow.style.display='none';
													if(this.MSIE)this.iframe.style.display='none';
													
												},
	
												setHtmlContent : function(newHtmlContent)
												{
													//alert("sheru");
													this.htmlOfModalMessage = newHtmlContent;
													
												},
												
												setSize : function(width,height)
												{
													if(width)this.width = width;
													if(height)this.height = height;		
												},
	
												display : function()
												{
													if(!this.divs_transparentDiv){
														//alert("inside if");
														this.__createDivs();
													}	
													
													// Redisplaying divs
													this.divs_transparentDiv.style.display='block';
													this.divs_content.style.display='block';
													this.divs_shadow.style.display='block';		
													if(this.MSIE)this.iframe.style.display='block';	
													this.__resizeDivs();
													
													/* Call the __resizeDivs method twice in case the css file has changed. The first execution of this method may not catch these changes */
													window.refToThisModalBoxObj = this;		
													setTimeout('window.refToThisModalBoxObj.__resizeDivs()',150);
													
													this.__insertContent();	// Calling method which inserts content into the message div.
												},
												
												__createDivs : function()
												{
													// Creating transparent div
													this.divs_transparentDiv = document.createElement('DIV');
													this.divs_transparentDiv.className='modalDialog_transparentDivs';
													this.divs_transparentDiv.style.left = '0px';
													this.divs_transparentDiv.style.top = '0px';
													
													document.body.appendChild(this.divs_transparentDiv);
													
													// Creating content div
													this.divs_content = document.createElement('DIV');
													this.divs_content.className = 'modalDialog_contentDiv';
													this.divs_content.id = 'DHTMLSuite_modalBox_contentDiv';
													this.divs_content.style.zIndex = 100000;
													
													if(this.MSIE){
														this.iframe = document.createElement('<IFRAME src="about:blank" frameborder=0>');
														this.iframe.style.zIndex = 90000;
														this.iframe.style.position = 'absolute';
														document.body.appendChild(this.iframe);	
													}
			
													document.body.appendChild(this.divs_content);
													
													// Creating shadow div
													this.divs_shadow = document.createElement('DIV');
													this.divs_shadow.className = 'modalDialog_contentDiv_shadow';
													this.divs_shadow.style.zIndex = 95000;
													document.body.appendChild(this.divs_shadow);
													
													/*
													window.refToModMessage = this;
		
													this.addEvent(window,'scroll',function(e){ 
														window.refToModMessage.__repositionTransparentDiv() 
														});
														
													this.addEvent(window,'resize',function(e){ 
														window.refToModMessage.__repositionTransparentDiv() 
														});
													*/
													
												},
	
												__resizeDivs : function()
												{
													
													var topOffset = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
											
													if(this.cssClassOfMessageBox)
														this.divs_content.className=this.cssClassOfMessageBox;
													else
														this.divs_content.className='modalDialog_contentDiv';	
																
													if(!this.divs_transparentDiv)return;
													
													// Preserve scroll position
													var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
													var sl = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
													
													window.scrollTo(sl,st);
													setTimeout('window.scrollTo(' + sl + ',' + st + ');',10);
											
													this.__repositionTransparentDiv();
    	

													var brSize = this.__getBrowserSize();
													var bodyWidth = brSize[0];
													var bodyHeight = brSize[1];
													
													// Setting width and height of content div
													this.divs_content.style.width = this.width + 'px';
													this.divs_content.style.height= this.height + 'px';  	
													
													// Creating temporary width variables since the actual width of the content div could be larger than this.width and this.height(i.e. padding and border)
													var tmpWidth = this.divs_content.offsetWidth;	
													var tmpHeight = this.divs_content.offsetHeight;
													
													
													// Setting width and height of left transparent div
    //												
													this.divs_content.style.left = Math.ceil((bodyWidth - tmpWidth) / 2) + 'px';
													this.divs_content.style.top = (Math.ceil((bodyHeight - tmpHeight) / 2) +  topOffset) + 'px';
													//alert("bH====="+bodyHeight);
													//alert("tH====" + tmpHeight);
													//alert(bodyHeight - tmpHeight);
													if(this.MSIE){
														this.iframe.style.left = this.divs_content.style.left;
														this.iframe.style.top = this.divs_content.style.top;
														this.iframe.style.width = this.divs_content.style.width;
														this.iframe.style.height = this.divs_content.style.height;
													}
													
													this.divs_shadow.style.left = (this.divs_content.style.left.replace('px','')/1 + this.shadowOffset) + 'px';
													this.divs_shadow.style.top = (this.divs_content.style.top.replace('px','')/1 + this.shadowOffset) + 'px';
													this.divs_shadow.style.height = tmpHeight + 'px';
													this.divs_shadow.style.width = tmpWidth + 'px';
    	
    	
    	
    												if(!this.shadowDivVisible)this.divs_shadow.style.display='none';	// Hiding shadow if it has been disabled
    	
    	
    											},
	
												 __repositionTransparentDiv : function()
												{
													this.divs_transparentDiv.style.top = Math.max(document.body.scrollTop,document.documentElement.scrollTop) + 'px';
													this.divs_transparentDiv.style.left = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft) + 'px';
													var brSize = this.__getBrowserSize();
													var bodyWidth = brSize[0];
													var bodyHeight = brSize[1];
													this.divs_transparentDiv.style.width = bodyWidth + 'px';
													this.divs_transparentDiv.style.height = bodyHeight + 'px';		
														
												},
		
												__insertContent : function()
												{
													if(this.url){	// url specified - load content dynamically
														ajax_loadContent('DHTMLSuite_modalBox_contentDiv',this.url);
													}else{	// no url set, put static content inside the message box
														this.divs_content.innerHTML = this.htmlOfModalMessage;	
													}
												},
	
												__getBrowserSize : function()
												{
													var bodyWidth = document.documentElement.clientWidth;
													var bodyHeight = document.documentElement.clientHeight;
													
													var bodyWidth, bodyHeight; 
													if (self.innerHeight){ // all except Explorer 
													   bodyWidth = self.innerWidth; 
													   bodyHeight = self.innerHeight; 
													}  else if (document.documentElement && document.documentElement.clientHeight) {
													   // Explorer 6 Strict Mode 		 
													   bodyWidth = document.documentElement.clientWidth; 
													   bodyHeight = document.documentElement.clientHeight; 
													} else if (document.body) {// other Explorers 		 
													   bodyWidth = document.body.clientWidth; 
													   bodyHeight = document.body.clientHeight; 
													} 
													return [bodyWidth,bodyHeight];		
													
												}
											}
											
										var messageObj = new DHTML_modalMessage();	// We only create one object of this class
										messageObj.setShadowOffset;	// Large shadow i have made changes
										messageObj.setCssClassMessageBox;// i have made changes
										messageObj.setShadowDivVisible;	// Enable shadow for these boxes changes i have made
										function callme(url, width, height, titulo)
										{
											//alert("hi");
											var messageTitle ='<table class="modalDialog_titleArea" width = "100%"><tr><td align="center" width="90%">' + titulo+ '</td><td align="center" width="10%"><img src="http://www.phonon.in/image1/close.gif" border="0" WIDTH="14" HEIGHT="14" onclick="closeMessage();return false"> </td><tr><table>'
    
										   var messageContent = '<iframe src="'+url+'"  class="frame" width="'+(width -20)+'" height="'+(height - 30)+'" frameborder="0"></iframe>';
											//alert("hi");
											/*
											var messageFeedback = '<table class="modalDialog_titleArea" width = "100%"><tr><td align="left" width="10%"><a id="feedbacklink"  href="#" onClick="abc();closeMessage();" target="_blank"><font size="2" style="font-family:Arial">Feedback</font></a> </td><tr><table>';
											*/
											
										   messageObj.setHtmlContent(messageTitle + messageContent);
										   messageObj.setSize(width, height);
										   
										   messageObj.display();
										   
										}
										
										function closeMessage()
										{
											messageObj.close();
										}
										
										function abc()
										{
											//alert("hi");
											var i = document.getElementById('feedbacklink');
											i.href = "http://www.phonon.in/feedbackform.php";
										}