var img = 0;
var demo = 0;
var visible = "";
var hidden = "";
var waitImg = null;
var checked = false;

//cover deco variables
  var target = "background";
  var titleText = "Cover title";
  var subtitleText = "Subtitle";
  var authorText = "Author";
  var motive = 0;
  var cover = null;
  var marginLeft = 0;
  var marginTop = 0;
  var lineW = 3;
  var saddleW = 35;
  var hasLine = true;
  
  var imageFile = "";
  var foreColor = "ffffff";
  var saddleColor = "cdcdcd";
  var backColor = "efefef";
  var titleColor = "000000";
  var subtitleColor = "000000";
  var authorColor = "000000";
  var saddleLineColor = "000000";
  var imageLineColor = "000000";
  var foregroundLineColor = "000000";
  var showTitle = true;
  var showSubtitle = true;
  var showAuthor = false;
  var showImage = true;
  var showImageLine = true;
  var showSaddleLine = true;

//function autoWaitWhileLoading()
//{
//	var loadImage=(document.all);
//	var ns4=document.layers;
//	var ns6=document.getElementById&&!document.all;
//	var ie4=document.all;
//	if (ns4)
//		loadImage=document.imgLoading;
//	else if (ns6)
//		loadImage=document.getElementById("imgLoading").style;
//	else if (ie4)
//		loadImage=document.all.imgLoading.style;
//}

function LoadWaitImage()
{
	document.images["imgWait"].src = waitImg.src;
}

function GetProductInfo(source)
{
    txt = document.getElementById(source);
    div = document.getElementById("HomeInfo");    
    div.innerHTML = txt.innerHTML;
}

function Redirect(url, msg, isLogin)
{
	waitImg = new Image(200, 200);
	if(isLogin)
	{
		waitImg.src = "Images/verifyLogin.gif";
	}
	else
	{
		waitImg.src = "Images/loadPage.gif";
	}
	LoadWaitImage();
	window.location.replace(url);		
}

function IsNetscape()
{
	if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1)
	{
		return true;
	}
	else
	{
		return false;
	}	
}

function SubmitToOgone(action, notAgreed)
{
	var frm;

	if(CheckConfirmation(notAgreed) == false) return false;
	
	if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1)
	{
		frm = document.forms["form1"];
	}
	else
	{
		frm = document.form1;
	}	
	
	frm.action = action;
	frm.submit();
}

function CheckConfirmation(notAgreed)
{
	var frm;

	if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1)
	{
		frm = document.forms["form1"];
	}
	else
	{
		frm = document.form1;
	}

	if(notAgreed != "")
	{
		if(frm.chkAgreed.checked == false)
		{
			alert(notAgreed);
			return false;
		}
	}	
}

function HidePanes(count)
{
	if(IsNetscape == true)
	{
		visible = "show";
		hidden = "hide";
	}
	else
	{
		visible = "visible";
		hidden = "hidden";
	}

	var pane;		
	for(var i=0; i<count; i++)
	{
		pane = document.getElementById("pane" + i);
		pane.style.visibility = hidden;			
	}		
}
	
function DoDemo(index, count, img)
{		
	var image = "demo";
	demo += index;
	if(demo >= count)
	{
		demo = 0;
		index = 0;
	}
	var btnNext = document.getElementById("next");
	var btnPrev = document.getElementById("prev");
	
	if(img == 2) image = "income";
		
	if(demo < count) 
	{
		btnNext.style.visibility = visible;
	}
	else
	{
		btnNext.style.visibility = hidden;
	}

	if(demo > 0)
	{
		btnPrev.style.visibility = visible;
	}
	else
	{
		btnPrev.style.visibility = hidden;
	}

	HidePanes(count);
	
	document.images["imgDemo"].src = "Images/Demo/" + image + demo + ".jpg";	
	pane = document.getElementById("pane" + demo);
	pane.style.visibility = visible;	
}

function DoImages()
{
	var count = 9;	
	
	if(img > 8)
	{
		img = 0;			
	}
	
	document.images["imgDemo"].src = "Images/Demo/feature" + img + ".jpg";
	document.images["imgCenterDeco"].src = "Images/Demo/centerDeco" + img + ".jpg";
	
	HidePanes(count);
	pane = document.getElementById("pane" + img);
    var div = document.getElementById("demoPane");
	div.innerHTML = pane.value;
	//pane.style.visibility = visible;	
	window.setTimeout("DoImages();", 5000);

	img += 1;	
}

