function createArray()
{
	i = 0;

	if (fabrics1_online)
	{
		fabrics_pageArray[i] = 1;
		i++;
	}

	if (fabrics2_online)
	{
		fabrics_pageArray[i] = 2;
		i++;
	}

	if (fabrics3_online)
	{
		fabrics_pageArray[i] = 3;
		i++;
	}

	if (fabrics4_online)
	{
		fabrics_pageArray[i] = 4;
		i++;
	}

	if (fabrics5_online)
	{
		fabrics_pageArray[i] = 5;
		i++;
	}

	if (fabrics6_online)
	{
		fabrics_pageArray[i] = 6;
		i++;
	}
	
	if (fabrics7_online)
	{
		fabrics_pageArray[i] = 7;
		i++;
	}	
	
	if (fabrics8_online)
	{
		fabrics_pageArray[i] = 8;
		i++;
	}	
	
	if (fabrics9_online)
	{
		fabrics_pageArray[i] = 9;
		i++;
	}	
	
	if (fabrics10_online)
	{
		fabrics_pageArray[i] = 10;
		i++;
	}	
	
	if (fabrics11_online)
	{
		fabrics_pageArray[i] = 11;
		i++;
	}

	if (fabrics12_online)
	{
		fabrics_pageArray[i] = 12;
		i++;
	}

}

function getPageNumber() 
{
	// get valid pages
	createArray();

	var searchString = document.location.search;

	if(searchString != "")
	{
		var values = searchString.split("=");
		pageNo = values[1];
		
		// not a valid page then set back to first page
		if (!validPage())
			pageNo = new Number(fabrics_pageArray[0]);
	}
}

function validPage()
{
	valid = false;

	for (i=0; i<fabrics_pageArray.length; i++)
		if (fabrics_pageArray[i]==pageNo)
			valid=true;

	return valid;
}

function setPictures() 
{
	var lPic = "";
	var mPic = "";
	var rPic = "";

	switch (pageNo)
	{
		case "2":
		{
			lPic = "images/" + fabrics2_left_pic;
			mPic = "images/" + fabrics2_middle_pic;
			rPic = "images/" + fabrics2_right_pic;
			
			break;
		}

		case "3":
		{
			lPic = "images/" + fabrics3_left_pic;
			mPic = "images/" + fabrics3_middle_pic;
			rPic = "images/" + fabrics3_right_pic;
			
			break;
		}

		case "4":
		{
			lPic = "images/" + fabrics4_left_pic;
			mPic = "images/" + fabrics4_middle_pic;
			rPic = "images/" + fabrics4_right_pic;
			
			break;
		}

		case "5":
		{
			lPic = "images/" + fabrics5_left_pic;
			mPic = "images/" + fabrics5_middle_pic;
			rPic = "images/" + fabrics5_right_pic;
			
			break;
		}

		case "6":
		{
			lPic = "images/" + fabrics6_left_pic;
			mPic = "images/" + fabrics6_middle_pic;
			rPic = "images/" + fabrics6_right_pic;
			
			break;
		}
		
		case "7":
		{
			lPic = "images/" + fabrics7_left_pic;
			mPic = "images/" + fabrics7_middle_pic;
			rPic = "images/" + fabrics7_right_pic;
			
			break;
		}		

		case "8":
		{
			lPic = "images/" + fabrics8_left_pic;
			mPic = "images/" + fabrics8_middle_pic;
			rPic = "images/" + fabrics8_right_pic;
			
			break;
		}
		
		case "9":
		{
			lPic = "images/" + fabrics9_left_pic;
			mPic = "images/" + fabrics9_middle_pic;
			rPic = "images/" + fabrics9_right_pic;
			
			break;
		}		

		case "10":
		{
			lPic = "images/" + fabrics10_left_pic;
			mPic = "images/" + fabrics10_middle_pic;
			rPic = "images/" + fabrics10_right_pic;
			
			break;
		}

		case "11":
		{
			lPic = "images/" + fabrics11_left_pic;
			mPic = "images/" + fabrics11_middle_pic;
			rPic = "images/" + fabrics11_right_pic;
			
			break;
		}

		case "12":
		{
			lPic = "images/" + fabrics12_left_pic;
			mPic = "images/" + fabrics12_middle_pic;
			rPic = "images/" + fabrics12_right_pic;
			
			break;
		}



		default:
		case "1": 
		{
			lPic = "images/" + fabrics1_left_pic;
			mPic = "images/" + fabrics1_middle_pic;
			rPic = "images/" + fabrics1_right_pic;
			
			document.getElementById("middleCell").style.backgroundImage = "url(images/fabricsText.gif)";
			
			break;
		}
	} // end switch
 
	document.getElementById("middleCell").style.backgroundImage = "url(" + mPic + ")";
	document.getElementById("leftPic").src = lPic;
	document.getElementById("leftCell").style.backgroundImage = "url(" + lPic + ")";
	document.getElementById("middlePic").src = mPic;
	document.getElementById("rightPic").src = rPic;
	document.getElementById("rightCell").style.backgroundImage = "url(" + rPic + ")";
}

