var BASE_COST = 14500;
var HOSTING_COST = 4200;
var ONLINE_SHOPPING_COST = 6500;
var CUSTOMER_CONTACT_COST = 3000;
var GUEST_BOOK_COST = 3000;
var PDF_DOWNLOAD_COST = 2500;
/*var THUMBNAILS_COST = 2500;*/
var ADDITIONAL_PAGE_COST = 2500;
var SECONDARY_PAGE_COST = 2500;

var extraPageCost = 0;
var secPageCost = 0;
var onlineShoppingCost = 0;
var customerContactCost = 0;
var customerGuestBook = 0;
var PDFDownloadCost = 0;
/*var thumbnailsCost = 0;*/
var costInPence = 0;

function penceToPounds(amount)
{
	var i = parseFloat(amount/100);
	s = new String(i);
	if(s.indexOf('.') < 0) { s += '.00'; }
	if(s.indexOf('.') == (s.length - 2)) { s += '0'; }
	return "&pound;" + s;
}

function updateTotal()
{
    extraPagecost = parseInt(extrapagecount.innerHTML) * ADDITIONAL_PAGE_COST;
    secPageCost = parseInt(secpagecount.innerHTML) * SECONDARY_PAGE_COST;
    
    tdextrapagecost.innerHTML = penceToPounds(extraPagecost);
    
    tdsecpagecost.innerHTML = penceToPounds(secPageCost);

    tdonlineshoppingcost.innerHTML = penceToPounds(onlineShoppingCost);
    
    tdcustomercontactcost.innerHTML = penceToPounds(customerContactCost);
    
    tdguestbookcost.innerHTML = penceToPounds(customerGuestBook);
    
    tdpdfdownloadcost.innerHTML = penceToPounds(PDFDownloadCost);
    /*tdthumbnailsCost.innerHTML = penceToPounds(thumbnailsCost);*/
    
    costInPence = BASE_COST + 
					HOSTING_COST + 
					extraPagecost + 
					secPageCost + 
					onlineShoppingCost + 
					customerContactCost + 
					customerGuestBook +
					PDFDownloadCost;
					/*thumbnailsCost;*/
					
    tdtotalcost.innerHTML = penceToPounds(costInPence);
}

function incpagecount()
{
    if (parseInt(extrapagecount.innerHTML) >= 2)
    {
    }
    else
    {
        extrapagecount.innerHTML = parseInt(extrapagecount.innerHTML) + 1;
        updateTotal();
    }
}

function decpagecount()
{
    if (parseInt(extrapagecount.innerHTML) <= 0)
    {
    }
    else
    {
        extrapagecount.innerHTML = parseInt(extrapagecount.innerHTML) - 1;
        updateTotal();
    }
}

function changesecpagecount(changeAmount)
{
    var newSecPageCount =  parseInt(secpagecount.innerHTML) + changeAmount;

    if (newSecPageCount < 0)
    {
        newSecPageCount = 0;
    }

    secpagecount.innerHTML = newSecPageCount;
    updateTotal();
}


function setOnlineShopping(setValue)
{
    if (setValue == true)
    {
        onlineShoppingCost = ONLINE_SHOPPING_COST;
        onlineshopping.innerHTML = "Yes";
    }
    else
    {
        onlineShoppingCost = 0;
        onlineshopping.innerHTML = "No";
    }
    updateTotal();
}    

function setCustomerContact(setValue)
{
    if (setValue == true)
    {
        customerContactCost = CUSTOMER_CONTACT_COST;
        customercontact.innerHTML = "Yes";
    }
    else
    {
        customerContactCost = 0;
        customercontact.innerHTML = "No";
    }
    updateTotal();
}

function setGuestBook(setValue)
{
    if (setValue == true)
    {
        customerGuestBook = GUEST_BOOK_COST;
        guestbook.innerHTML = "Yes";
    }
    else
    {
        customerGuestBook = 0;
        guestbook.innerHTML = "No";
    }
    updateTotal();
}

function setPDFDownload(setValue)
{
    if (setValue == true)
    {
        PDFDownloadCost = PDF_DOWNLOAD_COST;
        pdfdownload.innerHTML = "Yes";
    }
    else
    {
        PDFDownloadCost = 0;
        pdfdownload.innerHTML = "No";
    }
    updateTotal();
}