function SubmitForm(changedValues, anchor)
{
	if(document.all)
	{
	 if(event.keyCode == 13)
		{
			document.all["ChangedValues"].value = changedValues;
			document.all["SessionAnchor"].value = anchor;
			PostBack(changedValues, anchor);
		}
	}
	else
	{
		document.forms["form1"].ChangedValues.value = changedValues;
		document.forms["form1"].SessionAnchor.value = anchor;
	}
}

function SubmitFormNetscape(e)
{
	var key = e.keyCode;
	var changedValues;
	var anchor;
	
	if(!document.all)
	{
		changedValues = document.forms["form1"].ChangedValues.value;
		anchor = document.forms["form1"].SessionAnchor.value;
	}
	
	if(key == 13) PostBack(changedValues, anchor);	
}

if(!document.all)
{
	document.captureEvents(Event.KEYUP)
	document.onkeyup = SubmitFormNetscape;
}

function AccountConfirmPostback(notAgreed, sessionKey, anchor)
{
	if(CheckConfirmation(notAgreed) == false) return false;
	
	PostBack(sessionKey, anchor);
}

function PostBack(changedValues, anchor)
{		
		var frm;

		this.disabled = true;

		if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1)
		{
			frm = document.forms["form1"];
		}
		else
		{
			frm = document.form1;
		}

		frm.action = frm.txtAction.value;
		frm.ChangedValues.value = changedValues;

		if(anchor != "" && anchor != "|")
		{		
			frm.action = frm.action + "#" + anchor;
		}

		frm.submit();
}

function checkInput(target, isNumeric, msgNumericInputRequired, maxChar, msgTextTooLong)
{	
	var form;
	if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1)
	{
		form = document.forms["form1"];
	}
	else
	{
		form = document.form1;
	}

	var n = form[target].value.length;
	var a = form[target].value.substring(n-1, n);
		
	if(isNumeric != 0)
	{
		if(a != 0 && a != 1 && a != 2 && a != 3 && a != 4 && a != 5 && a != 6 && a != 7 && a != 8 && a != 9 && a != ".")
		{
			alert(msgNumericInputRequired);
			form[target].value = "";
			return false;
		}	
	}
	else
	{
		if(maxChar != 0)
		{
			if(n > maxChar)
			{
				alert(msgTextTooLong.replace("[MaxChar]", maxChar));
				return false;			
			}
		}
	}
}

function verifyNumericInput(target, minValue, maxValue, msgValueTooSmall, msgValueTooBig)
{	
	var form;
	if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1)
	{
		form = document.forms["form1"];
	}
	else
	{
		form = document.form1;
	}

	var n = form[target].value.length;
	var a = form[target].value.substring(n-1, n);
		
	if(form[target].value < minValue)
	{
		form[target].value = minValue;
		alert(msgValueTooSmall.replace("[MinVal]", minValue));
		return false;
	}
	
	if(form[target].value > maxValue)
	{
		form[target].value = maxValue;
		alert(msgValueTooBig.replace("[MaxVal]", maxValue));
		return false;
	}
}

function OpenWindow(url)
{
 var newWindow = window.open(url, "", "width=800,height=500,status=0,scrollbars=1");
}

