/*
*
* The function below is used to build up booking
*
*/  

function showMarkdown( div_ip, div_op  ){
  if (document.getElementById){
      md = document.getElementById( div_ip ).innerHTML
     // alert( md )
     // The Markdown text is at the top of the page
     // Blank it when read.
	 
	 document.getElementById( div_ip ).innerHTML =""

	  /* split the list into an array, the join with <img src=X > | */
      //mdA = md.split("\n")
	  // split on end of line. 
	  // guestbook comment has \n converted to <BR> 
      mdA = md.split(/<P>|<BR>|\n/gi )
      //alert( mdA.join("\n") )
	  
      // parse for a markdown 
	  for( var i = 0 ; i < mdA.length ; i++ ){
  	    var opStr =""

	    if ( mdA[i].substr(0,2) == "= "  ) { 
	      opStr = "<h1>"+mdA[i].substr(2) +"</h1>\n"
	    } 

	    if ( mdA[i].substr(0,3) == "== "  ) { 
	      opStr = "<h2>"+mdA[i].substr(3) +"</h2>\n"
	    } 


	    if ( mdA[i].substr(0,1) == " "  ) {
	      opStr = "<pre>"+mdA[i] +"</pre>\n"
	    } 
	    if ( mdA[i].substr(0,1) == "*"  ) {
	      opStr = "<li>"+mdA[i].substr(1) +"</li>\n"
	    } 
		
		
        // how do you select if local or remote?  
	    if ( mdA[i].match(/png$|jpg$|gif$|PNG$|JPG$|GIF$/)  ) {
		  //<p><img src="http://www.dougrice.plus.com/images/imgWiki_a_004.jpg"><p>
	      //opStr = "<P><img src="+mdA[i] +" > </P>\n"
	      opStr = "<P><img src=/images/"+mdA[i] +" > </P>\n"
	    } 
		
	    if ( mdA[i].substr(0,4) == "http"  ) {
		  // <a href="http://www.dougrice.plus.com/">http://www.dougrice.plus.com/</a> 

          if ( mdA[i].match(/png$|jpg$|gif$|PNG$|JPG$|GIF$/)  ) {
	        opStr = "<P> <img src=\"" + mdA[i] + "\" >  </P>\n"
		  } else {
	        opStr = "<a href="+mdA[i] +" >"+mdA[i] +" </a>\n"
		  }

	    } 
		
		if  ( opStr.length == 0 ){
 		  opStr = "<p>"+mdA[i]+"</p>\n" 
		}
		
		document.getElementById( div_op ).innerHTML += opStr
		
	  }
  }
}
//showImages()

showMarkdown( "md", "md_op")