/*
function setThumbnails(setValue)
{
    if (setValue == true)
    {
        thumbnailsCost = THUMBNAILS_COST;
        thumbnails.innerHTML = "Yes";
    }
    else
    {
        thumbnailsCost = 0;
        thumbnails.innerHTML = "No";
    }
    updateTotal();
}    
*/
function SampleImageArray(len)
{
	this.length=len
}
/*
SampleImage = new SampleImageArray(28);
SampleImage[0] = new Image(308, 231);
SampleImage[0].src = "images/boxtextautumn30.jpg";
SampleImage[0].alt = "Sample Style \'Autmn Mini Menu\'";
SampleImage[1] = new Image(308, 231);
SampleImage[1].src = "images/sidetextblue30.jpg";
SampleImage[1].alt = "Sample Style \'Blue Side Bar Menu\'";
SampleImage[2] = new Image(308, 231);
SampleImage[2].src = "images/toptextgreen30.jpg";
SampleImage[2].alt = "Sample Style \'Green Top Menu\'";
SampleImage[3] = new Image(308, 231);
SampleImage[3].src = "images/toptextbluesolid30.jpg";
SampleImage[3].alt = "Sample Style \'Blue Line Menu\'";
SampleImage[4] = new Image(308, 231);
SampleImage[4].src = "images/sidetextgray30.jpg";
SampleImage[4].alt = "Sample Style \'Gray Side Bar Menu\'";
SampleImage[5] = new Image(308, 231);
SampleImage[5].src = "images/toptextdawn30.jpg";
SampleImage[5].alt = "Sample Style \'Dawn\'";
SampleImage[6] = new Image(308, 231);
SampleImage[6].src = "images/toptextpinkandgray30.jpg";
SampleImage[6].alt = "Sample Style \'Blush Top Menu\'";
SampleImage[7] = new Image(308, 231);
SampleImage[7].src = "images/sideimageblue30.jpg";
SampleImage[7].alt = "Sample Style \'Blue Sky Side Menu\'";
SampleImage[8] = new Image(308, 231);
SampleImage[8].src = "images/toptexttagsalum30.jpg";
SampleImage[8].alt = "Sample Style \'Aluminium Tags Menu\'";
SampleImage[9] = new Image(308, 231);
SampleImage[9].src = "images/sidetextautumn30.jpg";
SampleImage[9].alt = "Sample Style \'Autumn Side Bar Menu\'";
SampleImage[10] = new Image(308, 231);
SampleImage[10].src = "images/toptextsunset30.jpg";
SampleImage[10].alt = "Sample Style \'Ocean Sunset\'";
SampleImage[11] = new Image(308, 231);
SampleImage[11].src = "images/sideimagegreen30.jpg";
SampleImage[11].alt = "Sample Style \'Green Side Menu\'";
SampleImage[12] = new Image(308, 231);
SampleImage[12].src = "images/toptextblue30.jpg";
SampleImage[12].alt = "Sample Style \'Blue Sky\'";
SampleImage[13] = new Image(308, 231);
SampleImage[13].src = "images/toptextgreentile30.jpg";
SampleImage[13].alt = "Sample Style \'Green Tile\'";
SampleImage[14] = new Image(308, 231);
SampleImage[14].src = "images/sideimagepinkandgray30.jpg";
SampleImage[14].alt = "Sample Style \'Pink Sky Side Menu\'";
SampleImage[15] = new Image(308, 231);
SampleImage[15].src = "images/sidetextblueandyellow30.jpg";
SampleImage[15].alt = "Sample \'Yellow Side Bar Menu\'";
SampleImage[16] = new Image(308, 231);
SampleImage[16].src = "images/toptextredandbluesolid30.jpg";
SampleImage[16].alt = "Sample Style \'Red Line Menu\'";
SampleImage[17] = new Image(308, 231);
SampleImage[17].src = "images/boxtextlilac30.jpg";
SampleImage[17].alt = "Sample Style \'Lilac Mini Menu\'";
SampleImage[18] = new Image(308, 231);
SampleImage[18].src = "images/toptexttagsbridge30.jpg";
SampleImage[18].alt = "Sample Style \'Sepia Bridge Tags Menu\'";
SampleImage[19] = new Image(308, 231);
SampleImage[19].src = "images/toptexttagslilac30.jpg";
SampleImage[19].alt = "Sample Style \'Lilac Tags Menu\'";
SampleImage[20] = new Image(308, 231);
SampleImage[20].src = "images/toptexttagsblue30.jpg";
SampleImage[20].alt = "Sample Style \'Blue Tags Menu\'";
SampleImage[21] = new Image(308, 231);
SampleImage[21].src = "images/toptexttagsbluetech30.jpg";
SampleImage[21].alt = "Sample Style \'Blue Tech Tags Menu\'";
SampleImage[22] = new Image(308, 231);
SampleImage[22].src = "images/toptexttagsdawn30.jpg";
SampleImage[22].alt = "Sample Style \'Dawn Tags Menu\'";
SampleImage[23] = new Image(308, 231);
SampleImage[23].src = "images/boxtextblue30.jpg";
SampleImage[23].alt = "Sample Style \'Blue Mini Menu\'";
SampleImage[24] = new Image(308, 231);
SampleImage[24].src = "images/toptextgreentech30.jpg";
SampleImage[24].alt = "Sample Style \'Green Tech\'";
SampleImage[25] = new Image(308, 231);
SampleImage[25].src = "images/offsetsidetextsand30.jpg";
SampleImage[25].alt = "Sample Style \'Sand Offset Menu\'";
SampleImage[26] = new Image(308, 231);
SampleImage[26].src = "images/toptexttagsbrass30.jpg";
SampleImage[26].alt = "Sample Style \'Brass Tags Menu\'";
SampleImage[27] = new Image(308, 231);
SampleImage[27].src = "images/toptextyellowtech30.jpg";
SampleImage[27].alt = "Sample Style \'Yellow Tech\'";
*/