function Calculate()
{
	var bonusPartners = (document.form1.txtSponsorPartner.value * document.form1.txtLevel1.value*1);
	var bonusLevel1And2 = (document.form1.txtSponsorPartner.value * document.form1.txtAccountLevel1And2.value*1);
	var bonusLevel3 = (document.form1.txtSponsorRoot.value * document.form1.txtAccountLevel3.value*1);
	var bonusLevel4 = (document.form1.txtSponsorPublicRoot.value * document.form1.txtAccountLevel4.value*1);

	var benefit1 = document.form1.txtIncomeLevel1.value;
	var benefit2 = document.form1.txtIncomeLevel2.value;
	var benefit3 = document.form1.txtIncomeLevel3.value;
	var benefit4 = document.form1.txtIncomeLevel4.value;
	var benefit5 = document.form1.txtIncomeLevel5.value;

	var feeRoot = document.form1.txtFeeRoot.value*1;
	var fee = document.form1.txtFee.value*1;
	var netFee = fee - (benefit1*1 + benefit2*1 + benefit3*1 + benefit4*1 + benefit5*1);	
	var netFeeRoot = feeRoot - (benefit1*1 + benefit2*1 + benefit3*1 + benefit4*1 + benefit5*1);	
	document.form1.txtShareLevelPercent.value = (benefit1*1 + benefit2*1 + benefit3*1 + benefit4*1 + benefit5*1)/(fee/100);

	if(document.form1.radRoot[1].checked == true)
	{
		benefit1 = (benefit1*1 + benefit2*1 + benefit3*1 + benefit4*1 + benefit5*1);
		benefit2 = (benefit2*1 + benefit3*1 + benefit4*1 + benefit5*1);
		benefit3 = (benefit3*1 + benefit4*1 + benefit5*1);
		benefit4 = (benefit4*1 + benefit5*1);
	}
	
	var count1 = document.form1.txtLevel1.value*1;
	var count2 = document.form1.txtLevel2.value*1;
	var count3 = document.form1.txtLevel3.value*1;
	var count4 = document.form1.txtLevel4.value*1;
	var count5 = document.form1.txtLevel5.value*1;

	var users1 = (count1) ;
	var users2 = (count2 * count1);
	var users3 = (count3 * count2 * count1) ;
	var users4 = (count4 * count3* count2 * count1) ;
	var users5 = (count5 * count4 * count3* count2 * count1);

	var partnerIncome = (users1 * benefit1) 
			+ (users2 * benefit2) 
			+ (users3 * benefit3) 
			+ (users4 * benefit4) 
			+ (users5 * benefit5);

	var sponsorIncome = bonusPartners*1 + bonusLevel1And2*1 + bonusLevel3*1 + bonusLevel4*1;
	
	var success = document.form1.txtSuccess.value*1;
	var runningYears = document.form1.txtRunningYears.value*1	
	
	var totalIncome = partnerIncome + sponsorIncome;
	var lastYearIncome = totalIncome;

	for(var i=1; i<(runningYears); i++)
	{
		lastYearIncome = lastYearIncome*1 + totalIncome/100*success;
		totalIncome = totalIncome + lastYearIncome;
	}
	
	document.form1.txtYearlyIncome.value = Math.round(totalIncome*10)/10;
	document.form1.txtYear.value = Math.round(lastYearIncome*10)/10;
	document.form1.txtMonthlyIncome.value = Math.round(lastYearIncome/12*10)/10;
}

function CloseHelp()
{
    var help = document.getElementById("Help");
    help.style.visibility = "hidden";
}

function GetWindowSize()
{
  if( typeof( window.innerWidth ) == 'number' )
  {
    //Non-IE
    docWidth = window.innerWidth;
    docHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    docWidth = document.documentElement.clientWidth;
    docHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    docWidth = document.body.clientWidth;
    docHeight = document.body.clientHeight;
  }  
}

function ShowHelp(text)
{
    GetWindowSize();
    var x = event.clientX; //+ document.body.scrollLeft;
    var y = event.clientY; //+ document.body.scrollTop
    var dimX = x + 150;
    var dimY = y + 100;
    x = x + document.body.scrollLeft;
    y = y + document.body.scrollTop;

    if(dimX > docWidth) x = x - 150;
    if(dimY > docHeight) y = y - 100;

    var help = document.getElementById("Help");
    var close = document.getElementById("Close");
    help.style.top = y;
    help.style.left = x;
    help.innerHTML = close.innerHTML + text;
    help.style.visibility = "visible";
}

function CompareInput(ctl)
{
  var ctl1 = document.getElementById(ctl);
  var ctl2 = document.getElementById(ctl + "Mirror");
 
  if(ctl1.value != ctl2.value)
  {
    ctl1.style.backgroundColor = "#ffff66";
  }
  else
  {
    ctl1.style.backgroundColor = "#ffffff";
  } 
}

function selectAll (ctl)
{
  var chk= document.getElementById('form1');

  if (checked == false)
  {
    checked = true
  }
  else
  {
    checked = false
  }

  for (var i =0; i < chk.elements.length; i++) 
  {
    if(ctl == "") 
    {
      chk.elements[i].checked = checked;
    }
    else
    {
      if(chk.elements[i].name == ctl) chk.elements[i].checked = checked;
    }
  }
}

