function ShowHint(event) {

		HideHint();						// clear anything visible then continue
		document.getElementById('table_image_thumbnails').style.cursor = 'pointer';
		
		if (event == 'tl') {
			document.getElementById( ('div_hint_tl') ).style.display = 'block';
			document.getElementById( ('div_hint_tl') ).style.backgroundImage="url(/includes/styles/bg_images/bg_hint.png)";
			document.getElementById('div_hint_blank').style.display = 'none'; 
		
		}
		if (event == 'tm') {
			document.getElementById( ('div_hint_tm') ).style.display = 'block';
			document.getElementById( ('div_hint_tm') ).style.backgroundImage="url(/includes/styles/bg_images/bg_hint.png)";
			document.getElementById('div_hint_blank').style.display = 'none'; 
		}
		if (event == 'tr') {
			document.getElementById( ('div_hint_tr') ).style.display = 'block';
			document.getElementById( ('div_hint_tr') ).style.backgroundImage="url(/includes/styles/bg_images/bg_hint.png)";
			document.getElementById('div_hint_blank').style.display = 'none'; 
		}
		if (event == 'ml') {
			document.getElementById( ('div_hint_ml') ).style.display = 'block';
			document.getElementById( ('div_hint_ml') ).style.backgroundImage="url(/includes/styles/bg_images/bg_hint.png)";
			document.getElementById('div_hint_blank').style.display = 'none'; 
		}
		if (event == 'mm') {
			document.getElementById( ('div_hint_mm') ).style.display = 'block';
			document.getElementById( ('div_hint_mm') ).style.backgroundImage="url(/includes/styles/bg_images/bg_hint.png)";
			document.getElementById('div_hint_blank').style.display = 'none'; 
		}
		if (event == 'mr') {
			document.getElementById( ('div_hint_mr') ).style.display = 'block';
			document.getElementById( ('div_hint_mr') ).style.backgroundImage="url(/includes/styles/bg_images/bg_hint.png)";
			document.getElementById('div_hint_blank').style.display = 'none'; 
		}
		if (event == 'bl') {
			document.getElementById( ('div_hint_bl') ).style.display = 'block';
			document.getElementById( ('div_hint_bl') ).style.backgroundImage="url(/includes/styles/bg_images/bg_hint.png)";
			document.getElementById('div_hint_blank').style.display = 'none'; 
		}
		if (event == 'bm') {
			document.getElementById( ('div_hint_bm') ).style.display = 'block';
			document.getElementById( ('div_hint_bm') ).style.backgroundImage="url(/includes/styles/bg_images/bg_hint.png)";
			document.getElementById('div_hint_blank').style.display = 'none'; 
		}
		if (event == 'br') {
			document.getElementById( ('div_hint_br') ).style.display = 'block';
			document.getElementById( ('div_hint_br') ).style.backgroundImage="url(/includes/styles/bg_images/bg_hint.png)";
			document.getElementById('div_hint_blank').style.display = 'none'; 
		}
		if (event == 'clear') {
			document.getElementById("div_hint_tl").innerHTML="";
			document.getElementById("div_hint_tl").style.backgroundImage="";
			document.getElementById("data_cell_title").innerHTML="";
			document.getElementById('div_hint_blank').style.display = 'block'; 	// turn on the default blank spacer.
		}
	}
	
	function HideHint() {
		document.getElementById( ('div_hint_tl') ).style.display = 'none';
		document.getElementById( ('div_hint_tl') ).style.backgroundImage="";
		document.getElementById( ('div_hint_tm') ).style.display = 'none';
		document.getElementById( ('div_hint_tm') ).style.backgroundImage="";
		document.getElementById( ('div_hint_tr') ).style.display = 'none';
		document.getElementById( ('div_hint_tr') ).style.backgroundImage="";
		document.getElementById( ('div_hint_ml') ).style.display = 'none';
		document.getElementById( ('div_hint_ml') ).style.backgroundImage="";
		document.getElementById( ('div_hint_mm') ).style.display = 'none';
		document.getElementById( ('div_hint_mm') ).style.backgroundImage="";
		document.getElementById( ('div_hint_mr') ).style.display = 'none';
		document.getElementById( ('div_hint_mr') ).style.backgroundImage="";
		document.getElementById( ('div_hint_bl') ).style.display = 'none';
		document.getElementById( ('div_hint_bl') ).style.backgroundImage="";
		document.getElementById( ('div_hint_bm') ).style.display = 'none';
		document.getElementById( ('div_hint_bm') ).style.backgroundImage="";
		document.getElementById( ('div_hint_br') ).style.display = 'none';
		document.getElementById( ('div_hint_br') ).style.backgroundImage="";
		
		document.getElementById('div_hint_blank').style.display = 'block'; 	// turn on the default blank spacer.
		
	}		
	
	function HidePanel(){
		document.getElementById( ('data_title_tl') ).style.display = 'none';
		document.getElementById( ('data_body_tl') ).style.display = 'none';
		document.getElementById( ('readmore_tl') ).style.display = 'none';
		
		document.getElementById( ('data_title_tm') ).style.display = 'none';
		document.getElementById( ('data_body_tm') ).style.display = 'none';
		document.getElementById( ('readmore_tm') ).style.display = 'none';
		
		document.getElementById( ('data_title_tr') ).style.display = 'none';
		document.getElementById( ('data_body_tr') ).style.display = 'none';
		document.getElementById( ('readmore_tr') ).style.display = 'none';
		
		document.getElementById( ('data_title_ml') ).style.display = 'none';
		document.getElementById( ('data_body_ml') ).style.display = 'none';
		document.getElementById( ('readmore_ml') ).style.display = 'none';
		
		document.getElementById( ('data_title_mm') ).style.display = 'none';
		document.getElementById( ('data_body_mm') ).style.display = 'none';
		document.getElementById( ('readmore_mm') ).style.display = 'none';
		
		document.getElementById( ('data_title_mr') ).style.display = 'none';
		document.getElementById( ('data_body_mr') ).style.display = 'none';
		document.getElementById( ('readmore_mr') ).style.display = 'none';
		
		document.getElementById( ('data_title_bl') ).style.display = 'none';
		document.getElementById( ('data_body_bl') ).style.display = 'none';
		document.getElementById( ('readmore_bl') ).style.display = 'none';
		
		document.getElementById( ('data_title_bm') ).style.display = 'none';
		document.getElementById( ('data_body_bm') ).style.display = 'none';
		document.getElementById( ('readmore_bm') ).style.display = 'none';
		
		document.getElementById( ('data_title_br') ).style.display = 'none';
		document.getElementById( ('data_body_br') ).style.display = 'none';
		document.getElementById( ('readmore_br') ).style.display = 'none';
		
	}
	
	function DisplayImage(image) {
		document.getElementById('full_image_tl').style.display = 'none';
		document.getElementById('full_image_tm').style.display = 'none';
		document.getElementById('full_image_tr').style.display = 'none';
		document.getElementById('full_image_ml').style.display = 'none';
		document.getElementById('full_image_mm').style.display = 'none';
		document.getElementById('full_image_mr').style.display = 'none';
		document.getElementById('full_image_bl').style.display = 'none';
		document.getElementById('full_image_bm').style.display = 'none';
		document.getElementById('full_image_br').style.display = 'none';
		document.getElementById( ('full_image_' + image) ).style.display = 'block';
	}
	
	function ShowPanel(event) {
		HidePanel()	 // clear any old display data, and start again.
		document.getElementById('data_cell').style.visibility = 'visible';
		document.getElementById('table_image_thumbnails').style.display = 'none';
		document.getElementById('table_image_loading').style.display = 'none';
		document.getElementById('table_image_full').style.display = 'block';
		document.getElementById('table_image_full').style.cursor = 'pointer';
			
		if (event == 'tl') {
			document.getElementById( ('data_title_tl') ).style.display = 'block';
			document.getElementById( ('data_body_tl') ).style.display = 'block';
			document.getElementById( ('readmore_tl') ).style.display = 'block';
			DisplayImage('tl');
		}
		if (event == 'tm') {
			document.getElementById( ('data_title_tm') ).style.display = 'block';
			document.getElementById( ('data_body_tm') ).style.display = 'block';
			document.getElementById( ('readmore_tm') ).style.display = 'block';
			DisplayImage('tm');
		}			
		if (event == 'tr') {
			document.getElementById( ('data_title_tr') ).style.display = 'block';
			document.getElementById( ('data_body_tr') ).style.display = 'block';
			document.getElementById( ('readmore_tr') ).style.display = 'block';
			DisplayImage('tr');
		}			
		if (event == 'ml') {
			document.getElementById( ('data_title_ml') ).style.display = 'block';
			document.getElementById( ('data_body_ml') ).style.display = 'block';
			document.getElementById( ('readmore_ml') ).style.display = 'block';
			DisplayImage('ml');
		}			
		if (event == 'mm') {
			document.getElementById( ('data_title_mm') ).style.display = 'block';
			document.getElementById( ('data_body_mm') ).style.display = 'block';
			document.getElementById( ('readmore_mm') ).style.display = 'block';
			DisplayImage('mm');
		}			
		if (event == 'mr') {
			document.getElementById( ('data_title_mr') ).style.display = 'block';
			document.getElementById( ('data_body_mr') ).style.display = 'block';
			document.getElementById( ('readmore_mr') ).style.display = 'block';
			DisplayImage('mr');
		}			
		if (event == 'bl') {
			document.getElementById( ('data_title_bl') ).style.display = 'block';
			document.getElementById( ('data_body_bl') ).style.display = 'block';
			document.getElementById( ('readmore_bl') ).style.display = 'block';
			DisplayImage('bl');
		}			
		if (event == 'bm') {
			document.getElementById( ('data_title_bm') ).style.display = 'block';
			document.getElementById( ('data_body_bm') ).style.display = 'block';
			document.getElementById( ('readmore_bm') ).style.display = 'block';
			DisplayImage('bm');
		}			
		if (event == 'br') {
			document.getElementById( ('data_title_br') ).style.display = 'block';
			document.getElementById( ('data_body_br') ).style.display = 'block';
			document.getElementById( ('readmore_br') ).style.display = 'block';
			DisplayImage('br');
		}	
		
	}
	
	function ReturnAction(event) {
		if (event == 'hover') {
			document.getElementById('data_cell_actions_clear').style.color = '#AA0000';
			document.getElementById('data_cell_actions_clear').style.cursor = 'pointer';
		}
		if (event == 'no hover') {
			document.getElementById('data_cell_actions_clear').style.color = '#503E18';
		}		
		if (event == 'return') {
			document.getElementById('data_cell_actions_clear').style.color = '#503E18';
			document.getElementById('data_cell').style.visibility = 'hidden';
			document.getElementById('table_image_thumbnails').style.display = 'table';
			document.getElementById('table_image_full').style.display = 'none';
			document.getElementById('table_image_loading').style.display = 'none';
		}			
	
	}
	
	function ReadMoreAction(event) {
		if (event == 'hover') {
			document.getElementById('readmore').style.color = '#AA0000';
			document.getElementById('readmore').style.cursor = 'pointer';
		}
		if (event == 'no hover') {
			document.getElementById('readmore').style.color = '#503E18';
		}		
		if (event == 'readmore') {
			document.getElementById('readmore').style.color = '#503E18';
			//document.getElementById('data_cell').style.visibility = 'hidden';
			document.getElementById('table_image_thumbnails').style.display = 'none';
			document.getElementById('table_image_full').style.display = 'none';
			document.getElementById('table_image_loading').style.display = 'block';
		}			
	
	}
	
	//-- Ticker tape functions --
	var max=0;
	
	function textlist() {
		max=textlist.arguments.length;
		for (i=0; i<max; i++)
		this[i]=textlist.arguments[i];
	}
	
	msg1 = 'Saraye - the exclusive retail shop for "Tatami" style purses';
	msg2 = "Baskets of Cambodia - building sustainable incomes for rural communities.";
	msg3 = "We provide a health-care safety net program, yearly dividends, and schooling options for our talented partners.";
	msg4 = "Fair Trade - Creating Opportunities for Economically and Socially Marginalized Producers.";

	tl = new textlist
	(
		msg1, 
		msg2, 
		msg3, 
		msg4
	);
	var x=0; pos=0;
	var l=tl[0].length;
	
	function textticker() {
		document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
		if(pos++==l) { pos=0; setTimeout("textticker()",1000); x++;
		if(x==max) x=0; l=tl[x].length; } else
		setTimeout("textticker()",100);
	}
	
	//-- Scroller --


