/*
	E D I T A B L E     A R T L O O K     J A V A S C R I P T      F I L E
	FOR USE WITH ARTLOOK GALLERY WEB
	1. EACH EVENT FUNCTION NEEDS TO BE CODED - PLEASE CODE ACCORDINGLY
	2. SETTINGS TO VARIABLES MAY BE CHANGED TO CHANGE BEHAVIOUR
	3. ONE PRE_DEFINED VARIABLE IS AVAILABLE:
				galleryname - the name of the gallery
	4. LINES SURROUNDED AS FOLLOWS:-
			//ESSENTIAL SYNTAX - DO NOT REMOVE
						any code in between these statements must not be removed
					//ESSENTIAL SYNTAX - ENDS
	NB. YOU MAY USE AJAX/SCRIPTACULOUS SYNTAX IF YOU WISH
	*/
	var item_in_window = true;
  var artist_dates       = '';
  var artist_nationality = '';
  var artist_biography   = '';
  var artist_exhibs      = '';
  var artist_news        = '';
  var artist_statement   = '';
  var artist_name        = '';
  var artist_id          = '';
  var artist_items       = '';
	function onGetEvents(events, event) {
		/*
	AVAILABLE FIELDS:-
	EVENT_ID, NAME, DESCRIPTION, LOCATION_INFORMATION, DATE_INFORMATION
	*/
		var list = '';
		for (var i = 0, len = events.length; i < len; ++i) {
			list = list + '<a href="index.php?location=event&event=' + events[i].EVENT_ID + '">' + events[i].NAME + '</a><BR>';
		}
		$('artists').innerHTML = list;
		$('items').innerHTML = '';
		$('artist').innerHTML = '';
		$('artistimage').innerHTML = '';
		
		
		//ESSENTIAL SYNTAX - DO NOT REMOVE
		if (event > -1)
		getEvent(event);
		//ESSENTIAL SYNTAX - ENDS
	}
	function onGetArtists(artists, artist) {
		/*
	AVAILABLE FIELDS:-
	ARTIST_ID, ARTIST_NAME
	*/	
		var list = '<ul>';
		for (var i = 0, len = artists.length; i < len; ++i) {
			list=list+'<li><a  class="galartslink" href="index.php?location=artist&artist=' + artists[i].ARTIST_ID + '">' 
			+ artists[i].ARTIST_NAME + '</a></li>';
		}
		$('artist_list').innerHTML = list + '</ul>';
		//ESSENTIAL SYNTAX - DO NOT REMOVE
		if (artist > -2) 
		getArtist(artist);
		//ESSENTIAL SYNTAX - ENDS
	}
	function onGetArtistsByBothTypes(artists, stockType) {
		/*
	AVAILABLE FIELDS:-
	GALLERY_ID ARTIST_ID FIRST_NAME LAST_NAME MIDDLE_NAME PREFIX HONOURS BIOGRAPHY NATIONALITY
	INTRODUCTION SHORT_DESCRIPTION BIBLIOGRAPHY SOLO_EXHIBITIONS GROUP_EXHIBITIONS ARTIST_STATEMENT
	DATES BIRTH_PLACE ARTIST_NAME FILEAS IMAGEFILE
	*/
		var list = '<span class="columns">';	    
		var dates = '';		
		var descr = '';
		var artistname = '';	
		var split_point = Math.ceil( (artists.length / 2) - 1 );
		for (var i = 0, len = artists.length; i < len; ++i) {
			if (artists[i].DATES != '') {
				dates = artists[i].DATES;        
      } else {
				dates = 'contemporary';
			}       
      if (artists[i].NATIONALITY != '') {
				nationality = artists[i].NATIONALITY + ', ';
			} else {
				nationality = '';
			}			      
			if (artists[i].SHORT_DESCRIPTION != '') {     
         descr = artists[i].SHORT_DESCRIPTION;         
         descr = descr.stripTags();
         descr = descr.strip();                      			
			} else {			  
			   descr = '';			
			}
      descr = '(' + nationality + dates  + ') ' + descr;
      artistname = artists[i].LAST_NAME;
			if (artists[i].FIRST_NAME !='' || artists[i].MIDDLE_NAME != '') {
				artistname = artistname + ', ' + artists[i].FIRST_NAME;
				if (artists[i].MIDDLE_NAME != '') {
					artistname = artistname + ' ' + artists[i].MIDDLE_NAME;
				}
			}
			list = list + '<a class="galartslink" href="index.php?location=artist&artist=' 
              + artists[i].ARTIST_ID + '&stocktype=' + stockType + '">' 
              + artistname + '</a> ' + artists[i].HONOURS + ' ' + descr  + '<BR />';
			if (i == split_point) 
				list = list + '</span><span class="columns">';        			
		}
		list = list + '</span>';    
		$('gallery_artists').innerHTML = list;
}

	function onGetArtistsForStockTypeExcludeArtType(artists, divId, stockType) {
		/*
	AVAILABLE FIELDS:-
	GALLERY_ID ARTIST_ID FIRST_NAME LAST_NAME MIDDLE_NAME PREFIX HONOURS BIOGRAPHY NATIONALITY
	INTRODUCTION SHORT_DESCRIPTION BIBLIOGRAPHY SOLO_EXHIBITIONS GROUP_EXHIBITIONS ARTIST_STATEMENT
	DATES BIRTH_PLACE ARTIST_NAME FILEAS IMAGEFILE
	*/  
		var list = '<span class="columns">';	    
		var dates = '';
		
		var descr = '';
		var artistname = '';	
		var split_point = Math.ceil( (artists.length / 2) - 1 );    
		for (var i = 0, len = artists.length; i < len; ++i) {
			if (artists[i].DATES != '') {
				dates = artists[i].DATES + '';
      } else {
				dates = 'contemporary';
			}
      if (artists[i].NATIONALITY != '') {
				nationality = artists[i].NATIONALITY + ', ';
			} else {
				nationality = '';
			}
			
			if (artists[i].SHORT_DESCRIPTION != '') {
         descr = artists[i].SHORT_DESCRIPTION;
         
         descr = descr.stripTags();
			
         descr = descr.strip();
			} else {
				descr = '';
			}
      
      descr = '(' + nationality + dates  + ') ' + descr;
			artistname = artists[i].LAST_NAME;
			if (artists[i].FIRST_NAME !='' || artists[i].MIDDLE_NAME != '') {
				artistname = artistname + ', ' + artists[i].FIRST_NAME;
				if (artists[i].MIDDLE_NAME != '') {
					artistname = artistname + ' ' + artists[i].MIDDLE_NAME;
				}
			}
			list = list + '<a  class="galartslink" href="index.php?location=artist&artist=' 
			+ artists[i].ARTIST_ID + '&stocktype=' + stockType + '">' 
      + '<img class="thumblist" src="' + artists[i].IMAGEFILE + '" />'
			+ '<div class="thumblist"><strong>' + artistname + '</strong>&nbsp;' + artists[i].HONOURS + ' ' + descr  + '</a></div><div class="clearboth"></div>';
			if (i == split_point) 
				list = list + '</span><span class="columns">';			
		}
		list = list + '</span>';
		$(divId).innerHTML = list;
	}
  
	function onGetArtistsByArtistType(artists) {
		/*
	AVAILABLE FIELDS:-
	ARTIST_ID, ARTIST_NAME
	*/	
		var list = '<ul>';
		for (var i = 0, len = artists.length; i < len; ++i) {
			list=list+'<li><a  class="galartslink" href="index.php?location=artist&artist=' + artists[i].ARTIST_ID + '">' 
			+ artists[i].ARTIST_NAME + '</a></li>';
		}  
		$('artist_list').innerHTML = list + '</ul>';
	}
	function onGetArtistsByArtistType2(artists, artist, divId) {
		/*
	AVAILABLE FIELDS:-
	ARTIST_ID, ARTIST_NAME
	*/	
		//var list = '<span class="columns">';	
    var list = '';	
		var dates = '';
		var artistname = '';			
		var split_point = Math.ceil(artists.length / 2) - 1;		
		for (var i = 0, len = artists.length; i < len; ++i) {
			if (artists[i].DATES != '') {
				dates = '(' + artists[i].DATES + ')';
			} else {
				dates = '';
			}
			artistname = artists[i].LAST_NAME;
			if (artists[i].FIRST_NAME !='' || artists[i].MIDDLE_NAME != '') {
				artistname = artistname + ', ' + artists[i].FIRST_NAME;
				if (artists[i].MIDDLE_NAME != '') {
					artistname = artistname + ' ' + artists[i].MIDDLE_NAME;
				}
			}
			
			list = list + '<a  class="galartslink" href="index.php?location=artist&artist=' 
			+ artists[i].ARTIST_ID + '">' 
			+ artistname + '</a> ' + artists[i].HONOURS + ' ' + dates  + '<BR />';
			
			/*if (i == split_point) {
				list = list + '</span><span class="columns">';
			}*/
		}
		//list = list + '</span>';
		$(divId).innerHTML = list;
	}
	function onGetArtistsForStockType(artists, stocktype) {
		/*
	AVAILABLE FIELDS:-
	ARTIST_ID, ARTIST_NAME
	*/
		var list = '';
		for (var i = 0, len = artists.length; i < len; ++i) {
			list=list+'<a href="index.php?location=artist&artist=' + artists[i].ARTIST_ID + '&stocktype=' + stocktype + '">' 
			+ artists[i].ARTIST_NAME + '</a>&nbsp;&nbsp;';
		}
		$('artist').innerHTML = list;
	}
	function onGetArtist(artist, stockType) {
		/*
	AVAILABLE FIELDS:-
	GALLERY_ID ARTIST_ID FIRST_NAME LAST_NAME MIDDLE_NAME PREFIX HONOURS BIOGRAPHY NATIONALITY
	INTRODUCTION SHORT_DESCRIPTION BIBLIOGRAPHY SOLO_EXHIBITIONS GROUP_EXHIBITIONS ARTIST_STATEMENT
	DATES BIRTH_PLACE ARTIST_NAME FILEAS IMAGEFILE  NITEMS
	*/
      artist_dates       = artist.DATES;
      if (artist_dates == '')
         artist_dates = 'contemporary';
      artist_nationality = artist.NATIONALITY;
      artist_biography   = artist.BIOGRAPHY;
      artist_exhibs      = artist.SOLO_EXHIBITIONS;
      artist_news        = artist.GROUP_EXHIBITIONS;
      artist_news        = artist_news.gsub('&lt', '&lt;');
	  artist_news        = artist_news.gsub('&gt', '&gt;');
	  artist_news        = artist_news.unescapeHTML();
      artist_statement   = artist.ARTIST_STATEMENT;
      artist_name        = artist.ARTIST_NAME;
      artist_id          = artist.ARTIST_ID;
      if (artist_dates != '' || artist_nationality != '') {
        tagline = '<strong>(';
        if (artist_nationality != '') {
          tagline = tagline + artist_nationality;
          if (artist_dates != '') {
            tagline = tagline + ', ' + artist_dates;
          }
        } else {
          tagline = tagline + artist_dates;
        }
        tagline = tagline + ')</strong>';
      } else {
        tagline = '';
      }
      if (artist.IMAGEFILE != '') {      
        imgfile = '<img class="bodyimage" src="' + artist.IMAGEFILE + '">';
      } else {
        imgfile = '';
      }
      
      artist_biography = imgfile + artist_biography;
      
			$('artist').innerHTML = '<font size="1"><a class="pageback"  href="javascript:history.go(-1);">'
  			+'< Back&nbsp;&nbsp;&nbsp;</a></font>' 
  			+ '<div id="artist_header"><span class="artistheading">' + artist.ARTIST_NAME + '</span>' + tagline + '</div>'
        + '<div id="artist_menu" class="artistpagemenu"><b>Works by this artist</b>&nbsp;|&nbsp<a style="color:#333333" href="javascript:void%200" onclick="getExhibitions();">'
        + 'Exhibitions & Awards</a>&nbsp;|&nbsp<a style="color:#333333" href="javascript:void%200" onclick="getNews();">News</a>&nbsp;|&nbsp;'
        + '<a style="color:#333333" href="javascript:void%200" onclick="getStatement();">Statement</a></div>' 
  			+ '<div id="artist_content">' + imgfile + artist.BIOGRAPHY  + '</div><BR>';
        
			if ( stockType > -1) {																																															
				getItemsByArtistAndType(artist.ARTIST_ID, stockType);
			} else {		
				getItems(artist.ARTIST_ID);
			}
		    
		document.title = galleryname + ': ' + artist.ARTIST_NAME;
	}
	function onGetEvent(event) {
		/*
	AVAILABLE FIELDS:-
	EVENT_ID, NAME, DESCRIPTION, LOCATION_INFORMATION, DATE_INFORMATION, TYPE_ID,
	SUB_TYPE_ID, DATE_START, DATE_END, IMAGEFILE	  
	*/
		if (event.IMAGEFILE != '') {
			$('artistimage').innerHTML = '<img src="' + event.IMAGEFILE + '" alt="' + event.NAME + '">';
		} else {
			$('artistimage').innerHTML = '';
		} 
		$('artist').innerHTML = '<P><B>' + event.NAME + '</B><BR>' + event.DESCRIPTION + '</P>';
		getEventItems(event.EVENT_ID, -1, -1);
	}
	function onGetItem(item, sourceCall, sourceID) {
		/*
	AVAILABLE FIELDS:-
	GALLERY_ID ARTIST_ID ITEM_ID CATEGORY_ID TITLE YEAR_TEXT PRICE DESCRIPTION DIMENSIONS_TEXT
	MEDIUM PROVENANCE HISTORY LITERATURE NOTES CONDITION STATUS SEQUENCE EVENTS_ONLY LOCKED
	CREATOR REFERENCE YEAR_CREATED INTERNAL_UNITS MANUFACTURER INFORMATION REMAINING IMAGEFILE 
	ARTIST_NAME NATIONALITY DATES BOF EOF
	SOURCE CALL AND SOURCEid OPTIONS:-
	SOURCE CALL VALUE		SOURCE ID MEANING	
  	artist							id of artist
		event								id of event
		type								id of stock type
		artist_type					id of artist
	*/
		var title = '';
		if (item.TITLE != '') {
			title = item.TITLE;
  	}
		else {
			title = '';
		}
		var statusstring = item.STATUS;
		if (item.STATUS == 'Available') {
			statusstring = '<b>' + statusstring + '</b>';
      if  (item.PRICE != '£0.00') {
         statusstring = statusstring + '<br>' + item.PRICE;
      }
		}
		else {
			statusstring = '<B><FONT COLOR="#FF0000">' + statusstring + '</FONT</B>';
		}
		dates = '';
		nationality = '';
    if (item.DATES != '') {
      dates = item.DATES;
    } else if (item.ARTIST_NAME != 'Unsigned Glass') {
			dates = 'contemporary';
    }
      
    if (item.NATIONALITY != '') {
      nationality = item.NATIONALITY + ', ';
    } else {
      nationality = '';
    }			
    descr = nationality + dates;
    if (item.ARTIST_NAME != 'Unsigned Glass') {
   		descr = '(' + descr + ')';
    }
		$('art').innerHTML = '<span class="artistheading">' + item.ARTIST_NAME 
      		+ '</span><strong>' + descr + '</strong><div id="displaysingle">'
					+ '<a href="javascript:history.go(-1);"><img id="mainimage" src="'
      		+ item.IMAGEFILE + '" max_width="600" /></a></div><div  id="displaysingle_text">'
      		+ '<B><I>' + title + '</B></I>' + ' &nbsp; ' + item.YEAR_TEXT + '<br />'
      		+ item.MEDIUM + ' &nbsp;&nbsp; ' + item.DIMENSIONS_TEXT + '<br />'
      		+ item.DESCRIPTION + '<br />'	+ statusstring + '</div>';
		getSubImages(item.ITEM_ID);
		document.title = galleryname + ': ' + item.ARTIST_NAME + ' - ' + item.TITLE;
  }
	function onGetItems(items, displayType, typeID) {
		/*
	AVAILABLE FIELDS:-
	GALLERY_ID ARTIST_ID ITEM_ID CATEGORY_ID TITLE YEAR_TEXT PRICE DESCRIPTION DIMENSIONS_TEXT
	MEDIUM PROVENANCE HISTORY LITERATURE NOTES CONDITION STATUS SEQUENCE EVENTS_ONLY LOCKED
	CREATOR REFERENCE YEAR_CREATED INTERNAL_UNITS MANUFACTURER INFORMATION REMAINING IMAGEFILE ARTIST_NAME BOF EOF
	*/
		var list = '';
		for (var i = 0, len = items.length; i < len; ++i) {
			list = list + '<span class="floatpic"><a href="index.php?location=art&amp;item=' + items[i].ITEM_ID + '"><img src="' + items[i].IMAGEFILE + '" max_width="200" max_height="200" /></a><BR />' + '<I>' + items[i].TITLE + '</I>' + '</span>\n';
		}
		
		$('items').innerHTML = list;
    artist_items = list;
}

	function onGetUnsignedItems(items, displayType, typeID) {
		/*
	AVAILABLE FIELDS:-
	GALLERY_ID ARTIST_ID ITEM_ID CATEGORY_ID TITLE YEAR_TEXT PRICE DESCRIPTION DIMENSIONS_TEXT
	MEDIUM PROVENANCE HISTORY LITERATURE NOTES CONDITION STATUS SEQUENCE EVENTS_ONLY LOCKED
	CREATOR REFERENCE YEAR_CREATED INTERNAL_UNITS MANUFACTURER INFORMATION REMAINING IMAGEFILE ARTIST_NAME BOF EOF
	*/
		var list = '<div class="pageheading">Unsigned Murano and other glass</div><ul>';    
		for (var i = 0, len = items.length; i < len; ++i) {
			list = list + '<li><a href="index.php?location=item&amp;item=' 
			+ items[i].ITEM_ID 
			+ '"><span class="artist_name">' + items[i].TITLE  + '</a></li>\n';
		}
		list = list + '</ul>';
		$('unsigned').innerHTML = list;
    



	}
  
	function onGetEventItems(items) {
		/*
	AVAILABLE FIELDS:-
	GALLERY_ID ARTIST_ID ITEM_ID CATEGORY_ID TITLE YEAR_TEXT PRICE DESCRIPTION DIMENSIONS_TEXT
	MEDIUM PROVENANCE HISTORY LITERATURE NOTES CONDITION STATUS SEQUENCE EVENTS_ONLY LOCKED
	CREATOR REFERENCE YEAR_CREATED INTERNAL_UNITS MANUFACTURER INFORMATION REMAINING ARTIST_NAME IMAGEFILE EVENT_ID BOF EOF
	*/
		var list = '';
		for (var i = 0, len = items.length; i < len; ++i) {
			list=list+'<div class="item"><img src="' + items[i].IMAGEFILE + '" /><BR><a href="javascript:void%200" onclick="getItem(' + items[i].ITEM_ID + ', \'event\', ' + items[i].EVENT_ID + ');">' 
			+ items[i].TITLE + '</a><BR>' + items[i].ARTIST_NAME + '<BR>' + items[i].EOF + '</div>';
		}
		$('items').innerHTML = list;
	}
	function onGetStockTypes(stocktypes) {
		/*
	AVAILABLE FIELDS:-
	ATYPE, TYPE_ID
	*/	
		var list = '';
		for (var i = 0, len = stocktypes.length; i < len; ++i) {
			list=list+'<a id="type' + stocktypes[i].TYPE_ID + '" href="javascript:void%200" onclick="getItemsByType(' + stocktypes[i].TYPE_ID + ');">' 
			+ stocktypes[i].ATYPE + '</a>&nbsp;&nbsp;';
		}
		$('artists').innerHTML = list;
		$('items').innerHTML = '';
		$('artist').innerHTML = '';
		$('artistimage').innerHTML = '';
	}
	function onGetStockTypesForArtist(stocktypes, artist) {
		/*
	AVAILABLE FIELDS:-
	ATYPE, TYPE_ID
	*/	
		var list = '';
		for (var i = 0, len = stocktypes.length; i < len; ++i) {
			list=list+'<a class="types" id="type' + stocktypes[i].TYPE_ID + '" href="javascript:void%200" onclick="getItemsByArtistAndType(' + artist + ',' + stocktypes[i].TYPE_ID + ');">' 
			+ stocktypes[i].ATYPE + '</a>&nbsp;&nbsp;';
		}
		list=list+'<a class="all" id="all" href="javascript:void%200" onclick="getItemsByArtistAndType(' + artist + ',-1);">ALL</a>&nbsp;&nbsp;';
		$('artist').innerHTML = list + $('artist').innerHTML;
	}