PriceButtonImage = new SampleImageArray(4);
PriceButtonImage[0] = new Image(224, 55);
PriceButtonImage[0].src = "images/pricebutton2.gif";
PriceButtonImage[0].alt = "Complete Website �95";
PriceButtonImage[1] = new Image(224, 55);
PriceButtonImage[1].src = "images/pricebutton3.gif";
PriceButtonImage[1].alt = "�3 a month hosting and maintenance";
PriceButtonImage[2] = new Image(224, 55);
PriceButtonImage[2].src = "images/pricebutton1.gif";
PriceButtonImage[2].alt = "...and that\'s it. No hidden extras";

/* Replace the urls below with real Page Craft customer urls;
uncomment 'SampleA.href = SampleHref[i];' below and the <a> and </a>
tags in page1.html.  Also, change 'Sample Style' to 'Example Site' */
SampleHref = new SampleImageArray(6); 
SampleHref[0] = "http://www.chemclean.biz";
SampleHref[1] = "http://www.pineman.co.uk";
SampleHref[2] = "http://www.brightliteuk.co.uk";
SampleHref[3] = "http://www.havenrecovery.co.uk";
SampleHref[4] = "http://www.patjourdan.co.uk";
SampleHref[5] = "http://www.rogerbrown.co.uk";


