// lineBreak.js

function stringFormat(id, rawString){
	var formattedString = '';
	
   var width = document.getElementById(id).offsetWidth;
   var fontSize = 10;
   var ideogramPerLine = Math.round(width / fontSize);
   
   var words = rawString.split(' ');
   
   var left = ideogramPerLine;
   
   var addWord = true;


   for(var i = 0 ; i < words.length;){
	  	var currentWord = words[i];

		if(addWord) {
	  		formattedString += currentWord;
			// line's length -= word size
			left -= currentWord.length;
		}
			
		if(i < (words.length -1)) {
			var nextWord = words[i+1];
			
			if(left > nextWord.length){
				formattedString += ' ';
				left -= 1;
				addWord = true;
				++i;
			} else {
				if(left >= 0) {
					// new line
					formattedString += '<br/>'
					left = ideogramPerLine;
					addWord = true;
					++i;
				} else {
					do {
						left += ideogramPerLine;
					} while (left <= 0)
					addWord = false;
				}
			}
		} else {
			++i;
		}
   }   

   return formattedString;
}

/*
Ex URLs : HerbarumView?langId=-10&storeId=11251&catalogId=15451&herbarumId=4030&index=%e3%82%ab&ignoreClarinsAndMe=true&section=&subSection=,HerbarumView?langId=-10&storeId=11251&catalogId=15451&herbarumId=4031&index=%e3%82%ab&ignoreClarinsAndMe=true&section=&subSection=
*/
function herbarumStringFormat(URLs, rawString){
	var formattedString = '';
   	var fontSize = 13; 
   	var marging = 2;
  
   	var ideogramPerLine = 46;
   	var phrases = rawString.split(',');  
   	var urls =  URLs.split(',');
   	
   	var left = ideogramPerLine;
   	
   	var addPhrase = true;  
      	
   	for(var i = 0 ; i < phrases.length;){
	  	var currentPhrase = phrases[i];

		if(addPhrase) {
	  		formattedString += ('<a title="' + currentPhrase + '" href="' + urls[i] + '">' + currentPhrase + '</a>');
			// line's length -= word size
			left -= currentPhrase.length;
			//alert('current = ' + currentPhrase + ' , left=' + left )
		}
			
		if(i < (phrases.length -1)) {
			var nextPhrase = phrases[i+1];
			
			if(left > nextPhrase.length + marging - 1){				
				left -= marging;
				addPhrase = true;
				++i;
			} else {
				if(left >= 0) {
					// new line
				//	alert('left = ' + left + ', length = ' + nextPhrase.length + ', ' + nextPhrase);
					formattedString += '<br/>'
					left = ideogramPerLine;
					addPhrase = true;
					++i;
				} else {
					do {
						left += ideogramPerLine;
					} while (left <= 0)
					addPhrase = false;
				}
			}
		} else {
			++i;
		}
   }
   
  
   return formattedString;   
   	
}