var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
win=window.open(mypage,myname,settings);}


var sum = 0;
var counter = "";
var titlevar = "";
function CountColumns(tblID){
	var tds = document.getElementById(tblID).getElementsByTagName('td');  
	sum = tds.length 
}

function innerContantView(tId, targetID, id, colID){ 
	CountColumns(tId);
	counter = id;
	titlevar = targetID;
	for (var q=1; q<=sum; q++){
		var inID = colID + q; 
		document.getElementById(inID).className="";
	}
	document.getElementById(colID + id).className="active";
	if (tId == "tblBullet"){
		switch(titlevar) {		
			case "General":
			if (counter != ""){
					switch(counter) {
						case "1":
		document.getElementById("recordImage").innerHTML = "<img src='images/all_layout.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>New layout and improved aesthetics introduced for the entire partner panel.</p></td></tr></table>" ;
							
						break
						
						case "2":
		document.getElementById("recordImage").innerHTML = "<img src='images/more_menu.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>The main navigation menu on the left provides smooth inter-page & inter-section movement. The menu is divided under various categories with relevant sub-headings under each. You can click on the + sign to expand each section.</p></td></tr></table>" ;
							
						break
						
						case "3":
		document.getElementById("recordImage").innerHTML = "<img src='images/all_buy.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>You can navigate to buy any services from anywhere in the site from the Buy Services link in the top menu.</p></td></tr></table>" ;
						break
						
						case "4":
		document.getElementById("recordImage").innerHTML = "<img src='images/all_moreview.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>The collapsible pane lets you have an increased view area for all the sections of the website. The left menu can be collapsed to have a larger area for display of grids and other content.</p></td></tr></table>" ;
						break
						
						case "5":
		document.getElementById("recordImage").innerHTML = "<img src='images/all_itips.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>Brief information tips on technical jargons have been added all across the website. Just hover on the small icons to view the tooltips.</p></td></tr></table>" ;
						break
						
						case "6":
		document.getElementById("recordImage").innerHTML = "<img src='images/all_1or2.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>Smoother, more intuitive navigation with One/ Two Clicks navigation to any & every type of information. Single-click navigation to DASHBOARD, BUY SERVICES & HOME.</p></td></tr></table>" ;
						break 
						
						case "7":
		document.getElementById("recordImage").innerHTML = "<img src='images/all_net4zone.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>Complete information on services, FAQs, & sales & support contact numbers.</p></td></tr></table>" ;
						break
						
						
						
					}
			}
			break
		}	
	} else if (tId == "tblDasBullet"){ 
		switch(titlevar) {		
			case "dashboard":
			if (counter != ""){
					switch(counter) {
						case "1":
		document.getElementById("recordDashImage").innerHTML = "<img src='images/dashboard_wallet.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relDashText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>View Cyber Wallet, Free Wallet & Broadband Wallet balances. <br><br>Navigate to transaction history & recharge pages of wallets.</p></td></tr></table>";
						break
						
						case "2":
		document.getElementById("recordDashImage").innerHTML = "<img src='images/dashboard_member.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relDashText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>Know what your current membership type is. You can use the Compare link to view the comparative price lists and upgrade to a higher Membership Type.<br><br>Get instant access to the Alerts sent to you.</p></td></tr></table>";
						break
						
						case "3":
		document.getElementById("recordDashImage").innerHTML = "<img src='images/dashboard_services.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relDashText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>View & manage all the services subscribed by you from the dashboard. With a single click, you can navigate to ACTIVE, EXPIRED, EXPIRING IN and DELETED services from the dashboard.</p></td></tr></table>";
						break
						
						case "4":
		document.getElementById("recordDashImage").innerHTML = "<img src='images/dashboard_profile.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relDashText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>The Quick Profile Update Panel lets you quickly update the profile information used in all communications.</p></td></tr></table>";
						break
						
						case "5":
		document.getElementById("recordDashImage").innerHTML = "<img src='images/dashboard_helpdek.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relDashText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>View no. of total & open Trouble Tickets (TTs) using the My Helpdesk panel on the dashboard.<br><br> You can also generate a TT from the dashboard using the Report a Problem link.</p></td></tr></table>";
						break
						
						case "6":
		document.getElementById("recordDashImage").innerHTML = "<img src='images/dashboard_custOrders.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relDashText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subpara'>Add a Customer from the dashboard or navigate easily to 'My Customers' & 'My Order' sections. </p></td></tr></table>";
						break
					}
			}
			break
		}
	} else if (tId == "tblDomRBullet"){ 
		switch(titlevar) {		
			case "DomainRegistration":
			if (counter != ""){
					switch(counter) {
						case "1":
		document.getElementById("recordDomRImage").innerHTML = "<img src='images/buydomain_multiple.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relDomRText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Use Register Multiple Domains link to upload files containing numerous domain name or enter multiple domains, separated by a comma in the text field.</p></td></tr></table>";
						break
						
						case "2":
		document.getElementById("recordDomRImage").innerHTML = "<img src='images/buydomain_transfer.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relDomRText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Transfer multiple domains from other registrar(s) to Net4 in one go.</p></td></tr></table>";
						break
						
						case "3":
		document.getElementById("recordDomRImage").innerHTML = "<img src='images/buydomain_customer.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relDomRText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Map the customers directly from the Buy Page to the selected domains. You can either choose from the existing customers in your panel or add a new customer.</p></td></tr></table>";
						break
						
						
					}
			}
			break
		}
	} else if (tId == "tblDomMBullet"){ 
		switch(titlevar) {		
			case "ManageDomain":
			if (counter != ""){
					switch(counter) {
						case "1":
		document.getElementById("recordDomMImage").innerHTML = "<img src='images/managedom_sort.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relDomMText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Now, search & sort domains on:<ul class='mainBullet'><li>No. of days left for expiry</li><li>Domain Name</li><li>CRN ID</li><li>Customer Name</li><li>Status</li></ul></p></td></tr></table>";
						break
						
						case "2":
		document.getElementById("recordDomMImage").innerHTML = "<img src='images/managedom_multiple.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relDomMText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Manage domains belonging to one or multiple customers simultaneously.<br />In one go, perform the following management facilities on domain(s) belonging to one or multiple customers:<ul class='mainBullet' style='width:200px; float:left'><li>Change A Record</li><li>Contact (ABT) Change</li><li>NS Change</li></ul><ul class='mainBullet' style='width:200px; float:left'><li>MX Change</li><li>Registrant Change</li><li>URL Forwarding</li></ul><ul class='mainBullet' style='width:200px; float:left'><li>(Access to) Auth Code</li><ul></p></td></tr></table>";
						break
						
						case "3":
		document.getElementById("recordDomMImage").innerHTML = "<img src='images/managedom_renewal.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relDomMText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>'Renew' domains belonging to one or multiple customers in one go.</p></td></tr></table>";
						break
						
						
					}
			}
			break
		}
	} else if (tId == "tblRtpBullet"){ 
		switch(titlevar) {		
			case "report":
			if (counter != ""){
					switch(counter) {
						case "1":
		document.getElementById("recordReportImage").innerHTML = "<img src='images/report_wallet.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relReportText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Cyber Wallet Report: These provide monthly statistics & helping diagram for Cyber Wallet debit & credit account balance.<br>Free Wallet Report: These provide monthly statistics & helping diagram for Free Wallet debit & credit account balance.</p></td></tr></table>";
						break
						
						case "2":
		document.getElementById("recordReportImage").innerHTML = "<img src='images/report_profit.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relReportText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Here, a partner can view monthly data on the price paid & the amount gained on buying Net4 service(s).<br><ul class='mainBullet'><li><b>NOTE:</b> Amount Gained = Free Wallet Reward + Cost Saved By Virtue Of Being A Specific Grade Partner</li></ul></p></td></tr></table>";
						break
						
						case "3":
		document.getElementById("recordReportImage").innerHTML = "<img src='images/report_tf_domains.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relReportText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Partners can easily view details of all their transferred-in domains.</p></td></tr></table>";
						break
						
						case "4":
		document.getElementById("recordReportImage").innerHTML = "<img src='images/report_services.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relReportText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>These provide monthly statistics & helping diagram for all the subscribed services.</p></td></tr></table>";
						break
						
					}
			}
			break
		}
	} else if (tId == "tblcustBullet"){ 
		switch(titlevar) {		
			case "customer":
			if (counter != ""){
					switch(counter) {
						case "1":
		document.getElementById("recordCustImage").innerHTML = "<img src='images/mycust_sort.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relCustText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Search  & sort customers on:<ul class='mainBullet'><li>Email ID</li><li>Creation Date</li><li>Domain Name</li><li>CRN ID</li><li>Customer First Name or Last Name</li></ul></p></td></tr></table>";
						break
						
						case "2":
		document.getElementById("recordCustImage").innerHTML = "<img src='images/mycust_addnewcust.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relCustText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>From Buy page only, assign a service to an existing customer. </p></td></tr></table>";
						break
						
						case "3":
		document.getElementById("recordCustImage").innerHTML = "<img src='images/mycust_del.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relCustText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Delete/ Unbind multiple customers in one go.</p></td></tr></table>";
						break
						
						case "4":
		document.getElementById("recordCustImage").innerHTML = "<img src='images/mycust_manage.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relCustText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>A partner can view, edit & manage its customers & their profile details.</p></td></tr></table>";
						break
						
						
					}
			}
			break
		}
	} else if (tId == "tblshareHEBullet"){ 
		switch(titlevar) {		
			case "shareHE":
			if (counter != ""){
					switch(counter) {
						case "1":
		document.getElementById("recordSESHImage").innerHTML = "<img src='images/shared_size.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relSESHText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Now you can define the no. of emails you want to buy for Economail, Promail and Bizmail+.<br><br> You can also define the size of the hosting space required for both Windows and Linux platforms.<br><br><i>The no./ size defined by you should be a multiple of the available no./ size.</i></p></td></tr></table>";
						break
						
						case "2":
		document.getElementById("recordSESHImage").innerHTML = "<img src='images/shared_mapCustomer.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relSESHText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Assign a service to an existing customer or register a new customer from the Buy page itself.</p></td></tr></table>";
						break
						
						case "3":
		document.getElementById("recordSESHImage").innerHTML = "<img src='images/shared_sort.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relSESHText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Now, search & sort shared email and shared hosting packs on the basis of:<ul class='mainBullet'><li>No. of days left for expiry</li><li>Domain Name</li><li>CRN ID</li><li>Customer Name</li></ul></p></td></tr></table>";
						break
						
						case "4":
		document.getElementById("recordSESHImage").innerHTML = "<img src='images/shared_renew.jpg' width='700px' height='180px' alt='' />"
		var contDisplay = document.getElementById("relSESHText")
		contDisplay.innerHTML =  "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top' class='relText'><p class='subPara'>Renew shared email and shared hosting packs belonging to one or multiple customers at once.</p></td></tr></table>";
						break
						
						
					}
			}
			break
		}
	}
	
	
} 



function centeropen(url, winwidth, winheight){
 var centerwin=window.open(url, "", "toolbar=0, resize=0, scrollbars=0, status=0")
 centerwin.resizeTo(winwidth, (winheight)+30)
 centerwin.moveTo(screen.width/2-winwidth/2, screen.height/2-winheight/2) //center window on user's screen
}