/*******************************************************************
* Auto Flowing Text in Div Colunms SCRIPT 
* By Kyle Gillis (kyle at galvindesign.com)
* © 2008 Galvin Design Australia (http://www.galvindesign.com)
* This notice MUST stay intact for legal use
* Visit http://www.galvindesign.com 
*******************************************************************/

function autoFlowPB(page, num_colunms, colunm_height, colunm_width, startCol, contentDiv, targetDiv, styles, contentMenu, menuOnOff, hideAfterP1, hideThese, showThese, hilight, unhilight, prevNextOffOn, next, prev){

	
	if (hideThese != ''){
		// hide this if the menu is clicked
		var hideTheseArray = hideThese.split(','); 
		for (var i=0; i<hideTheseArray.length; i++) {
			var hideEM = hideTheseArray[i];
			document.getElementById(hideEM).style.display = 'none';
		}
	}
	if (showThese != ''){
		// hide this if the menu is clicked
		var showTheseArray = showThese.split(','); 
		for (var i=0; i<showTheseArray.length; i++) {
			var showEM = showTheseArray[i];
			document.getElementById(showEM).style.display = 'block';
		}
	}
	// if there is another div on page one overlaying to the 2 hidden colunms this will hide it after page 1
	if (hideAfterP1 != ''){
		if (page == 1){
			document.getElementById(hideAfterP1).style.display = 'block';
			//alert('showing')
		}else{
			document.getElementById(hideAfterP1).style.display = 'none';
			//alert('hiding');
		}
	}
	if (hilight != ''){
		// hide this if the menu is clicked
		var hilightArray = hilight.split(','); 
		for (var i=0; i<hilightArray.length; i++) {
			var hideEM = hilightArray[i];
			if (hideEM != null){
				document.getElementById(hideEM).className='menu';
			}
		}
	}
	if (unhilight != ''){
		// hide this if the menu is clicked
		var unhilightArray = unhilight.split(','); 
		for (var i=0; i<unhilightArray.length; i++) {
			var hideEM = unhilightArray[i];
			if (hideEM != null){
				document.getElementById(hideEM).className='menuCurrent';
			}
		}
	}
	
	///get the content	
	var content = document.getElementById(contentDiv).innerHTML;
	// move the page breaks and h1 etc
	var content = content.replace(/<p><!--pagebreak-->/i, "<!--pagebreak--><p>");
	var content = content.replace(/<h1><!--pagebreak-->/i, "<!--pagebreak--><h1>");
	var content = content.replace(/<h2><!--pagebreak-->/i, "<!--pagebreak--><h2>");
	var content = content.replace(/<h3><!--pagebreak-->/i, "<!--pagebreak--><h3>");
	// split the content
	var contentArray=content.split('<!--pagebreak-->');
	
	// set the start colunm
	var startCol2 = startCol - 1;
	// add blank arrays for the start colunms
	for (i=1;i<=startCol2;i++){
		contentArray.unshift('');
	}
	// how many colunms
	var howManyCols = contentArray.length;
	// change current offsett to suite page..
	var setpage = page * num_colunms;
	
	setpage = setpage - num_colunms;
	
	
	//// write colunms & content
	for (i=0;i<num_colunms;i++){
		
		var col_num = i + 1;		
		thisColContent = setpage+i;
		// set the target name
		var new_col_name = targetDiv + '_' + col_num;
		//create divs
		var newDivs = '<div style="'+styles+' width:'+colunm_width+'px; height:'+colunm_height+'px; float:left; overflow:hidden;"><div id="'+new_col_name+'"></div></div>';
		document.getElementById(targetDiv).innerHTML += newDivs;
		// add content to target divs
	
		
		if (thisColContent < howManyCols){
			document.getElementById(new_col_name).innerHTML =  contentArray[thisColContent];
		}else{
			document.getElementById(new_col_name).innerHTML =  '';
		}
	}
	
	if (menuOnOff == 'yes'){
		// SET UP MENU TO PAGINATE
		// how many pages..
		///////////////////var paginate = '';
		var paginate = Math.ceil(howManyCols / num_colunms);
		if (paginate > 1){
			// create menu items.
			document.getElementById(contentMenu).innerHTML = '';
			///alert(paginate + ' ' + howManyColsRU);
			for (i=0;i<paginate;i++){
				var page_num = i + 1;
				// get current page
				if(page == page_num){
					var thisselect = 'class="menuCurrent"';
				}else{ 
					var thisselect = ''; 
				}
				
				// write the menu
				document.getElementById(contentMenu).innerHTML += '<a  style="cursor:pointer;"  onClick="autoFlowPB('+page_num+', '+num_colunms+', '+colunm_height+', '+colunm_width+',  '+startCol+', \''+contentDiv+'\', \''+targetDiv+'\', \''+styles+'\', \''+contentMenu+'\', \''+menuOnOff+'\', \''+hideAfterP1+'\', \''+hideThese+'\', \''+showThese+'\', \''+hilight+'\', \''+unhilight+'\', \''+prevNextOffOn+'\', \''+next+'\', \''+prev+'\');" '+thisselect+' >'+page_num+'</a> ';
			
			}
	
	
			// Next Prev..
			if (page != paginate){
				var nextPage = page + 1;
				document.getElementById(contentMenu).innerHTML += '<a href="#"  style="cursor:pointer;" onClick="autoFlowPB('+nextPage+', '+num_colunms+', '+colunm_height+', '+colunm_width+',  '+startCol+', \''+contentDiv+'\', \''+targetDiv+'\', \''+styles+'\', \''+contentMenu+'\', \''+menuOnOff+'\', \''+hideAfterP1+'\', \''+hideThese+'\', \''+showThese+'\', \''+hilight+'\', \''+unhilight+'\', \''+prevNextOffOn+'\', \''+next+'\', \''+prev+'\');">'+next+'</a> ';
			}
			if (page != paginate && page != 1){
				document.getElementById(contentMenu).innerHTML += ' / ';	
			}
			if (page != 1){
				var prevPage = page - 1;
				document.getElementById(contentMenu).innerHTML += '<a href="#"  style="cursor:pointer;" onClick="autoFlowPB('+prevPage+','+num_colunms+', '+colunm_height+', '+colunm_width+',  '+startCol+', \''+contentDiv+'\', \''+targetDiv+'\', \''+styles+'\', \''+contentMenu+'\', \''+menuOnOff+'\', \''+hideAfterP1+'\', \''+hideThese+'\', \''+showThese+'\', \''+hilight+'\', \''+unhilight+'\', \''+prevNextOffOn+'\', \''+next+'\', \''+prev+'\');">'+prev+'</a> ';
			}
			
			
			
			
		}else{
			//alert('no menu needed');	
			document.getElementById(contentMenu).innerHTML = '';
		}
	}
	//make sure the contentDiv is hidden
	document.getElementById(contentDiv).style.display = 'none';
}