function EditContent(id, frameSrc, imgSrc, title)
{
  var img = document.getElementById("ImgEdit");
  var header = document.getElementById("EditHeader");
  var divEdit = document.getElementById("DivEdit");
  var frame = document.getElementById("FrameEdit");
  var txtID = document.getElementById("txtID");
  txtID.value = id;
  header.innerHTML = title;
  img.src = imgSrc;

  frame.contentWindow.location = frameSrc;

  divEdit.style.left = (screen.width/2)-350;
  divEdit.style.top = 0;
  divEdit.style.visibility = "visible";
}

function ReplaceAll(stringValue, replaceValue, newValue)
{
 var functionReturn = new String(stringValue);

 while ( true )
 {
  var currentValue = functionReturn;

  functionReturn = functionReturn.replace(replaceValue, newValue);
  if ( functionReturn == currentValue )
   break;
 }

 return functionReturn;
}


function HideDiv()
{
  var divEdit = document.getElementById("DivEdit");
  divEdit.style.visibility = "hidden";
}

function SavePhotoDiv(id)
{
  var frame = document.getElementById("FrameEdit");
  var frm = frame.contentWindow.document.getElementById("form1");
  var txt = frame.contentWindow.document.getElementById("PhotoDescription");
  var caption, day, month, year;
  var contentType = frame.contentWindow.document.getElementById("txtContentType");

  if(contentType.value == 1)
  {
    day = frame.contentWindow.document.getElementById("txtPhotoDay").value;
    month = frame.contentWindow.document.getElementById("txtPhotoMonth").value;
    year = frame.contentWindow.document.getElementById("txtPhotoYear").value;
    if(frame.contentWindow.document.getElementById("PhotoCaption") != null) caption = frame.contentWindow.document.getElementById("PhotoCaption").value;
  }
  else
  {
    if(frame.contentWindow.document.getElementById("PhotoTitle") != null) caption = frame.contentWindow.document.getElementById("PhotoTitle").value;
  }

  var txtID = document.getElementById("txtID");
  var divSource = document.getElementById("d" + txtID.value);
  var divDate = document.getElementById("dd" + txtID.value);
  var text = ReplaceAll(txt.value, "\n", "<br>");	
  if(divDate != null) divDate.innerHTML = GetPhotoDate(day, month, year);
  if(divSource != null) divSource.innerHTML = text;
  var divCaption = document.getElementById("c" + txtID.value);
  if(divCaption != null) divCaption.innerHTML = caption;
  
  frm.submit();
  HideDiv();
}

function GetPhotoDate(day, month, year)
{
if(day == "" && month == "" && year == "") return "";
if(day == "") day = "**";
if(month == "") month = "**";
if(year == "") year = "****";
var result = day + "-" + month + "-" + year;
return result;
}

//cover deco code
function SetPrintValues()
{
  imageFile = document.getElementById("txtImageFile").value;
  pageLayout = document.getElementById("txtPageLayout").value;
  foreColor = document.getElementById("txtForeColor").value;
  saddleColor = document.getElementById("txtSaddleColor").value
  backColor = document.getElementById("txtBackColor").value
  titleColor = document.getElementById("txtTitleColor").value
  subtitleColor = document.getElementById("txtSubtitleColor").value
  authorColor = document.getElementById("txtAuthorColor").value
  saddleLineColor = document.getElementById("txtSaddleLineColor").value
  imageLineColor = document.getElementById("txtImageLineColor").value
  foregroundLineColor = document.getElementById("txtForegroundLineColor").value
  showTitle = (document.getElementById("txtShowTitle").value == "1" ? true : false);
  showSubtitle = (document.getElementById("txtShowSubtitle").value == "1" ? true : false);
  showAuthor = (document.getElementById("txtShowAuthor").value == "1" ? true : false);
  showImage = (document.getElementById("txtShowImage").value == "1" ? true : false);
  showImageLine = (document.getElementById("txtShowImageLine").value == "1" ? true : false);
  showSaddleLine = (document.getElementById("txtShowSaddleLine").value == "1" ? true : false);
  showForegroundLine = (document.getElementById("txtShowForegroundLine").value == "1" ? true : false);
}

function SelectMotive(pageLayout)
{
  document.getElementById("txtPageLayout").value = pageLayout;
  CreateCover();
}

