" );
}
}
function draw_cards2()
{
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
// alert( "card = " + card );
// Size of card in pixels
var card_w_px = ( card.width * display_width ) / area_width;
var card_h_px = ( card.height * display_height ) / area_height;
// Offset of card in pixels
var card_o_x = ( card.offsetx0 * display_width ) / area_width;
var card_o_y = ( card.offsety0 * display_height ) / area_height;
// Image
var w = Math.round( card_w_px );
var h = Math.round( card_h_px );
var x = Math.round( card_o_x );
var y = Math.round( card_o_y );
var z = card.z0;
// var t = "\"" + card.name + "\" (" + card.size + ", " + card.pageformat + ")";
var div_id = 'div_' + card.letter;
var img_id = 'img_' + card.letter;
var div = "
";
document.write( div );
var img_url = card.img;
var img = "";
document.write( img );
document.write( "
" );
// Description for zoomed view
var desc_id = 'desc_' + card.letter;
var desc_div = "
About This Card ' );
document.write( 'The owner of "Hope Chest" was asked to write a short piece about the image.
' );
document.write( "
Click here if you would like to see what he wrote...
" );
document.write( "
" );
var ma = HopeChestMore; for( var mx=0; mx < ma.length; mx ++ ) { var h = ma[mx]; document.write( h ); }
document.write( "
" );
document.write( '
' );
document.write( '
' );
document.write( '
' );
}
document.write( "
" );
}
{
var div = "
";
document.write( div );
document.write( "
" );
document.write ( "
Click On Any Card To Find Out More
" );
document.write( '
' );
document.write( "
" );
}
//alert( "got here" );
}
// Updates position, size and other attributes of card images.
// Calls itself every so often until no further card image updates are required.
function show_cards()
{
var still_updating = 0;
for( var i=0; i < card_objects_array.length; i ++ )
{
var card = card_objects_array[ i ];
if( card.show )
{
still_updating += card.show();
}
}
if( still_updating )
{
setTimeout( "show_cards()", zoom_timeout );
}
// If any cards are at alpha=1, hide the others
for( var i=0; i < card_objects_array.length; i ++ )
{
var card = card_objects_array[ i ];
if( card.a == 1 )
{
hide_unzoomed_cards( card.letter );
show_zoomed_card_description( card.letter );
document.getElementById( 'clickanycard' ).style.visibility = 'hidden';
break;
}
}
}
function show_cards2()
{
var still_updating = 0;
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
if( card.show )
{
still_updating += card.show();
}
}
if( still_updating )
{
setTimeout( "show_cards2()", zoom_timeout );
}
// If any cards are at alpha=1, hide the others
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
if( card.a == 1 )
{
hide_unzoomed_cards2( card.letter );
show_zoomed_card2_description( card.letter );
document.getElementById( 'clickanycard' ).style.visibility = 'hidden';
break;
}
}
}
// Show AND UPDATE The Card
//
// Look at the current alpha value, the required alpha, and update the alpha.
//
// If the card still requires updating afterwards, return 1, else return 0.
//
// Alpha is used to:
//
// * SCALE the width and height.
// * INTERPOLATE between two (x, y) screen positions (in inches).
function show_card()
{
// Alpha chaser
if( this.a == this.a_new )
{
return( 0 );
}
else
{
if( this.a > this.a_new )
{
this.a -= zoom_increment; if( this.a < 0 ) { this.a = 0; }
}
if( this.a < this.a_new )
{
this.a += zoom_increment; if( this.a > 1 ) { this.a = 1; }
}
}
// Alpha & Onema
var alpha = this.a;
var onema = 1 - alpha;
// Size of card in pixels
var card_width_px = ( this.width * display_width ) / area_width;
var card_height_px = ( this.height * display_height ) / area_height;
var card_w_px0 = Math.round( this.scale0 * card_width_px );
var card_h_px0 = Math.round( this.scale0 * card_height_px );
// trying all cards zoomed to fit a certain height - scale is no longer required
// var card_w_px1 = Math.round( this.scale1 * card_width_px );
// var card_h_px1 = Math.round( this.scale1 * card_height_px );
var card_h_px1 = Math.round( 0.65 * display_height );
var card_w_px1 = Math.round( card_h_px1 * ( this.width / this.height ) );
// alert( 'display is ' + display_width + ' x ' + display_height );
var card_w_px = Math.round( ( card_w_px0 * onema ) + ( card_w_px1 * alpha ) );
var card_h_px = Math.round( ( card_h_px0 * onema ) + ( card_h_px1 * alpha ) );
// Offset of card in pixels
var card_o_x0 = ( this.offsetx0 * display_width ) / area_width;
var card_o_y0 = ( this.offsety0 * display_height ) / area_height;
// trying all cards' zoomed offsets at n inches below display top, horizontally centered
// var card_o_x1 = ( this.offsetx1 * display_width ) / area_width;
// var card_o_y1 = ( this.offsety1 * display_height ) / area_height;
var offsetx1 = Math.round( ( display_width / 2 ) - ( card_w_px1 / 2 ) );
var offsety1 = ( 0.5 * display_height ) / area_height;
var card_o_x1 = offsetx1;
var card_o_y1 = offsety1;
// Interpolate
var card_o_x = Math.round( ( card_o_x0 * onema ) + ( card_o_x1 * alpha ) );
var card_o_y = Math.round( ( card_o_y0 * onema ) + ( card_o_y1 * alpha ) );
// Image Attributes
var w = Math.round( card_w_px );
var h = Math.round( card_h_px );
var x = Math.round( card_o_x );
var y = Math.round( card_o_y );
var z = Math.round( ( this.z0 * onema ) + ( this.z1 * alpha ) );
// ID of
and
var div_id = 'div_' + this.letter;
var img_id = 'img_' + this.letter;
// Update
for position
var div = document.getElementById( div_id );
div.style.left = x + "px";
div.style.top = y + "px";
div.style.zIndex = z;
// Update for dimensions
var img = document.getElementById( img_id );
img.width = w;
img.height = h;
//alert( div + "\n" + img );
return( 1 );
}
function zoom_card( id )
{
// Find the card with the matching ID (card.letter)
var card;
for( var i=0; i < card_objects_array.length; i ++ )
{
var card1 = card_objects_array[ i ];
if( card1.letter == id )
{
card = card1;
}
}
// alert( 'zoom card requested' );
if( card )
{
if( card.a_new == 0 )
{
card.a_new = 1;
// Make sure all other cards are unzooming if we are zooming
// (the other cards are not hidden until this card reaches full zoom)
unzoom_unzoomed_cards( id );
}
else
{
card.a_new = 0;
// Make sure all cards are visible once we start unzooming
show_unzoomed_cards( id );
// Hide any descriptions
hide_all_card_descriptions();
// Show the "Click Any Card" message
document.getElementById( 'clickanycard' ).style.visibility = 'visible';
}
show_cards();
}
}
function zoom_card2( id )
{
// Find the card with the matching ID (card.letter)
var card;
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card1 = card_objects_array2[ i ];
if( card1.letter == id )
{
card = card1;
}
}
// alert( 'zoom card requested' );
if( card )
{
if( card.a_new == 0 )
{
card.a_new = 1;
// Make sure all other cards are unzooming if we are zooming
// (the other cards are not hidden until this card reaches full zoom)
unzoom_unzoomed_cards2( id );
}
else
{
card.a_new = 0;
// Make sure all cards are visible once we start unzooming
show_unzoomed_cards2( id );
// Hide any descriptions
hide_all_card2_descriptions();
// Show the "Click Any Card" message
document.getElementById( 'clickanycard' ).style.visibility = 'visible';
}
show_cards2();
}
}
function unzoom_all_cards()
{
for( var i=0; i < card_objects_array.length; i ++ )
{
var card = card_objects_array[ i ];
// Zoom to 0
// card.a = 0;
card.a_new = 0;
// Visible
// ID of
// Update
style visibility
var div_id = 'div_' + card.letter;
var div = document.getElementById( div_id );
div.style.visibility = 'visible';
// Description display: none
// ID of
// Update
style display
var desc_id = 'desc_' + card.letter;
var desc_div = document.getElementById( desc_id );
desc_div.style.display = 'none';
}
}
function unzoom_all_cards2()
{
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
// Zoom to 0
// card.a = 0;
card.a_new = 0;
// Visible
// ID of
// Update
style visibility
var div_id = 'div_' + card.letter;
var div = document.getElementById( div_id );
div.style.visibility = 'visible';
// Description display: none
// ID of
// Update
style display
var desc_id = 'desc_' + card.letter;
var desc_div = document.getElementById( desc_id );
desc_div.style.display = 'none';
}
}
function hide_unzoomed_cards( id )
{
for( var i=0; i < card_objects_array.length; i ++ )
{
var card = card_objects_array[ i ];
// ID of
var div_id = 'div_' + card.letter;
// Update
style visibility
var div = document.getElementById( div_id );
//alert( 'div id = ' + div_id );
if( card.letter == id )
{
div.style.visibility = 'visible';
div.title = 'Return To View The Other Cards';
}
else
{
div.style.visibility = 'hidden';
}
}
}
function hide_unzoomed_cards2( id )
{
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
// ID of
var div_id = 'div_' + card.letter;
// Update
style visibility
var div = document.getElementById( div_id );
//alert( 'div id = ' + div_id );
if( card.letter == id )
{
div.style.visibility = 'visible';
div.title = 'Return To View The Other Cards';
}
else
{
div.style.visibility = 'hidden';
}
}
}
function unzoom_unzoomed_cards( id )
{
for( var i=0; i < card_objects_array.length; i ++ )
{
var card = card_objects_array[ i ];
if( card.letter == id )
{
// Leave (it should be zooming)
}
else
{
card.a_new = 0;
}
}
}
function unzoom_unzoomed_cards2( id )
{
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
if( card.letter == id )
{
// Leave (it should be zooming)
}
else
{
card.a_new = 0;
}
}
}
function show_unzoomed_cards( id )
{
for( var i=0; i < card_objects_array.length; i ++ )
{
var card = card_objects_array[ i ];
// ID of
var div_id = 'div_' + card.letter;
// Update
style visibility
var div = document.getElementById( div_id );
//alert( 'div id = ' + div_id );
if( card.letter == id )
{
div.style.visibility = 'visible';
div.title = '';
}
else
{
div.style.visibility = 'visible';
div.title = '';
}
}
}
function show_unzoomed_cards2( id )
{
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
// ID of
var div_id = 'div_' + card.letter;
// Update
style visibility
var div = document.getElementById( div_id );
//alert( 'div id = ' + div_id );
if( card.letter == id )
{
div.style.visibility = 'visible';
div.title = '';
}
else
{
div.style.visibility = 'visible';
div.title = '';
}
}
}
function show_zoomed_card_description( id )
{
for( var i=0; i < card_objects_array.length; i ++ )
{
var card = card_objects_array[ i ];
// ID of
var desc_id = 'desc_' + card.letter;
// Update
style display
var div = document.getElementById( desc_id );
if( card.letter == id )
{
div.style.display = 'block';
break;
}
}
}
function show_zoomed_card2_description( id )
{
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
// ID of
var desc_id = 'desc_' + card.letter;
// Update
style display
var div = document.getElementById( desc_id );
if( card.letter == id )
{
div.style.display = 'block';
break;
}
}
}
function hide_all_card_descriptions()
{
for( var i=0; i < card_objects_array.length; i ++ )
{
var card = card_objects_array[ i ];
// ID of
var desc_id = 'desc_' + card.letter;
// Update
style display
var div = document.getElementById( desc_id );
div.style.display = 'none';
}
}
function hide_all_card2_descriptions()
{
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
// ID of
var desc_id = 'desc_' + card.letter;
// Update
style display
var div = document.getElementById( desc_id );
div.style.display = 'none';
}
}
//--------------------------------------------------------------------------
//
// This function is used by the "Welcome" page to display the range of cards
//
//--------------------------------------------------------------------------
function draw_card_range()
{
document.write( '
' );
for( var i=0; i < card_objects_array.length; i ++ )
{
var card = card_objects_array[ i ];
var img_url = card.img;
var img_w = card.width;
var img_h = card.height;
if( card.size == 'A6' ) { img_w *= 12; img_h *= 12; }
if( card.size == 'A7' ) { img_w *= 17; img_h *= 17; }
if( card.size == '7x5' ) { img_w *= 12; img_h *= 12; }
var img = "";
document.write( "
" + img + "
" );
}
document.write( '
' );
}
function draw_card_range2()
{
document.write( '
' );
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
var img_url = card.img;
var img_w = card.width;
var img_h = card.height;
if( card.size == 'A6' ) { img_w *= 12; img_h *= 12; }
if( card.size == 'A7' ) { img_w *= 17; img_h *= 17; }
if( card.size == '7x5' ) { img_w *= 12; img_h *= 12; }
var img = "";
var tdw = img_w * 1.25;
// document.write( "
" + img + "
" );
document.write( "
" + img + "
" );
}
document.write( '
' );
}
// Used by the Welcome page, this function displays current card postage prices
function draw_prices_and_postage_for_welcome_page()
{
var p_sc_txt = '£' + currency_to_string( get_card_price( 'A7' ) );
var p_mc_txt = '£' + currency_to_string( get_card_price( 'A6' ) );
var p_lc_txt = '£' + currency_to_string( get_card_price( '7x5' ) );
document.write( '
' );
document.write( 'Small (A7) Cards are just ' + p_sc_txt + ' each ' );
document.write( 'Medium (A6) Cards are only ' + p_mc_txt + ' each ' );
document.write( 'Large (7x5) Cards cost ' + p_lc_txt + ' each ' );
document.write( '
' );
var fppuk_txt = '£' + uk_free_postage_limit;
var ppuk_txt = '£' + currency_to_string( uk_postage_rate );
var ppos_txt = '£' + currency_to_string( overseas_postage_rate );
var ospk_txt = '£' + overseas_postage_rate_for;
document.write( '
' );
document.write( 'For UK orders of more than ' + fppuk_txt + ', postage is free ' );
document.write( 'For all other UK orders, postage is ' + ppuk_txt + ' ' );
document.write( 'For international orders, postage is ' + ppos_txt + ' for every ' + ospk_txt + ' worth of cards' );
document.write( '
' );
}
function draw_prices_and_postage_for_order_page()
{
var fppuk_txt = '£' + uk_free_postage_limit;
var ppuk_txt = '£' + currency_to_string( uk_postage_rate );
var ppos_txt = '£' + currency_to_string( overseas_postage_rate );
var ospk_txt = '£' + overseas_postage_rate_for;
document.write( '
' );
document.write( 'For UK orders of more than ' + fppuk_txt + ', postage is free ' );
document.write( 'For all other UK orders, postage is ' + ppuk_txt + ' ' );
document.write( 'For international orders, postage is ' + ppos_txt + ' for every ' + ospk_txt + ' worth of cards' );
document.write( '
' );
}
// Pass a card size, e.g. 'A7' and the price of a card of this size will be returned
function get_card_price( size )
{
for( var i=0; i < card_objects_array.length; i ++ )
{
var card = card_objects_array[ i ];
if( card.size == size )
{
return( card.price );
}
}
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
if( card.size == size )
{
return( card.price );
}
}
return( 0 );
}
function draw_card_value()
{
var a = new Array( '<', 'a hr', 'ef=','mai', 'lto:', 'in', 'fo@h', 'elen', 'abro', 'ome.', 'com?subject=An%20Enquiry%20For%20Helena%20Broome', '>', 'in', 'fo@h', 'elen', 'abro', 'ome.', 'com', '' );
var s = a.join( '' );
document.write( "
" );
document.write( "For all enqui" + "ries please send an em" );
document.write( "ail to " + s + '' );
document.write( "
" );
}
//---------------------------
//
// Order Tab Content & Update
//
//---------------------------
// Draws HTML for order tab content
// Call this function ONCE only as it uses document.write().
function draw_order_tab_content()
{
// var bgc = '#ffffff';
// var bgc = '#00ffaa';
// var bgc = '#aaffaa';
var bgc = '#ccffbb';
var bgcp = '#ffddcc';
var bgc1 = '#cceeff';
var bgc2 = '#cceeff';
//------------
//
// Order Table
//
//------------
// document.write( "
" );
//----------------------
// How To Order By Email
//----------------------
document.write( "
" );
document.write( "
" );
document.write( "How To Order By Email" );
document.write( "
" );
document.write( "This Web site is not able to offer you" );
// document.write( " the option of buying Helena's cards online in the same way that many other sites do." );
document.write( " the option of buying Helena's cards online. " );
// document.write( "
" );
// document.write( "
" );
document.write( " You can order by email, however, and below there are two options for doing this:" );
document.write( "
" );
document.write( "Option 1 When you have finished making your selection, check the order table above to make sure you have added everything you require, then copy the text in the white box below into your email program." );
document.write( " The text in this box is updated every time you change your order, and will contain an exact copy of the table above." );
document.write( "
" );
document.write( "
" );
document.write( "
" );
document.write( "
" );
document.write( "
" );
document.write( "
" );
document.write( "
" );
//-----------
// Email Form
//-----------
document.write( "
" );
document.write( "
" );
document.write( "
" );
document.write( "Option 2 Click on the button below. If your email program is configured" );
document.write( " to respond to 'mailto' tags, this should work (and save you a little time)." );
document.write( "
" );
document.write( "
" );
document.write( " However, please note the following:" );
document.write( "
" );
document.write( "
Not all Web browsers are set up to work with this option. If the button does not work, try Option 1, above.
" );
document.write( "
The Web browser may warn you about \"your email address being revealed to the recipient\". Do not be alarmed! It is our email address being revealed, not yours (and we don't mind you sending us an email with your order!)
" );
document.write( "
The email launched by your browser may not use \"plain text\", and so may look a little jumbled. This will not cause a problem.
" );
document.write( "
" );
document.write( "" );
document.write( "
" );
document.write( "
" );
document.write( "
" );
document.write( "
" );
document.write( "
" );
document.write( "
" );
document.write( "" );
document.write( "
" );
document.write( "
" );
//-----------
// How To Pay
//-----------
document.write( "
" );
document.write( "
" );
document.write( "
" );
document.write( "How To Pay" );
document.write( "
" );
var ppe_array = new Array( 'paym', 'ents@h', 'elen', 'abro', 'ome.', 'com' );
var ppe_string = '';
var cpa_array = new Array( 'He', 'lena B', 'ro', 'ome 1', ' Sch', 'ool', ' Lan', 'e Win', 'fri', 'th N', 'ewbur', 'gh D', 'ORS', 'ET D', 'T2 8', 'JT En', 'gla', 'nd, U', 'K' );
var cpa_string = cpa_array.join( '' );
document.write( "
" );
document.write( "There are two accepted methods of payment:" );
document.write( "
" );
document.write( "
By Cheque (Sterling Only) Please make a cheque out to \"Helena Broome\" for £0.00 and send it to:
" + cpa_string + "
If ordering by email, please write the name and address on the back of the cheque so that we can link your cheque with your order. Otherwise we are happy to receive your order on paper, with your cheque, in the post.
" );
document.write( "" );
document.write( "
By PayPal Please use PayPal to make a payment of £0.00 to:
" + ppe_string + "
Make sure that your PayPal email address appears clearly in your email.
' );
}
function add_card_to_order( i )
{
// alert( 'add_card_to_order: ' + i );
if( i < 0 || i > card_objects_array.length )
{
return;
}
var card = card_objects_array[ i ];
if( card )
{
order_array[ i ] ++;
}
preserve_order_array();
}
function add_card_to_order2( i )
{
//alert( 'add_card_to_order2: i = ' + i );
if( i < 0 || i > card_objects_array2.length )
{
return;
}
var card = card_objects_array2[ i ];
var card_index = parseInt(i) + parseInt(card_objects_array.length);
//alert( 'add_card_to_order2: card_index = ' + card_index );
if( card )
{
order_array[ card_index ] ++;
}
preserve_order_array();
}
// Add one each of ALL cards to order
function add_all_cards_to_order()
{
for( var i=0; i < card_objects_array.length; i ++ )
{
// Card
var card = card_objects_array[ i ];
order_array[ i ] ++;
}
for( var i=0; i < card_objects_array2.length; i ++ )
{
// Card
var card = card_objects_array[ i ];
var card_index = parseInt(i) + parseInt(card_objects_array.length);
order_array[ card_index ] ++;
}
preserve_order_array();
}
function sub_card_to_order( i )
{
// alert( 'sub_card_to_order: ' + i );
if( i < 0 || i > card_objects_array.length )
{
return;
}
var card = card_objects_array[ i ];
if( card )
{
order_array[ i ] --;
if( order_array[ i ] < 0 )
{
order_array[ i ] = 0;
}
}
preserve_order_array();
}
function sub_card_to_order2( i )
{
// alert( 'sub_card_to_order2: ' + i );
if( i < 0 || i > card_objects_array2.length )
{
return;
}
var card = card_objects_array2[ i ];
var card_index = parseInt(i) + parseInt(card_objects_array.length);
if( card )
{
order_array[ card_index ] --;
if( order_array[ card_index ] < 0 )
{
order_array[ card_index ] = 0;
}
}
preserve_order_array();
}
// Sub one each of ALL cards to order
function sub_all_cards_to_order()
{
for( var i=0; i < card_objects_array.length; i ++ )
{
// Card
var card = card_objects_array[ i ];
order_array[ i ] --;
if( order_array[ i ] < 0 )
{
order_array[ i ] = 0;
}
}
for( var i=0; i < card_objects_array2.length; i ++ )
{
// Card
var card = card_objects_array2[ i ];
var card_index = parseInt(i) + parseInt(card_objects_array.length);
order_array[ card_index ] --;
if( order_array[ card_index ] < 0 )
{
order_array[ card_index ] = 0;
}
}
preserve_order_array();
}
// Note the use of innerHTML to set the content within the table elements
function update_order_tab_content()
{
//-------------
//
// Order Table
//
//-------------
var total = 0;
//---------------
// Cards 1 - 2006
//---------------
for( var i=0; i < card_objects_array.length; i ++ )
{
// Card
var card = card_objects_array[ i ];
// Fields to update
var quantity_id = 'orderquantity' + card.index;
var cost_id = 'ordercost' + card.index;
var q = order_array[ card.index ];
var c = q * card.price;
var qtxt = q.toString();
var ctxt = currency_to_string( c );
// Bold for non-zero quantities
if( q > 0 )
{
ctxt = '' + ctxt + '';
qtxt = '' + qtxt + '';
}
ctxt += ' ';
qtxt += ' ';
document.getElementById( quantity_id ).innerHTML = qtxt;
document.getElementById( cost_id ).innerHTML = ctxt;
total += c;
}
//---------------
// Cards 2 - 2008
//---------------
for( var i=0; i < card_objects_array2.length; i ++ )
{
// Card
var card = card_objects_array2[ i ];
var card_index = parseInt(i) + parseInt(card_objects_array.length);
// Fields to update
var quantity_id = 'orderquantity' + card_index;
var cost_id = 'ordercost' + card_index;
var q = order_array[ card_index ];
var c = q * card.price;
var qtxt = q.toString();
var ctxt = currency_to_string( c );
// Bold for non-zero quantities
if( q > 0 )
{
ctxt = '' + ctxt + '';
qtxt = '' + qtxt + '';
}
ctxt += ' ';
qtxt += ' ';
document.getElementById( quantity_id ).innerHTML = qtxt;
document.getElementById( cost_id ).innerHTML = ctxt;
total += c;
}
//-------------
// Postage Cost
//-------------
var postage = get_postage( total );
// Then add the cost of postage
total += postage;
// As String
var ptxt = currency_to_string( postage );
// Update HTML
document.getElementById( 'orderpostagetotal' ).innerHTML = ptxt + ' ';
//-----------
// Total Cost
//-----------
var ttxt = currency_to_string( total );
// Update HTML
document.getElementById( 'orderpricetotal' ).innerHTML = '£' + ttxt + ' ';
document.getElementById( 'amount4cheque' ).innerHTML = '£' + ttxt + '';
document.getElementById( 'amount4paypal' ).innerHTML = '£' + ttxt + '';
//------------
//
// Email Order
//
//------------
var cr = '\n';
var pr = '\n\n';
var tb = String.fromCharCode( 9 );
var sterling = '£';
var ecr = '%0d%0a';
var epr = ecr + ecr;
var etb = '%09';
//---------------
// Subject & Body
//---------------
var subject = 'An Order For Cards';
var order_rows_textarea;
var order_rows_email;
{
var rows = new Array();
var erows = new Array();
var rows_ix = 0;
var erows_ix = 0;
// Max. card name length
var card_name_maxlen = 0;
// Cards 1 - 2006
for( var i=0; i < card_objects_array.length; i ++ )
{
var card = card_objects_array[ i ];
var cn = card.name;
var nl = cn.length;
if( nl > card_name_maxlen )
{
card_name_maxlen = nl;
}
}
// Cards 2 - 2008
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
var cn = card.name;
var nl = cn.length;
if( nl > card_name_maxlen )
{
card_name_maxlen = nl;
}
}
// alert( card_name_maxlen );
// Order Table Titles
var titles = 'Card' + tb + tb + tb + tb + tb + 'Quantity' + tb + 'Price(' + sterling + ')' + tb + 'Cost(' + sterling + ')';
rows[ rows_ix ++ ] = titles;
var etitles = 'Card' + etb + etb + etb + etb + 'Quantity' + etb + etb + 'Price' + etb + etb + 'Cost';
erows[ erows_ix ++ ] = etitles;
rows[ rows_ix ++ ] = '----------------------------------------------------------';
erows[ erows_ix ++ ] = '------------------------------------------------------------------------';
//-----------------
// Order Table Rows
//-----------------
var total = 0;
// Cards 1 - 2006
for( var i=0; i < card_objects_array.length; i ++ )
{
var card = card_objects_array[ i ];
var p = card.price;
var q = order_array[ card.index ];
var c = q * p;
total += c;
var qtxt = q.toString();
var ctxt = currency_to_string( c );
var ptxt = currency_to_string( p );
// Card Name (padded to fixed length)
var card_name = card.name;
var num_padding_spaces = card_name_maxlen - card_name.length;
if( num_padding_spaces )
{
for( var s=0; s < num_padding_spaces; s ++ )
{
card_name += ' ';
}
}
// The row
var row = card_name + tb + qtxt + tb + tb + ptxt + tb + tb + ctxt;
rows[ rows_ix ++ ] = row;
var erow = card_name + etb + qtxt + etb + etb + ptxt + etb + etb + ctxt;
erows[ erows_ix ++ ] = erow;
}
// Cards 2 - 2008
for( var i=0; i < card_objects_array2.length; i ++ )
{
var card = card_objects_array2[ i ];
var p = card.price;
var card_index = card.index + card_objects_array.length;
var q = order_array[ card_index ];
var c = q * p;
total += c;
var qtxt = q.toString();
var ctxt = currency_to_string( c );
var ptxt = currency_to_string( p );
// Card Name (padded to fixed length)
var card_name = card.name;
var num_padding_spaces = card_name_maxlen - card_name.length;
if( num_padding_spaces )
{
for( var s=0; s < num_padding_spaces; s ++ )
{
card_name += ' ';
}
}
// The row
var row = card_name + tb + qtxt + tb + tb + ptxt + tb + tb + ctxt;
rows[ rows_ix ++ ] = row;
var erow = card_name + etb + qtxt + etb + etb + ptxt + etb + etb + ctxt;
erows[ erows_ix ++ ] = erow;
}
//-------------
// Postage Cost
//-------------
var postage = get_postage( total );
// Postage as STRING
var dtxt = currency_to_string( postage );
// Then add the cost of postage
total += postage;
//-----------
// Total Cost
//-----------
var ttxt = currency_to_string( total );
rows[ rows_ix ++ ] = '';
erows[ erows_ix ++ ] = '';
rows[ rows_ix ++ ] = tb + tb + 'Total Cost (inc. postage ' + sterling + dtxt + '): ' + tb + sterling + ttxt;
erows[ erows_ix ++ ] = etb + etb + etb + 'Total Cost (inc. postage ' + dtxt + '):' + etb + ttxt + ' Pounds Sterling';
order_rows_textarea = rows.join( cr );
order_rows_email = erows.join( ecr );
}
var ba_textarea = new Array();
{
var ba_ix = 0;
ba_textarea[ ba_ix ++ ] = '*** COPY AND PASTE THE FOLLOWING TEXT INTO YOUR EMAIL ***';
ba_textarea[ ba_ix ++ ] = pr;
ba_textarea[ ba_ix ++ ] = "Dear Helena," + pr;
ba_textarea[ ba_ix ++ ] = "Please send me the following order:" + pr;
ba_textarea[ ba_ix ++ ] = order_rows_textarea;
ba_textarea[ ba_ix ++ ] = pr;
ba_textarea[ ba_ix ++ ] = 'The address to send the order to is:';
ba_textarea[ ba_ix ++ ] = pr;
ba_textarea[ ba_ix ++ ] = '*** INSERT THE DELIVERY ADDRESS HERE ***';
ba_textarea[ ba_ix ++ ] = pr;
ba_textarea[ ba_ix ++ ] = '*** IF REQUIRED, WRITE YOUR PAYPAL EMAIL ADDRESS HERE ***';
ba_textarea[ ba_ix ++ ] = pr;
ba_textarea[ ba_ix ++ ] = 'Remember that if you are paying with PayPal,' + cr;
ba_textarea[ ba_ix ++ ] = 'we cannot know that you have paid' + cr;
ba_textarea[ ba_ix ++ ] = 'unless we know your PayPal email address.';
ba_textarea[ ba_ix ++ ] = pr;
var e_array = new Array( 'orde', 'rs@h', 'elen', 'abro', 'ome.', 'com' );
var e_string = e_array.join( '' );
ba_textarea[ ba_ix ++ ] = '*** SEND THE EMAIL TO: ' + e_string + ' ***';
}
var body_textarea = ba_textarea.join( '' );
var ba_email = new Array();
{
var ba_ix = 0;
ba_email[ ba_ix ++ ] = "Dear Helena," + epr;
ba_email[ ba_ix ++ ] = "Please send me the following order:" + epr;
ba_email[ ba_ix ++ ] = order_rows_email;
ba_email[ ba_ix ++ ] = epr;
ba_email[ ba_ix ++ ] = 'The address to send the order to is:';
ba_email[ ba_ix ++ ] = epr;
ba_email[ ba_ix ++ ] = '*** INSERT THE DELIVERY ADDRESS HERE ***';
ba_email[ ba_ix ++ ] = epr;
ba_email[ ba_ix ++ ] = '*** IF REQUIRED, WRITE YOUR PAYPAL EMAIL ADDRESS HERE ***';
ba_email[ ba_ix ++ ] = epr;
ba_email[ ba_ix ++ ] = 'Remember that if you are paying with PayPal,' + ecr;
ba_email[ ba_ix ++ ] = 'we cannot know that you have paid' + ecr;
ba_email[ ba_ix ++ ] = 'unless we know your PayPal email address.';
ba_email[ ba_ix ++ ] = epr;
}
var body_email = ba_email.join( '' );
// alert( body );
//-----------
// tag because otherwise the carriage returns are ignored (???)
// var body_table_cell = "";
var body_table_cell = "";
document.getElementById( 'orderemailtextareatablecell' ).innerHTML = body_table_cell;
//-----------
// Email Form
//-----------
// NOTE: this may not work!!!
{
var e_array = new Array( 'mai', 'lto:', 'orde', 'rs@h', 'elen', 'abro', 'ome.', 'com' );
var e_string = e_array.join( '' );
var email_form0 = "';
var email_table_cell = email_form0 + input + email_form1;
document.getElementById( 'orderemailform' ).innerHTML = email_table_cell;
}
}
// The order array is preserved between refreshes, but require preprocessing prior to preservation and retrieval
function preserve_order_array()
{
var oa_string = order_array.join( ',' );
preserve( 'order_array', oa_string );
}
function retrieve_order_array()
{
// Is there a string stored for the order_array?
var oa_string = retrieve( 'order_array' );
// alert( 'retrieving order_array, string: ' + oa_string );
// If there is, convert it back into an array
if( oa_string )
{
order_array = oa_string.split( ',' );
}
}
// Returns the total cost of cards and postage
function get_total_cost()
{
//--------------------
// Total Cost of Cards
//--------------------
var total = 0;
for( var i=0; i < card_objects_array.length; i ++ )
{
// Card
var card = card_objects_array[ i ];
var q = order_array[ card.index ];
var c = q * card.price;
total += c;
}
//-------------
// Postage Cost
//-------------
var postage = get_postage( total );
// Then add the cost of postage
total += postage;
return( total );
}
// Returns the cost of postage based on the total cost of cards
function get_postage( total )
{
// First ask if there any cards in the order!
var postage = 0;
if( total )
{
if( delivery_address == 'uk' )
{
if( total < uk_free_postage_limit )
{
postage = uk_postage_rate;
}
}
else
{
var packs;
// var p0 = Math.floor( ( total / overseas_postage_rate_for ) );
var p1 = Math.floor( ( total / overseas_postage_rate_for ) + 0.99 );
// if( p0 < p1 ) { packs = p0; }
// else { packs = p1; }
packs = p1;
if( packs < 1 ) { packs = 1; }
// alert( total + ', ' + overseas_postage_rate_for + ', ' + packs + ', ' + p0 + ', ' + p1 )
// alert( total + ', ' + overseas_postage_rate_for + ', ' + packs + ', ' + p1 )
postage = overseas_postage_rate * packs;
}
}
return( postage );
}
//----------------
//
// Floating Window
//
//----------------
// Requires: HTML, Width, Height (of HTML content), Offset X, Offset Y (from mouse position)
function set_floating_window_content( html, w, h, ox, oy )
{
document.getElementById( 'floatingwindowcontent' ).innerHTML = html;
if( w == 0 || w == null ) { w = ScreenWidth / 2; }
if( h == 0 || h == null ) { h = ScreenHeight / 2; }
floating_window_width = w;
floating_window_height = h;
if( ox == 0 || ox == null ) { ox = 16; }
if( oy == 0 || oy == null ) { oy = 16; }
floating_window_ox = ox;
floating_window_oy = oy;
}
function update_floating_window()
{
// Desired offset
var x = gMouseX + floating_window_ox;
var y = gMouseY + floating_window_oy;
var ww = get_window_width();
var wh = get_window_height();
// alert( x + ', ' + y + ', ' + ww + ', ' + wh + ', ' + floating_window_width + ', ' + floating_window_height );
// Nudged onto the screen
if( ( x + floating_window_width ) > ww )
{
x = ww - floating_window_width;
if( x < 0 ) { x = 0; }
}
if( ( y + floating_window_height ) > wh )
{
y = wh - floating_window_height;
if( y < 0 ) { y = 0; }
}
document.getElementById( 'floatingwindow' ).style.left = x;
document.getElementById( 'floatingwindow' ).style.top = y;
if( use_floating_window )
{
setTimeout( "update_floating_window()", floating_window_timeout );
}
}
function show_floating_window()
{
update_floating_window();
document.getElementById( 'floatingwindow' ).style.visibility = 'visible';
use_floating_window = 1;
setTimeout( "update_floating_window()", floating_window_timeout );
}
function hide_floating_window()
{
document.getElementById( 'floatingwindow' ).style.visibility = 'hidden';
use_floating_window = 0;
}
//--------------
//
// Pop-Up Window
//
//--------------
// Requires: HTML, Width, Height (of HTML content), Offset X, Offset Y (from mouse position)
function set_popup_window_content( html, w, h, ox, oy )
{
document.getElementById( 'popupwindowcontent' ).innerHTML = html;
if( w == 0 || w == null ) { w = ScreenWidth / 2; }
if( h == 0 || h == null ) { h = ScreenHeight / 2; }
popup_window_width = w;
popup_window_height = h;
if( ox == 0 || ox == null ) { ox = 16; }
if( oy == 0 || oy == null ) { oy = 16; }
popup_window_ox = ox;
popup_window_oy = oy;
// Desired offset
//var x = mouse_x + floating_window_ox;
//var y = mouse_y + floating_window_oy;
var x = popup_window_ox;
var y = popup_window_oy;
var ww = get_window_width();
var wh = get_window_height();
// alert( x + ', ' + y + ', ' + ww + ', ' + wh + ', ' + popup_window_width + ', ' + popup_window_height );
// Nudged onto the screen
if( ( x + popup_window_width ) > ww )
{
x = ww - popup_window_width;
if( x < 0 ) { x = 0; }
}
if( ( y + popup_window_height ) > wh )
{
y = wh - popup_window_height;
if( y < 0 ) { y = 0; }
}
var st = get_scroll_top();
// alert( st );
y += st;
document.getElementById( 'popupwindow' ).style.left = x;
document.getElementById( 'popupwindow' ).style.top = y;
}
function show_popup_window()
{
document.getElementById( 'popupwindow' ).style.visibility = 'visible';
use_popup_window = 1;
}
function hide_popup_window()
{
document.getElementById( 'popupwindow' ).style.visibility = 'hidden';
use_popup_window = 0;
}
//---------------------------------
//
// Mouse Position, Window Size Etc.
//
//---------------------------------
var gMouseX = 0;
var gMouseY = 0;
//-------------------------------------------------------------------------------------------------------------------------
function getMouseXY(e)
{
var tempX = 0;
var tempY = 0;
// grab the x-y pos.s if browser is IE
if( browser == "IE" )
{
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
// grab the x-y pos.s if browser is NS
else
{
tempX = e.pageX;
tempY = e.pageY;
}
if( tempX < 0 ) {tempX = 0; }
if( tempY < 0 ) {tempY = 0; }
gMouseX = tempX;
gMouseY = tempY;
return true;
}
//-------------------------------------------------------------------------------------------------------------------------
/*
function record_mouse_xy()
{
mouse_x = window.event.x;
mouse_y = window.event.y;
}
*/
function get_window_width()
{
// alert( 'document.body.clientWidth = ' + document.body.clientWidth );
if( document.body.clientWidth )
{
return( document.body.clientWidth );
}
if( window.innerWidth )
{
return( window.innerWidth );
}
}
// HACK
function get_window_height()
{
// alert( 'window.screen.availHeight = ' + window.screen.availHeight );
// if( document.body.clientHeight )
if( window.screen.availHeight )
{
// return( document.body.clientHeight );
return( window.screen.availHeight - 128 );
}
// alert( 'window.innerHeight = ' + window.innerHeight );
if( window.innerHeight )
{
return( window.innerHeight );
}
}
function get_scroll_top()
{
var ScrollTop = document.body.scrollTop;
if (ScrollTop == 0)
{
if (window.pageYOffset)
ScrollTop = window.pageYOffset;
else
ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
}
return( ScrollTop );
}
// Convert Currency to STRING
function currency_to_string( amt )
{
var txt = amt.toString();
// If string has penultimate point, add '0'
if( txt.substr( txt.length - 2, 1 ) == '.' )
{
txt += '0';
}
// If string does not have a point, add '.00'
if( txt.indexOf( '.' ) == -1 )
{
txt += '.00';
}
return( txt );
}
//---------------------------------------
//
// Preservation Of Data Between Refreshes
//
//---------------------------------------
// Call this function to preserve a value between refreshes.
//
// The name AND value MUST be ASCII strings.
function preserve( name, value )
{
// Retrieve the stored string that persists between refreshes
var stored_string = window.name;
// alert( 'stored_string: ' + stored_string );
var names = new Array();
var values = new Array();
var found_name = 0;
var name_index = 0;
var i = 0;
// If we have a stored string, search for the name
if( stored_string )
{
// Split the stored string into name-value strings
var nvs_array = stored_string.split( '&' );
// alert( 'nvs_array length: ' + nvs_array.length );
for( i=0; i < nvs_array.length; i ++ )
{
// Split the name-value string into a name string and a value string
var nv_string = nvs_array[ i ];
// alert( 'CURRENT ENTRY: nv_string: ' + nv_string );
var nv_array = nv_string.split( '=' );
// Save for rebuilding string
names[ i ] = nv_array[ 0 ];
values[ i ] = nv_array[ 1 ];
// alert( 'CURRENT ENTRY: names[ ' + i + ' ] = ' + names[ i ] + ', values[ ' + i + ' ] = ' + values[ i ] );
// Did we find our name? If so, flag this and save the index
if( name == names[ i ] )
{
found_name = 1;
name_index = i;
}
}
}
// If we found our name, add a new value for it, else add a new entry
if( found_name )
{
// alert( 'found name: ' + name + ', name_index: ' + name_index );
values[ name_index ] = value;
}
else
{
names[ i ] = name;
values[ i ] = value;
// alert( 'NEW ENTRY: names[ ' + i + ' ] = ' + names[ i ] + ', values[ ' + i + ' ] = ' + values[ i ] );
i ++;
}
// Rebuild the string
var nvs_array_new = new Array();
for( var j = 0; j < i; j ++ )
{
var nv_string = names[ j ] + '=' + values[ j ];
nvs_array_new[ j ] = nv_string;
}
var stored_string_new = nvs_array_new.join( '&' );
// Save the stored string that persists between refreshes
window.name = stored_string_new;
// alert( 'window.name is:\n\n' + window.name );
}
function retrieve( name )
{
// Retrieve the stored string that persists between refreshes
var stored_string = window.name;
// If we have a stored string, search for the name
if( stored_string )
{
// Split the stored string into name-value strings
var nvs_array = stored_string.split( '&' );
for( var i=0; i < nvs_array.length; i ++ )
{
// Split the name-value string into a name string and a value string
var nv_string = nvs_array[ i ];
var nv_array = nv_string.split( '=' );
// Did we find our name? If so, return the value
if( name == nv_array[ 0 ] )
{
return( nv_array[ 1 ] );
}
}
}
// Return empty string when name not found
return( '' );
}
//-------------------------------------------------------------------------------------------------------------------------
function which_browser()
//-------------------------------------------------------------------------------------------------------------------------
{
browser = "";
if( navigator.userAgent.indexOf("Firefox") != -1 )
{
browser = "FF";
}
if( navigator.userAgent.indexOf("MSIE") != -1 )
{
browser = "IE";
}
}
//-------------------------------------------------------------------------------------------------------------------------
// html2js 'HopeChest.htm' to 'HopeChest.js'
var HopeChestMore = new Array();
var t=HopeChestMore;
t.push("
Hope Chest
");
t.push("");
t.push("
");
t.push("A Hope Chest is a New World name for the chest young girls would fill with precious objects in preparation for marriage.");
t.push("
");
t.push("");
t.push("
");
t.push("The chest is old, strong and well-made, probably of oak. It has been cared for and polished for generations. It is the sort of chest that valuables would have been kept in, or in which linen could be stored in safety.");
t.push("");
t.push("
");
t.push("It is sealed by an iron, hand-wrought hasp, but not locked. Upon the chest is a candlestick, probably of pewter. It has a little carrying handle and would have guided the householder to bed. The candlestick holds a usable length of plain white candle. It has clearly not burnt for very long and has just been extinguished, leaving a faint trail of smoke above it. There are three bright red apples surrounding the candle, tempting and ripe. In the foreground is a small knife, presumably for paring the fruit. Behind and to the left is a small jug. It is empty and of hand-thrown earthenware, possible a small wine pitcher. To the right is a rumpled Turkish/Persian rug of a faded but still vibrant red, chased with a darker pattern of intricate design. It carries a sense of value, age, practicality and beauty.");
t.push("");
t.push("");
t.push("
");
t.push("The background wall is of a sombre ochre, as if painted long ago, and reminiscent of ancient Italian townscapes. Although the candle has just gone out, it is not night time. The scene is bathed in the watery light of early morning. The candle has been lit before dawn rather than before dusk.");
t.push("
");
t.push("");
t.push("
");
t.push("The feeling is almost medieval, the objects functional except for the apples, which attract the eye by their bright colour.");
t.push("
");
t.push("");
t.push("
");
t.push("What does the picture represent? It is not simply a technical study. The work is refined, beautifully detailed and understated. Although the objects are strong and masculine, there is a sense of feminine ownership. The rug is amazingly revealed and the drift of smoke from the candle almost imperceptible. The scene is part of an affluent, comfortable household. Nearby, there will be an enormous ancient four-poster bed with brocade curtains. The floors will be of old oak plank, the ceiling criss-crossed with beams.");
t.push("
");
t.push("");
t.push("
");
t.push("The theme, for me, is love. Not so much unrequited as un-fulfilled and aspirational. The three apples are a recognisable image of love; not one but three, one separated from the others. Perhaps there is a choice to be made. Which lover? Perhaps none. Whatever the case, the apples are temptingly ripe.");
t.push("
");
t.push("");
t.push("
");
t.push("The candle is a potent symbol of smouldering male sexuality, its flame extinguished before the light of day. The jug, on the other hand, is plain and straightforward, but, alas, empty, waiting to be filled. The knife sits threateningly. At a stroke it can destroy the carefully laid-out scene. The rug, sumptuous in itself, is rumpled and untidy as if it has covered the chest and been pulled off while the chest has been opened, and then carelessly thrown back on. Perhaps it is representative of the age and respectability of the family. The box is the main thing. It is strong, secure and closed. Its hasp is functional but not permanently locked. In the box lie all the hopes and dreams of a young woman. Over the years, she has filled it with carefully stitched linen, table cloths, sheets and clothes, in preparation for her marriage. It does not have the threat of a Pandora's Box; the contents are measured and orderly. The girl is practical, sensible, pragmatic and yet romantic. Which of the apples to take?");
t.push("
");
t.push("");
t.push("
");
t.push("Before first light, she has been through her little hope chest, thinking through her future, weighing things up. Finally, she has put out the candle and retreated to her bed to sleep a little longer. She is full of longing; thoughtful and dutiful. The man who wins her will have found a treasure for life.");
t.push("
";
document.write( img );
document.write( "