/*	
  function swapimage(srcimage) {
		var mainsource = $('mainimage').src;
		$('mainimage').src = $(srcimage).src;
		$(srcimage).src = mainsource;
	}
*/  
	function onGetSubImages(images) {
		/*
	AVAILABLE FIELDS:-
	ITEM_ID, IMAGE_ID, DESCRIPTION, SEQUENCE_NUMBER, TITLE, LONG_DESCRIPTION, IMAGEFILE
	*/	
		var list = '';
		for (var i = 0, len = images.length; i < len; ++i) {	
			list = list + '<span style="float:left; margin-bottom:10px;">'
			+ '<a href="javascript:void%200" onclick="swapimage(\'sub' + i + '\')">'
			+ '<img class="subimage" id="sub' + i + '" src="' 
			+ images[i].IMAGEFILE + '" /></a></span>';
		}
		
		$('moreimages').innerHTML = list;
		
	}
	function onGetArtistTypes(atypes) {
		/*
	AVAILABLE FIELDS:-
	TYPE_ID, TYPE_NAME
	*/	
		var list = '';
		for (var i = 0, len = atypes.length; i < len; ++i) {	
			list=list + '<a href="javascript:void%200" onclick="getArtistsByArtistType('
			+ atypes[i].TYPE_ID
			+ ')" />' + atypes[i].TYPE_NAME + '</a>&nbsp;&nbsp;';
		}
		$('artists').innerHTML = list; 
	}
  
	function submitMailQuery() {  
		var url = 'feedback.php';
		var pars = Form.serialize(document.contactform);
		var myAjax = new Ajax.Request(url, {method: 'post', parameters: pars,
	onComplete:function(request){
				var resp = request.responseText; 				
				$('errors').innerHTML = resp;
				if ( resp.indexOf('Thank') > 0) 
					$('formcont').toggle();
																	
			}
		});
	}
  
  function checkMailForm() {  
    result = ($('name').value != '')
              && ($('email').value != '')
              && ($('telephone').value != '')
              && ($('feedback').value != '');
    if (!result)
      alert('Please fill in the required fields');
    return result;
  }
  
  function getExhibitions() {      
      $('artist_content').innerHTML = artist_exhibs; 
      $('items').innerHTML = '';
      $('artist_menu').innerHTML = '<a style="color:#333333" href="javascript:void%200" onclick="getWorks();">'
        + 'Works by this artist</a>&nbsp;|&nbsp<b>Exhibitions & awards</b>&nbsp;|&nbsp<a style="color:#333333" href="javascript:void%200" onclick="getNews();">News</a>&nbsp;|&nbsp;'
        + '<a style="color:#333333" href="javascript:void%200" onclick="getStatement();">Statement</a></div>';       
  }
  function getWorks() {      
      $('artist_content').innerHTML = artist_biography; 
      $('items').innerHTML = artist_items;
      $('artist_menu').innerHTML = '<b>Works by this artist</b>&nbsp;|&nbsp<a style="color:#333333" href="javascript:void%200" onclick="getExhibitions();">'
        + 'Exhibitions & awards</a>&nbsp;|&nbsp<a style="color:#333333" href="javascript:void%200" onclick="getNews();">News</a>&nbsp;|&nbsp;'
        + '<a style="color:#333333" href="javascript:void%200" onclick="getStatement();">Statement</a></div>';       
  }
    function getNews() {      
      $('artist_content').innerHTML = artist_news; 
      $('items').innerHTML = '';
      $('artist_menu').innerHTML = '<a style="color:#333333" href="javascript:void%200" onclick="getWorks();">'
        + 'Works by this artist</a>&nbsp;|&nbsp<a style="color:#333333" href="javascript:void%200" onclick="getExhibitions();">'
        + 'Exhibitions & awards</a>&nbsp;|&nbsp<b>News</b>&nbsp;|&nbsp;'
        + '<a style="color:#333333" href="javascript:void%200" onclick="getStatement();">Statement</a></div>';       
  }
  
    function getStatement() {      
      $('artist_content').innerHTML = artist_statement; 
      $('items').innerHTML = '';
      $('artist_menu').innerHTML = '<a style="color:#333333" href="javascript:void%200" onclick="getWorks();">'
        + 'Works by this artist</a>&nbsp;|&nbsp<a style="color:#333333" href="javascript:void%200" onclick="getExhibitions();">'
        + 'Exhibitions & awards</a>&nbsp;|&nbsp<a style="color:#333333" href="javascript:void%200" onclick="getNews();">News</a>&nbsp;|&nbsp;'
        + '<b>Statement</b></div>';       
  }