function SelectTarget(newTarget)
{
  target = newTarget;
  var newTitle = "Background color";
  if(target == "foreground")
  {
    newTitle = "Foreground color";
  }
  else if(target == "saddle")
  {
    newTitle = "Saddle color";
  }
  else if(target == "lines")
  {
    newTitle = "All lines color";
  }
  else if(target == "imageline")
  {
    newTitle = "Photo line color";
  }
  else if(target == "foregroundline")
  {
    newTitle = "Foreground line color";
  }
  else if(target == "saddleline")
  {
    newTitle = "Saddle line color";
  }
  else if(target == "text")
  {
    newTitle = "All text color";
  }
  else if(target == "title")
  {
    newTitle = "Title color";
  }
  else if(target == "subtitle")
  {
    newTitle = "Subtitle color";
  }
  else if(target == "author")
  {
    newTitle = "Author color";
  }
  var divTarget = document.getElementById("divTargetTitle");
  divTarget.innerHTML = newTitle;
}

function CreateCover()
{
  SetPrintValues();
  var drawImage = true;
  ClearCover();

  DrawBackground();

  if(pageLayout == 1)
  {
    DrawSaddleLine();
  }
  else if(pageLayout == 2)
  {
    DrawSaddle();
    DrawSaddleLine();
  }
  else if(pageLayout == 3)
  {
    DrawSaddle();
    DrawSaddleLine();
    DrawCircle();
  }
  else if(pageLayout == 4)
  {
    DrawSaddle();
    DrawSaddleLine();
  }
  else if(pageLayout == 5)
  {
    DrawSaddle();
    DrawSaddleLine();
  }
  else if(pageLayout == 6)
  {
    DrawSaddle();
    DrawSaddleLine();
  }
  else if(pageLayout == 7)
  {
    WholeImage();
    DrawSaddle();
    DrawSaddleLine();
    drawImage = false;
  }
  else if(pageLayout == 8)
  {
    DrawSaddle();
    DrawSaddleLine();
  }
  else if(pageLayout == 9)
  {
    DrawSaddle();
    DrawSaddleLine();
  }
  else if(pageLayout == 10)
  {
    DrawSaddle();
    DrawSaddleLine();
  }
  else if(pageLayout == 11)
  {
    DrawSaddle();
    DrawSaddleLine();
  }
  if(drawImage) DrawImage();
  DrawText();
}

function SelectColor(color)
{
  if(target == "foreground")
  {
    document.getElementById("txtForeColor").value = color;
  }
  else if(target == "saddle") 
  {
    document.getElementById("txtSaddleColor").value = color;
  }
  else if(target == "lines") 
  {
    document.getElementById("txtImageLineColor").value = color;
    document.getElementById("txtSaddleLineColor").value = color;
    document.getElementById("txtForegroundLineColor").value = color;
  }
  else if(target == "imageline") 
  {
    document.getElementById("txtImageLineColor").value = color;
  }
  else if(target == "foregroundline") 
  {
    document.getElementById("txtForegroundLineColor").value = color;
  }
  else if(target == "saddleline") 
  {
    document.getElementById("txtSaddleLineColor").value = color;
  }
  else if(target == "text") 
  {
    document.getElementById("txtTitleColor").value = color;
    document.getElementById("txtSubtitleColor").value = color;
    document.getElementById("txtAuthorColor").value = color;
  }
  else if(target == "title") 
  {
    document.getElementById("txtTitleColor").value = color;
  }
  else if(target == "subtitle") 
  {
    document.getElementById("txtSubtitleColor").value = color;
  }
  else if(target == "author") 
  {
    document.getElementById("txtAuthorColor").value = color;
  }
  else
  { 
    document.getElementById("txtBackColor").value = color;
  }
  CreateCover();
}

