﻿
function HowTo()
{

	var os = null;
	var container = findObj('HowToContainer');
	var images = container.getElementsByTagName('img');
	
	if(images.length > 0)
	{
		for(var i = 0; i < images.length; i++)
		{			
			if(images[i].src.toLowerCase().indexOf('k/winxp') > -1)
				os = 'XP';
			else if(images[i].src.toLowerCase().indexOf('k/win95') > -1)
				os = '98';
			else if(images[i].src.toLowerCase().indexOf('k/win2000') > -1)
				os = '2000';
			else if(images[i].src.toLowerCase().indexOf('k/vista') > -1)
				os = 'vista';
			else if(images[i].src.toLowerCase().indexOf('k/mac') > -1)
				os = 'mac'
			else
				os = '';
			if(os != '')
				break;	
		}
		
										
		if(os != '')
		{
			
			if(os == 'XP')
			{
				// Replace ISP Name first
				var img = getImageByName('8.gif');
				setDiv(img, 'ISP', 35, 124, dialup_info.isp);
				
				img = getImageByName('9.gif');
				setDiv(img, 'dialup_Phone', 55, 119, dialup_info.number);
				
				img = getImageByName('11.gif');
				setDiv(img, 'dialup_UserName', 133, 127, dialup_info.username);
				setDiv(img, 'dialup_Password', 133, 154, dialup_info.password);
				setDiv(img, 'dialup_ConfirmPassword', 133, 179, dialup_info.password);
				
				img = getImageByName('12.gif');
				setDiv(img, 'dialup_ISPName', 158, 101, '<b>' + dialup_info.isp + '</b>');
			}
			else if(os == 'vista')
			{
			
				// Replace ISP Name first			
				var img = getImageByName('4.jpg');
				
				setDiv(img, 'dialup_Phone', 156, 85,  dialup_info.number);
				
				setDiv(img, 'dialup_UserName', 156, 111, dialup_info.username);
				setDiv(img, 'dialup_Password', 156, 136, dialup_info.password);
				setDiv(img, 'dialup_ISPName', 156, 190, dialup_info.isp);
			}
			else if(os == '2000')
			{
			
				// Replace ISP Name first
				var img = getImageByName('6.gif');
				setDiv(img, 'dialup_Phone', 93, 112, dialup_info.number, '70px', '12px', '10px Tahoma, FreeSans');
				
				// UserName & Password
				img = getImageByName('7.gif');
				setDiv(img, 'dialup_UserName1', 88, 120, dialup_info.username, '80px', '11px', '10px Tahoma, FreeSans');
				setDiv(img, 'dialup_Password1', 88, 139, dialup_info.password, '80px', '11px', '10px Tahoma, FreeSans');
				
				// ISP Name
				img = getImageByName('8.gif');
				setDiv(img, 'dialup_Isp', 35, 152, dialup_info.isp, '80px', '12px', '10px Tahoma, FreeSans');
				
				img = getImageByName('11.gif');
				setDiv(img, 'dialup_Phone2', 204, 207, dialup_info.isp, '90px', '28px', '11px Tahoma, FreeSans', '#0384c7', '#FFFFFF');
				
				img = getImageByName('12.gif');
				setDiv(img, 'dialup_UserName2', 100, 186, dialup_info.username, '80px', '17px', '12px Tahoma, FreeSans');
				setDiv(img, 'dialup_Password2', 100, 214, dialup_info.password, '80px', '17px', '12px Tahoma, FreeSans');
			}
			else if(os == 'mac')
			{
				var img = getImageByName('7.gif');
				// ISP Name
				setDiv(img, 'dialup_isp', 133, 124, dialup_info.isp, '70px', '10px', '9px Tahoma, FreeSans');
				setDiv(img, 'dialup_number', 133, 144, dialup_info.number, '100px', '10px', '9px Tahoma, FreeSans');
				setDiv(img, 'dialup_username', 133, 184, dialup_info.username, '100px', '10px', '9px Tahoma, FreeSans');
				
				img = getImageByName('8.gif');
				setDiv(img, 'dialup_isp2', 123, 57, dialup_info.isp, '100px', '12px', 
						'11px Tahoma, FreeSans', '', '#000000', '/images/macTile.gif');
				setDiv(img, 'dialup_number2', 123, 82, dialup_info.number, '100px', '12px', 
						'11px Tahoma, FreeSans', '', '#000000', '/images/macTile.gif');
				setDiv(img, 'dialup_username2', 126, 129, dialup_info.username, '100px', '12px', 
						'11px Tahoma, FreeSans', '', '#000000', '/images/macTile.gif');
				setDiv(img, 'dialup_password', 126, 151, dialup_info.password, '100px', '10px', 
						'11px Tahoma, FreeSans', '#fbfafb', '#000000');
			}
			else if(os == '98')
			{
				var img = getImageByName('4.gif');
				setDiv(img, 'dialup_isp', 148, 54, dialup_info.isp, '70px', '14px', '10px Tahoma, FreeSans');
				
				img = getImageByName('5.gif');
				setDiv(img, 'dialup_number', 235, 83, dialup_info.number, '100px', '14px', '11px Tahoma, FreeSans');
				
				img = getImageByName('6.gif');
				setDiv(img, 'dialup_isp2', 150, 65, dialup_info.isp, '100px', '14px', '11px Tahoma, FreeSans', '#27276e', '#FFFFFF');
				
				img = getImageByName('8.gif');
				setDiv(img, 'dialup_username', 103, 94, dialup_info.username, '100px', '14px', '11px Tahoma, FreeSans');
				setDiv(img, 'dialup_password', 103, 124, dialup_info.password, '100px', '14px', '11px Tahoma, FreeSans');
				setDiv(img, 'dialup_number2', 103, 188, dialup_info.number, '100px', '14px', '11px Tahoma, FreeSans');
			}
		}
	}	
	
	function setDiv(img, divId, left, top, text)
	{
		var width  = '100px';
		var height = '14px';
		var fontSize = '';
		var backColor = '#FFFFFF';
		var color = '#000000';
		var backImage = '';
		
		if(setDiv.arguments.length > 5)		
			width = setDiv.arguments[5];
		if(setDiv.arguments.length > 6)
			height = setDiv.arguments[6];
		if(setDiv.arguments.length > 7)
			fontSize = setDiv.arguments[7];
		if(setDiv.arguments.length > 8)
			backColor = setDiv.arguments[8];
		if(setDiv.arguments.length > 9)
			color = setDiv.arguments[9];
		if(setDiv.arguments.length > 10)
			backImage = setDiv.arguments[10];
					
		if(!(d = findObj(divId)))
		{
			var d = document.createElement('div');
			container.appendChild(d);
		}
		
		d.id = divId;
		if(backColor.length > 0)
			d.style.background = backColor;
		d.innerHTML = text;
		d.style.border = 'none';
		d.style.color = color;
		d.style.position = 'absolute';
		d.style.whiteSpace = 'nowrap';
		d.style.width = width;
		d.style.height = height;
		d.onselectstart = new Function("return(false);");
		
		if(fontSize.length > 0)
			d.style.font = fontSize;
		if(backImage.length > 0)
			d.style.background = 'url(' + backImage + ') repeat left top';					
		
		d.readonly = true;					
		d.style.left = (getOffset(img, 'left') + left) + 'px';
		d.style.top = (getOffset(img, 'top') + top) + 'px';
	}
	
	function getOffset(obj, position)
	{
		var offset = 0;
		obj.style.position = 'relative';
		if(position == 'top')
			offset = obj.offsetTop;
		else
			offset = obj.offsetLeft;
		obj.style.position = '';
		return offset;
	}
	
	function getImageByName(name)
	{
		for(var i = 0; i < images.length; i++)
			if(images[i].src.toLowerCase().endsWith(name))
				return images[i];
		return null;
	}
	
}

// Execute
document.onload = run_HowTo();

function run_HowTo()
{
	HowTo();		
	setTimeout("run_HowTo();", 3000);
}

function schedule_HowTo(){run_HowTo();}