SampleImage = new SampleImageArray(6);
SampleImage[0] = new Image(308, 231);
SampleImage[0].src = "images/samplechemclean.gif";
SampleImage[0].alt = "Example Site \'Chemclean\'";
SampleImage[1] = new Image(308, 231);
SampleImage[1].src = "images/samplepineman.gif";
SampleImage[1].alt = "Example Site \'Pineman\'";
SampleImage[2] = new Image(308, 231);
SampleImage[2].src = "images/samplebrightlite.gif";
SampleImage[2].alt = "Example Site \'Brightlite Signs\'";
SampleImage[3] = new Image(308, 231);
SampleImage[3].src = "images/samplehaven.gif";
SampleImage[3].alt = "Example Site \'Haven Alcohol Rehabilitation\'";
SampleImage[4] = new Image(308, 231);
SampleImage[4].src = "images/samplejourdan.gif";
SampleImage[4].alt = "Example Site \'Pat Jourdan\'";
SampleImage[5] = new Image(308, 231);
SampleImage[5].src = "images/samplejollyroger.gif";
SampleImage[5].alt = "Example Site \'Jolly Roger Cartoons\'";
/*
SampleImage = new SampleImageArray(7);
SampleImage[0] = new Image(308, 231);
SampleImage[0].src = "images/toptexttagsalum30.jpg";
SampleImage[0].alt = "Sample Style \'Aluminium Tags Menu\'";
SampleImage[1] = new Image(308, 231);
SampleImage[1].src = "images/boxtextautumn30.jpg";
SampleImage[1].alt = "Sample Style \'Autmn Mini Menu\'";
SampleImage[2] = new Image(308, 231);
SampleImage[2].src = "images/toptextgreentile30.jpg";
SampleImage[2].alt = "Sample Style \'Green Tile\'";
SampleImage[3] = new Image(308, 231);
SampleImage[3].src = "images/sideimagepinkandgray30.jpg";
SampleImage[3].alt = "Sample Style \'Pink Sky Side Menu\'";
SampleImage[4] = new Image(308, 231);
SampleImage[4].src = "images/toptextsunset30.jpg";
SampleImage[4].alt = "Sample Style \'Ocean Sunset\'";
SampleImage[5] = new Image(308, 231);
SampleImage[5].src = "images/sidetextblue30.jpg";
SampleImage[5].alt = "Sample \'Blue Side Bar Menu\'";
SampleImage[6] = new Image(308, 231);
SampleImage[6].src = "images/toptextdawn30.jpg";
SampleImage[6].alt = "Sample Style \'Dawn\'";
*/
var i = -1
var iPrice = -1
var fRunning = 0
var fRunningPrice = 0

// Start Transition
function sT()
{
    if (fRunning == 0)
    {
        fRunning = 1
	    if (i == 5) 
	    {
		    i = 0
	    }
	    else
	    {
		    i++
	    }
        //document.getElementById("sID").firstChild.nodeValue = SampleImage[i].alt;
        SampleID.filters.item(0).Apply();
        SampleID.src = SampleImage[i].src;
        SampleID.alt = SampleImage[i].alt;
        SampleID.filters.item(0).Play()

        SampleIDTitle.filters.item(0).Apply();
        SampleIDTitle.innerText = SampleImage[i].alt;
        SampleIDTitle.filters.item(0).Play();
        
        SampleA.href = SampleHref[i];
    }
    //mytimeout = setTimeout("sT()",4000) I've put this in the HTML 
}
// Start Transition of Price Button
function sTPrice()
{
    if (fRunningPrice == 0)
    {
        fRunningPrice = 1
	    if (iPrice == 2) 
	    {
		    iPrice = 0
	    }
	    else
	    {
		    iPrice++
	    }
        PriceID.filters.item(0).Apply();
        PriceID.src = PriceButtonImage[iPrice].src;
        PriceID.alt = PriceButtonImage[iPrice].alt;
        PriceID.filters.item(0).Play()
    }
}

// Not Running
function nR()
{
    fRunning = 0;
}
// Not Running
function nRPrice()
{
    fRunningPrice = 0;
}

function loadSiteTitle()
{
    var browserName = navigator.appName;
    if (browserName == "Microsoft Internet Explorer")
    {
        sitetitle.filters[0].apply();
        sitetitle.src = "images/sitetitle_2.gif";
        sitetitle.filters[0].play();
    }
}

function loadSiteTitleNonIE()
{
    if (navigator.appName != "Microsoft Internet Explorer")
    {
        document.getElementById('sitetitle').src = "images/sitetitle_2.gif";
    }
}

/*
function loadSiteTitle()
{
    if (navigator.appName != "Microsoft Internet Explorer")
    {
        document.getElementById('sitetitle').src = "images/sitetitle_2.gif";
    }
    else
    {
        sitetitle.filters[0].apply();
        sitetitle.src = "images/sitetitle_2.gif";
        sitetitle.filters[0].play();
    }
}
*/