function setCaption(position) 
{
	switch (pageNo) 
	{
		
		case "1":
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics1_left_caption);
					break;
				case "middle":
					document.write(fabrics1_middle_caption);
					break;
				case "right":
					document.write(fabrics1_right_caption);
					break;
			}
			break;
		} 		
		
		case "2":
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics2_left_caption);
					break;
				case "middle":
					document.write(fabrics2_middle_caption);
					break;
				case "right":
					document.write(fabrics2_right_caption);
					break;
			}
			break;
		} 

		case "3": 
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics3_left_caption);
					break;
				case "middle":
					document.write(fabrics3_middle_caption);
					break;
				case "right":
					document.write(fabrics3_right_caption);
					break;
			}
			break;
		}

		case "4":
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics4_left_caption);
					break;
				case "middle":
					document.write(fabrics4_middle_caption);
					break;
				case "right":
					document.write(fabrics4_right_caption);
					break;
			}
			break;
		}

		case "5":
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics5_left_caption);
					break;
				case "middle":
					document.write(fabrics5_middle_caption);
					break;
				case "right":
					document.write(fabrics5_right_caption);
					break;
			}
			break;
		}

		case "6":
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics6_left_caption);
					break;
				case "middle":
					document.write(fabrics6_middle_caption);
					break;
				case "right":
					document.write(fabrics6_right_caption);
					break;
			}
			break;
		}
		

		case "7":
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics7_left_caption);
					break;
				case "middle":
					document.write(fabrics7_middle_caption);
					break;
				case "right":
					document.write(fabrics7_right_caption);
					break;
			}
			break;
		}		
		
	
		case "8":
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics8_left_caption);
					break;
				case "middle":
					document.write(fabrics8_middle_caption);
					break;
				case "right":
					document.write(fabrics8_right_caption);
					break;
			}
			break;
		}	
		

		case "9":
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics9_left_caption);
					break;
				case "middle":
					document.write(fabrics9_middle_caption);
					break;
				case "right":
					document.write(fabrics9_right_caption);
					break;
			}
			break;
		}		


		case "10":
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics10_left_caption);
					break;
				case "middle":
					document.write(fabrics10_middle_caption);
					break;
				case "right":
					document.write(fabrics10_right_caption);
					break;
			}
			break;
		}


		case "11":
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics11_left_caption);
					break;
				case "middle":
					document.write(fabrics11_middle_caption);
					break;
				case "right":
					document.write(fabrics11_right_caption);
					break;
			}
			break;
		}
		

		case "12":
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics12_left_caption);
					break;
				case "middle":
					document.write(fabrics12_middle_caption);
					break;
				case "right":
					document.write(fabrics12_right_caption);
					break;
			}
			break;
		}		
		
		
		default:
		case "1":
		{
			switch(position) 
			{
				case "left":
					document.write(fabrics1_left_caption);
					break;
				case "middle":
					document.write(fabrics1_middle_caption);
					break;
				case "right":
					document.write(fabrics1_right_caption);
					break;
			}
			break;
		}

	} // end switch
}