function WholeImage()
{
  if(showImage == false) return;
  if(cover == null) cover = document.getElementById("divCover");
  var newImg = new Image();
  newImg.src = imageFile;
  var h = newImg.height;
  var w = newImg.width;
  
  var mmW = (w * 25.4) / 300
  var mmH = (h * 25.4) / 300

  var coverH = cover.style.height.replace("px", "");
  var coverW = cover.style.width.replace("px", "");
  var w =  coverW - saddleW - (showImageLine ? lineW : 0);
  var h = mmH/(mmW/coverW);
  var l = 2 + saddleW + GetPosition(cover, "left");
  var t = (coverH-h)/2 + GetPosition(cover, "top");
  var rect = document.createElement("img");
  rect.src = imageFile;
  rect.style.width = w + "px"; 
  rect.style.height = h + "px"; 
  rect.style.left = l + "px";
  rect.style.top = t + "px"; 
  rect.style.position = "absolute";
  if(showImageLine) rect.style.border = "2px solid #" + imageLineColor + "";
  cover.appendChild(rect);  
}

function DrawBackground()
{
  if(cover == null) cover = document.getElementById("divCover");
  cover.style.backgroundColor = "#" + backColor;
}

function DrawSaddle()
{
  if(cover == null)  cover = document.getElementById("divCover");
  var coverH = cover.style.height.replace("px", "");
  var x = GetPosition(cover, "left") + 2;
  var y = GetPosition(cover, "top") + 2;
  cover.appendChild(Rectangle(saddleW, coverH, x, y, saddleColor));
}

function DrawSaddleLine()
{
  if(showSaddleLine == false) return;
  if(cover == null) cover = document.getElementById("divCover");
  var coverH = cover.style.height.replace("px", "");
  var x = GetPosition(cover, "left") + saddleW;
  var y = GetPosition(cover, "top") + 2;
  cover.appendChild(Rectangle(lineW, coverH, x, y, saddleLineColor));
}


function DrawText()
{
  if(cover == null) cover = document.getElementById("divCover");
  var coverH = cover.style.height.replace("px", "");
  var coverW = cover.style.width.replace("px", "");
  var w =  Math.round(3*coverW/5);
  var h = Math.round(coverH/5);
  var l = Math.round(1.5*coverW/5) + GetPosition(cover, "left");
  var t = Math.round(1.5*coverH/10) + GetPosition(cover, "top");    
  var rect = Rectangle(w, h, l, t, "");
  rect.innerHTML = titleText;
  rect.style.textAlign = "right";
  rect.style.fontFamily = "verdana";
  rect.style.fontWeight = "bold";
  rect.style.fontSize = "32px";
  rect.style.color = "#" + titleColor;
  if(showTitle) cover.appendChild(rect);

  t = Math.round(3.8*coverH/5) + GetPosition(cover, "top");    
  var rect = Rectangle(w, h, l, t, "");
  rect.innerHTML = subtitleText;
  rect.style.textAlign = "right";
  rect.style.fontFamily = "verdana";
  rect.style.fontWeight = "bold";
  rect.style.fontSize = "24px";
  rect.style.color = "#" + subtitleColor;
  if(showSubtitle) cover.appendChild(rect);

  t = Math.round(4.3*coverH/5) + GetPosition(cover, "top");    
  var rect = Rectangle(w, h, l, t, "");
  rect.innerHTML = authorText;
  rect.style.textAlign = "right";
  rect.style.fontFamily = "verdana";
  rect.style.fontWeight = "normal";
  rect.style.fontSize = "24px";
  rect.style.color = "#" + authorColor;
  if(showAuthor) cover.appendChild(rect);
}

function DrawImage()
{
  if(showImage == false) return; 
  if(cover == null) cover = document.getElementById("divCover");
  var coverH = cover.style.height.replace("px", "");
  var coverW = cover.style.width.replace("px", "");
  var w =  Math.round(3*coverW/5);
  var h = Math.round(2*coverH/5);
  var l = Math.round(1.5*coverW/5) + GetPosition(cover, "left");
  var t = Math.round(1.5*coverW/5) + GetPosition(cover, "top");
  var rect = document.createElement("img");
  rect.src = imageFile;
  rect.style.width = w + "px"; 
  rect.style.height = h + "px"; 
  rect.style.left = l + "px";
  rect.style.top = t + "px"; 
  rect.style.position = "absolute";
  if(showImageLine) rect.style.border = "2px solid #" + imageLineColor + "";
  cover.appendChild(rect);
}

function ClearCover()
{
  if(cover == null) cover = document.getElementById("divCover");
  cover.innerHTML = "";
  cover.style.backgroundColor = "white";
  cover.style.backgroundImage = "none";
}

function GetX(x, offsetX)
{
  return x + offsetX + 2;
}