var pos=102;
function scrollText()
{
    var delayPeriod = 20;
    if (!document.getElementById) return;
    obj=document.getElementById("scrolltext");
    pos -= 1;
    if (pos < 0-obj.offsetHeight)
        pos=100;
        
    obj.style.top=pos;
    
    if (pos % 102 == 0)
    {
        delayPeriod = 1000;
    }
    
    window.setTimeout("scrollText();",delayPeriod);
}

function input_blank(inputObj, promptText)
{
	var promptLine = document.getElementById(inputObj.id + "Prompt");
	promptLine.innerHTML = "";

	if(inputObj.value == "")
	{
		promptLine.innerHTML = promptText;
		inputObj.focus();
		return true;
	}
	return false;
}  // input_blank

function input_not_numeric(inputObj, promptText)
{
	var promptLine = document.getElementById(inputObj.id + "Prompt");
	promptLine.innerHTML = "";

	if(isNaN(parseFloat(inputObj.value)))
	{
		promptLine.innerHTML = promptText;
		inputObj.focus();
		return true;
	}
	return false;
}  // input_blank

function UpdatePP()
{
    dataIsValid = true;
    custNameObj = document.getElementById("custName");
    invoiceNumberObj = document.getElementById("invoiceNumber");
    invoiceAmountObj = document.getElementById("invoiceAmount");
    
    if (input_blank(custNameObj, "Please enter your name"))
        dataIsValid = false;
    if (input_blank(invoiceNumberObj, "Please enter your invoice number"))
        dataIsValid = false;
    if (input_blank(invoiceAmountObj, "Please enter the amount you want to pay"))
        dataIsValid = false;
    else
        if (input_not_numeric(invoiceAmountObj, "Please enter the amount you want to pay in numbers only"))
            dataIsValid = false;
        else
            invoiceAmountObj.value = parseFloat(invoiceAmountObj.value);   

    if (dataIsValid)
    {
        document.getElementById("pp_item").value
            = custNameObj.value + ": " + invoiceNumberObj.value;
            
        document.getElementById("pp_amount").value
            = invoiceAmountObj.value;
    }
        
    return dataIsValid;
}

function check_and_go()
{
    if (UpdatePP())
    {
        pp_form.submit();
    }
}

function fChangeImage(imageIDIn, selectIn)
{
	document.getElementById(imageIDIn).src = selectIn.value;
}

function fShowLargerImage(imageIDIn)
{
    var imageFileName = document.getElementById(imageIDIn).src;
    var screenURL = imageFileName.substring(0, imageFileName.length-6) + ".html";
    window.open(screenURL, '_blank', 'menubar=no, toolbar=no, height=461, width=615');
}    
	
function hiLight (elementToHiLight)
{
    fh1.className = "loLight";
    fh2.className = "loLight";
    fh3.className = "loLight";
    fh4.className = "loLight";
    fh5.className = "loLight";
    fh6.className = "loLight";
    elementToHiLight.className="hiLight";
}    

window.onload=loadGoogleMap;
window.onunload=unLoadGoogleMap;

var map = null;
var marker = null;
var geocoder = null;

function loadGoogleMap()
{
    if (document.getElementById("myMap") != null) /* We only want to do this on a page that has a map */
    {
        if (GBrowserIsCompatible())
        {
            map = new GMap2(document.getElementById("myMap"));
            map.setMapType(G_HYBRID_MAP);
            map.addControl(new GSmallMapControl());
            map.addControl(new GMapTypeControl());
            map.setCenter(new GLatLng(53.962036, -1.079334), 16);
            marker = new GMarker(map.getCenter());
            map.addOverlay(marker);
            marker.openInfoWindowHtml("<p>Show your customers<br>exactly where you are<br>with an integrated <b>Google Map</b></p>");
            geocoder = new GClientGeocoder();
        }
    }
}

function showAddress(address)
{
  if (geocoder)
  {
    geocoder.getLatLng(
      address,
      function(point)
      {
        if (!point)
        {
          alert(address + " not found");
        }
        else
        {
          map.setCenter(point, 13);
          var marker = new GMarker(point);
          map.addOverlay(marker);
          marker.openInfoWindowHtml("Your Location Here<br>" + address);
        }
      }
    );
  }
}

function unLoadGoogleMap()
{
    if (document.getElementById("myMap") != null)
    {
        GUnload();
    }
}