function swapImage(position, flag) 
{	
	var show = false;
	var pic = position + "Pic";
	var source = "";

	if(flag) 
	{
		switch(pageNo)
		{
			
			case "1":
			{
				if(position == "left")
					show = fabrics1_left_logo;
				else if(position == "middle")
					show = fabrics1_middle_logo;
				else if(position == "right")
					show = fabrics1_right_logo;

				break;
			}			
			
			case "2":
			{
				if(position == "left")
					show = fabrics2_left_logo;
				else if(position == "middle")
					show = fabrics2_middle_logo;
				else if(position == "right")
					show = fabrics2_right_logo;

				break;
			}

			case "3": 
			{
				if(position == "left")
					show = fabrics3_left_logo;
				else if(position == "middle")
					show = fabrics3_middle_logo;
				else if(position == "right")
					show = fabrics3_right_logo;

				break;
			}

			case "4": 
			{
				if(position == "left")
					show = fabrics4_left_logo;
				else if(position == "middle")
					show = fabrics4_middle_logo;
				else if(position == "right")
					show = fabrics4_right_logo;

				break;
			}

			case "5": 
			{
				if(position == "left")
					show = fabrics5_left_logo;
				else if(position == "middle")
					show = fabrics5_middle_logo;
				else if(position == "right")
					show = fabrics5_right_logo;

				break;
			}

			case "6": 
			{
				if(position == "left")
					show = fabrics6_left_logo;
				else if(position == "middle")
					show = fabrics6_middle_logo;
				else if(position == "right")
					show = fabrics6_right_logo;

				break;
			}
			
			case "7": 
			{
				if(position == "left")
					show = fabrics7_left_logo;
				else if(position == "middle")
					show = fabrics7_middle_logo;
				else if(position == "right")
					show = fabrics7_right_logo;

				break;
			}			

			
			case "8": 
			{
				if(position == "left")
					show = fabrics8_left_logo;
				else if(position == "middle")
					show = fabrics8_middle_logo;
				else if(position == "right")
					show = fabrics8_right_logo;

				break;
			}			
			
			
			case "9": 
			{
				if(position == "left")
					show = fabrics9_left_logo;
				else if(position == "middle")
					show = fabrics9_middle_logo;
				else if(position == "right")
					show = fabrics9_right_logo;

				break;
			}			
			
			
			case "10": 
			{
				if(position == "left")
					show = fabrics10_left_logo;
				else if(position == "middle")
					show = fabrics10_middle_logo;
				else if(position == "right")
					show = fabrics10_right_logo;

				break;
			}		
			
			case "11": 
			{
				if(position == "left")
					show = fabrics11_left_logo;
				else if(position == "middle")
					show = fabrics11_middle_logo;
				else if(position == "right")
					show = fabrics11_right_logo;

				break;
			}		
			
			case "12": 
			{
				if(position == "left")
					show = fabrics12_left_logo;
				else if(position == "middle")
					show = fabrics12_middle_logo;
				else if(position == "right")
					show = fabrics12_right_logo;

				break;
			}					
			
			default:
			case "1":
			{
				if(position == "left")
					show = fabrics1_left_logo;
				else if(position == "right")
					show = fabrics1_right_logo;
				else if(position == "middle") 
				{
					document.getElementById("middleBorder").style.borderColor = light;
					document.getElementById("middleCaption").style.backgroundColor = light;

					// seems to have lost effect so hardcode
					document.getElementById(pic).style.visibility = "hidden";
					document.getElementById("middleCell").style.backgroundImage = "url(images/fabricsText.gif)";

					show = false;
				}
				break;
			}
		}  // end switch		


		// now we have decided whether or not to show the logo
		if(show) 
			document.getElementById(pic).src = "images/SheilaCoombesLogo-image.gif";	
			//document.getElementById(pic).height = 58;
	} 
	else  // flag is false so we reset 
	{	
		switch(pageNo)
		{
			
			case "1":
			{
				if(position == "left")
					source = "images/" + fabrics1_left_pic;
				else if(position == "middle")
					source = "images/" + fabrics1_middle_pic;
				else if(position == "right")
					source = "images/" + fabrics1_right_pic;
				break;
			}		
			
			case "2":
			{
				if(position == "left")
					source = "images/" + fabrics2_left_pic;
				else if(position == "middle")
					source = "images/" + fabrics2_middle_pic;
				else if(position == "right")
					source = "images/" + fabrics2_right_pic;

				break;
			}

			case "3":
			{
				if(position == "left")
					source = "images/" + fabrics3_left_pic;
				else if(position == "middle")
					source = "images/" + fabrics3_middle_pic;
				else if(position == "right")
					source = "images/" + fabrics3_right_pic;

				break;
			}

			case "4":
			{
				if(position == "left")
					source = "images/" + fabrics4_left_pic;
				else if(position == "middle")
					source = "images/" + fabrics4_middle_pic;
				else if(position == "right")
					source = "images/" + fabrics4_right_pic;

				break;
			}

			case "5":
			{
				if(position == "left")
					source = "images/" + fabrics5_left_pic;
				else if(position == "middle")
					source = "images/" + fabrics5_middle_pic;
				else if(position == "right")
					source = "images/" + fabrics5_right_pic;

				break;
			}

			case "6":
			{
				if(position == "left")
					source = "images/" + fabrics6_left_pic;
				else if(position == "middle")
					source = "images/" + fabrics6_middle_pic;
				else if(position == "right")
					source = "images/" + fabrics6_right_pic;

				break;
			}

			case "7":
			{
				if(position == "left")
					source = "images/" + fabrics7_left_pic;
				else if(position == "middle")
					source = "images/" + fabrics7_middle_pic;
				else if(position == "right")
					source = "images/" + fabrics7_right_pic;

				break;
			}

			case "8":
			{
				if(position == "left")
					source = "images/" + fabrics8_left_pic;
				else if(position == "middle")
					source = "images/" + fabrics8_middle_pic;
				else if(position == "right")
					source = "images/" + fabrics8_right_pic;

				break;
			}
			
			case "9":
			{
				if(position == "left")
					source = "images/" + fabrics9_left_pic;
				else if(position == "middle")
					source = "images/" + fabrics9_middle_pic;
				else if(position == "right")
					source = "images/" + fabrics9_right_pic;

				break;
			}
			
			case "10":
			{
				if(position == "left")
					source = "images/" + fabrics10_left_pic;
				else if(position == "middle")
					source = "images/" + fabrics10_middle_pic;
				else if(position == "right")
					source = "images/" + fabrics10_right_pic;

				break;
			}
			
			
			case "11":
			{
				if(position == "left")
					source = "images/" + fabrics11_left_pic;
				else if(position == "middle")
					source = "images/" + fabrics11_middle_pic;
				else if(position == "right")
					source = "images/" + fabrics11_right_pic;

				break;
			}

			case "12":
			{
				if(position == "left")
					source = "images/" + fabrics12_left_pic;
				else if(position == "middle")
					source = "images/" + fabrics12_middle_pic;
				else if(position == "right")
					source = "images/" + fabrics12_right_pic;

				break;
			}

			

			default:
		 	case "1":
		 	{
				if(position == "left")
					source = "images/" + fabrics1_left_pic;
				else if(position == "right")
					source = "images/" + fabrics1_right_pic;
				else if(position == "middle")
				{
					document.getElementById("middleBorder").style.borderColor = dark;
					document.getElementById("middleCaption").style.backgroundColor = dark;
					document.getElementById(pic).style.visibility = "visible";
					return true;
				}
			}

		}  // end switch
		
		//document.getElementById(pic).height = 360;
		document.getElementById(pic).src = source;

	} // end else
}