function GetY(y, offsetY)
{
  return y + offsetY + 2;
}

function DrawCircle()
{
  if(cover == null) cover = document.getElementById("divCover");
  var coverH = cover.style.height.replace("px", "");
  var coverW = cover.style.width.replace("px", "");
  var w = 1;
  var y = 0;
  var middle = coverW/2 + saddleW;
  var x = middle;
  var h = coverH;
  var coverX = GetPosition(cover, "left");
  var coverY = GetPosition(cover, "top");
  var y1 = coverH/2, x1 = 0;
  var newW = 0, newX = 0;

  for(var y=0; y<=coverH/2; y++)
  {
    var lastX = newX;
    var shapeCut = false;
    var y0 = Math.round((coverH/2 - y));
    w = NewW(coverW, y);
    if(w > Math.round((coverW/2 - saddleW)))
    {
      shapeCut = true;
      newW = Math.round(w + coverW/2 - saddleW);
    }
    else
    {
      newW = w*2;
    }
    newX = x - w;
    if(showForegroundLine)
    {
      newLineW = lineW;
      //if (Math.abs(lastX - newX) < 6) newLineW = 2*lineW; //(lastX - newX); 
      var lx1 = newX, lx2 = newX + newW - newLineW;
      //top
      cover.appendChild(Rectangle(newLineW, 1, GetX(lx1, coverX), GetY(y0, coverY), foregroundLineColor));
      if(shapeCut == false) cover.appendChild(Rectangle(newLineW, 1, GetX(lx2, coverX), GetY(y0, coverY), foregroundLineColor));
      ////bottom;
      cover.appendChild(Rectangle(newLineW, 1, GetX(lx1, coverX), GetY(y1, coverY), foregroundLineColor));
      if(shapeCut == false) cover.appendChild(Rectangle(newLineW, 1, GetX(lx2, coverX), GetY(y1, coverY), foregroundLineColor));
      newX = newX + newLineW;
      if(shapeCut == false && newW >= 2*newLineW) newW = newW - 2*newLineW;
    }

    cover.appendChild(Rectangle(newW, 1, GetX(newX, coverX), GetY(y0, coverY), foreColor));
    cover.appendChild(Rectangle(newW, 1, GetX(newX, coverX), GetY(y1, coverY), foreColor));

    y1 ++;
  }
}

function NewW(w, y)
{
  return Math.round(Math.sqrt((40000 - (y*y))));
}

function Rectangle(w, h, x, y, bg)
{
  var rect = document.createElement("div"); 
  rect.style.width = w + "px"; 
  rect.style.height = h + "px"; 
  rect.style.left = x + "px";
  rect.style.top = y + "px";
  if(bg != "") rect.style.backgroundColor = "#" + bg;
  rect.style.position = "absolute";
  return rect;
}

function GetPosition(obj, target)
{
  var topValue = 0,leftValue = 0;
  while(obj)
  {
    leftValue += obj.offsetLeft;
    topValue += obj.offsetTop;
    obj = obj.offsetParent;
  }
  
  if(target == "left")
  {
    return leftValue;
  }
  else
  {
    return topValue;
  }
}

function SetOption(ctl)
{
  var chk = document.getElementById(ctl);  

  if(ctl == "chkShowTitle")
  {
    document.getElementById("txtShowTitle").value = (showTitle ? "0" : "1");
  }
  else if(ctl == "chkShowSubtitle")
  {
    document.getElementById("txtShowSubtitle").value = (showSubtitle ? "0" : "1");
  }
  else if(ctl == "chkShowAuthor")
  {
    document.getElementById("txtShowAuthor").value = (showAuthor ? "0" : "1");
  }
  else if(ctl == "chkShowImage")
  {
    document.getElementById("txtShowImage").value = (showImage ? "0" : "1");
  }
  else if(ctl == "chkShowImageLine")
  {
    document.getElementById("txtShowImageLine").value = (showImageLine ? "0" : "1");
  }
  else if(ctl == "chkShowSaddleLine")
  {
    document.getElementById("txtShowSaddleLine").value = (showSaddleLine ? "0" : "1");
  }
  else if(ctl == "chkShowForegroundLine")
  {
    document.getElementById("txtShowForegroundLine").value = (showForegroundLine ? "0" : "1");
  }
  CreateCover();
}