function pagePos()
{
	pos = 0;

	for (i=0; i<fabrics_pageArray.length; i++)
		if (fabrics_pageArray[i]==pageNo)
			pos = i;

	return pos;
}

function setLinks() 
{
	var nextString = "";
	var prevString = "";
	var newPage = 0;

	if(pagePos() > 0)
	{
		nextString += " <a class=\"design\" href=\"fabrics.shtml?pageNo=";
		newPage = new Number(fabrics_pageArray[pagePos()-1]);
		nextString += newPage;
		nextString += "\"><<< Previous</a>";
		document.write(nextString);
	}

	if(pagePos() < fabrics_pageArray.length-1)
	{
		prevString = "&nbsp;&nbsp;&nbsp;&nbsp;<a class=\"design\" href=\"fabrics.shtml?pageNo=";
		newPage = new Number(fabrics_pageArray[pagePos()+1]);
		prevString += newPage;
		prevString += "\">More >>></a> ";
		document.write(prevString);
	}
}

// used by the page for updating value
function setValues() 
{
	// the number of pages radio button
	//document.getElementById(fabrics_totalPages).checked = true;

	// the online information
	document.getElementById("1_Online").checked = fabrics1_online;
	document.getElementById("2_Online").checked = fabrics2_online;
	document.getElementById("3_Online").checked = fabrics3_online;
	document.getElementById("4_Online").checked = fabrics4_online;
	document.getElementById("5_Online").checked = fabrics5_online;
	document.getElementById("6_Online").checked = fabrics6_online;
	document.getElementById("7_Online").checked = fabrics7_online;
	document.getElementById("8_Online").checked = fabrics6_online;
	document.getElementById("9_Online").checked = fabrics6_online;
	document.getElementById("10_Online").checked = fabrics6_online;
	document.getElementById("11_Online").checked = fabrics6_online;
	document.getElementById("12_Online").checked = fabrics6_online;



	// the first page information
	document.getElementById("1L_Pic").value = fabrics1_left_pic;
	document.getElementById("1L_Cap").value = fabrics1_left_caption;
	document.getElementById("1L_Logo").checked = fabrics1_left_logo;
	document.getElementById("1M_Pic").value = fabrics1_middle_pic;
	document.getElementById("1M_Cap").value = fabrics1_middle_caption;
	document.getElementById("1R_Pic").value = fabrics1_right_pic;
	document.getElementById("1R_Cap").value = fabrics1_right_caption;
	document.getElementById("1R_Logo").checked = fabrics1_right_logo;
	
	// the second page information
	document.getElementById("2L_Pic").value = fabrics2_left_pic;
	document.getElementById("2L_Cap").value = fabrics2_left_caption;
	document.getElementById("2L_Logo").checked = fabrics2_left_logo;
	document.getElementById("2M_Pic").value = fabrics2_middle_pic;
	document.getElementById("2M_Cap").value = fabrics2_middle_caption;
	document.getElementById("2M_Logo").checked = fabrics2_middle_logo;
	document.getElementById("2R_Pic").value = fabrics2_right_pic;
	document.getElementById("2R_Cap").value = fabrics2_right_caption;
	document.getElementById("2R_Logo").checked = fabrics2_right_logo;
	
	// the third page information
	document.getElementById("3L_Pic").value = fabrics3_left_pic;
	document.getElementById("3L_Cap").value = fabrics3_left_caption;
	document.getElementById("3L_Logo").checked = fabrics3_left_logo;
	document.getElementById("3M_Pic").value = fabrics3_middle_pic;
	document.getElementById("3M_Cap").value = fabrics3_middle_caption;
	document.getElementById("3M_Logo").checked = fabrics3_middle_logo;
	document.getElementById("3R_Pic").value = fabrics3_right_pic;
	document.getElementById("3R_Cap").value = fabrics3_right_caption;
	document.getElementById("3R_Logo").checked = fabrics3_right_logo;

	// the fourth page information
	document.getElementById("4L_Pic").value = fabrics4_left_pic;
	document.getElementById("4L_Cap").value = fabrics4_left_caption;
	document.getElementById("4L_Logo").checked = fabrics4_left_logo;
	document.getElementById("4M_Pic").value = fabrics4_middle_pic;
	document.getElementById("4M_Cap").value = fabrics4_middle_caption;
	document.getElementById("4M_Logo").checked = fabrics4_middle_logo;
	document.getElementById("4R_Pic").value = fabrics4_right_pic;
	document.getElementById("4R_Cap").value = fabrics4_right_caption;
	document.getElementById("4R_Logo").checked = fabrics4_right_logo;

	// the fifth page information
	document.getElementById("5L_Pic").value = fabrics5_left_pic;
	document.getElementById("5L_Cap").value = fabrics5_left_caption;
	document.getElementById("5L_Logo").checked = fabrics5_left_logo;
	document.getElementById("5M_Pic").value = fabrics5_middle_pic;
	document.getElementById("5M_Cap").value = fabrics5_middle_caption;
	document.getElementById("5M_Logo").checked = fabrics5_middle_logo;
	document.getElementById("5R_Pic").value = fabrics5_right_pic;
	document.getElementById("5R_Cap").value = fabrics5_right_caption;
	document.getElementById("5R_Logo").checked = fabrics5_right_logo;

	// the sixth page information
	document.getElementById("6L_Pic").value = fabrics6_left_pic;
	document.getElementById("6L_Cap").value = fabrics6_left_caption;
	document.getElementById("6L_Logo").checked = fabrics6_left_logo;
	document.getElementById("6M_Pic").value = fabrics6_middle_pic;
	document.getElementById("6M_Cap").value = fabrics6_middle_caption;
	document.getElementById("6M_Logo").checked = fabrics6_middle_logo;
	document.getElementById("6R_Pic").value = fabrics6_right_pic;
	document.getElementById("6R_Cap").value = fabrics6_right_caption;
	document.getElementById("6R_Logo").checked = fabrics6_right_logo;

	// the 7 page information
	document.getElementById("7L_Pic").value = fabrics7_left_pic;
	document.getElementById("7L_Cap").value = fabrics7_left_caption;
	document.getElementById("7L_Logo").checked = fabrics7_left_logo;
	document.getElementById("7M_Pic").value = fabrics7_middle_pic;
	document.getElementById("7M_Cap").value = fabrics7_middle_caption;
	document.getElementById("7M_Logo").checked = fabrics7_middle_logo;
	document.getElementById("7R_Pic").value = fabrics7_right_pic;
	document.getElementById("7R_Cap").value = fabrics7_right_caption;
	document.getElementById("7R_Logo").checked = fabrics7_right_logo;
	
	// the 8 page information
	document.getElementById("8L_Pic").value = fabrics8_left_pic;
	document.getElementById("8L_Cap").value = fabrics8_left_caption;
	document.getElementById("8L_Logo").checked = fabrics8_left_logo;
	document.getElementById("8M_Pic").value = fabrics8_middle_pic;
	document.getElementById("8M_Cap").value = fabrics8_middle_caption;
	document.getElementById("8M_Logo").checked = fabrics8_middle_logo;
	document.getElementById("8R_Pic").value = fabrics8_right_pic;
	document.getElementById("8R_Cap").value = fabrics8_right_caption;
	document.getElementById("8R_Logo").checked = fabrics8_right_logo;
	
	// the 9 page information
	document.getElementById("9L_Pic").value = fabrics9_left_pic;
	document.getElementById("9L_Cap").value = fabrics9_left_caption;
	document.getElementById("9L_Logo").checked = fabrics9_left_logo;
	document.getElementById("9M_Pic").value = fabrics9_middle_pic;
	document.getElementById("9M_Cap").value = fabrics9_middle_caption;
	document.getElementById("9M_Logo").checked = fabrics9_middle_logo;
	document.getElementById("9R_Pic").value = fabrics9_right_pic;
	document.getElementById("9R_Cap").value = fabrics9_right_caption;
	document.getElementById("9R_Logo").checked = fabrics9_right_logo;
	
	// the 10 page information
	document.getElementById("10L_Pic").value = fabrics10_left_pic;
	document.getElementById("10L_Cap").value = fabrics10_left_caption;
	document.getElementById("10L_Logo").checked = fabrics10_left_logo;
	document.getElementById("10M_Pic").value = fabrics10_middle_pic;
	document.getElementById("10M_Cap").value = fabrics10_middle_caption;
	document.getElementById("10M_Logo").checked = fabrics10_middle_logo;
	document.getElementById("10R_Pic").value = fabrics10_right_pic;
	document.getElementById("10R_Cap").value = fabrics10_right_caption;
	document.getElementById("10R_Logo").checked = fabrics10_right_logo;

	// the 11 page information
	document.getElementById("11L_Pic").value = fabrics11_left_pic;
	document.getElementById("11L_Cap").value = fabrics11_left_caption;
	document.getElementById("11L_Logo").checked = fabrics11_left_logo;
	document.getElementById("11M_Pic").value = fabrics11_middle_pic;
	document.getElementById("11M_Cap").value = fabrics11_middle_caption;
	document.getElementById("11M_Logo").checked = fabrics11_middle_logo;
	document.getElementById("11R_Pic").value = fabrics11_right_pic;
	document.getElementById("11R_Cap").value = fabrics11_right_caption;
	document.getElementById("11R_Logo").checked = fabrics11_right_logo;

	// the 12 page information
	document.getElementById("12L_Pic").value = fabrics12_left_pic;
	document.getElementById("12L_Cap").value = fabrics12_left_caption;
	document.getElementById("12L_Logo").checked = fabrics12_left_logo;
	document.getElementById("12M_Pic").value = fabrics12_middle_pic;
	document.getElementById("12M_Cap").value = fabrics12_middle_caption;
	document.getElementById("12M_Logo").checked = fabrics12_middle_logo;
	document.getElementById("12R_Pic").value = fabrics12_right_pic;
	document.getElementById("12R_Cap").value = fabrics12_right_caption;
	document.getElementById("12R_Logo").checked = fabrics12_right_logo;



}