var arrayCategories = new Array("Gen",
								"Everyday",
								"Holiday",
								"Food_Drink",
								"Music",
								"Retail",
								"Salon_Spa",
								"Business",
								"Health_Wellness",
								"Spirituality",
								"Home_Garden");

// BEGINNING OF FUNCTION displayGen
function displayGen(pagei, variTemp)
{
	var catTemplates = "gen";
	var pagesize = 9
	
	var filename = new Array("template-gen-1071",
							 "template-gen-10517",
							"template-gen-10321",
							"template-gen-10516",
							"template-gen-10320",
							"template-gen-10515",
							"template-gen-10319",
							"template-gen-10514",
							 "template-gen-10117",
							 "template-gen-10318",
							 "template-gen-10513",
							 "template-gen-10610",
							 "template-gen-1069",
							 "template-gen-1068",
							 "template-gen-1067",
							 "template-gen-1064",
							 "template-gen-1063",
							 "template-gen-1062",
							 "template-gen-1058",
							 "template-gen-1057",
							 "template-gen-1056",
							 "template-gen-1059",
							 "template-gen-10510",
							 "template-gen-10511",
							 "template-gen-1061",
							 "template-gen-10317",
							 "template-gen-10316",
							 "template-gen-1055",
							 "template-gen-1054",
							 "template-gen-1053",
							 "template-gen-1052",
							 "template-gen-1051",
							 "template-gen-10315",
							 "template-gen-10314",
							 "template-gen-10116",
							 "template-gen-10115",
							 "template-gen-10114",
							 "template-gen-10113",
							 "template-gen-10112",
							 "template-gen-10111",
							 "template-gen-10110",
							 "template-gen-10313",
							 "template-gen-10312",
							 "template-gen-10311",
							 "template-gen-10310",
							 "template-gen-1039",
							 "template-gen-1038",
							 "template-gen-1037",
							 "template-gen-1036",
							 "template-gen-1035",
							 "template-gen-1034",
							 "template-gen-1033",
							 "template-gen-1032",
							 "template-gen-1019",
							 "template-gen-1018",
							 "template-gen-1017",
							 "template-gen-1016",
							 "template-gen-1015",
							 "template-gen-1014",
							 "template-gen-1013",
							 "template-gen-1012",
							 "template-gen-1031",
							 "template-gen-73",
							 "template-gen-70",
							 "template-gen-71",
							 "template-gen-72",
							 "template-gen-68",
							 "template-gen-69",
							 "template-gen-63",
							 "template-gen-60",
							 "template-gen-59",
							 "template-gen-61",
							 "template-gen-62",
							 "template-gen-58",
							 "template-gen-56",
							 "template-gen-57",
							 "template-gen-52",
							 "template-gen-53",
							 "template-gen-54",
							 "template-gen-55",
							 "template-gen-51",
							 "template-gen-45",
							 "template-gen-41",
							 "template-gen-47",
							 "template-gen-50",
							 "template-gen-42",
							 "template-gen-48",
							 "template-gen-43",
							 "template-gen-46",
							 "template-gen-49",
							 "template-gen-44",
							 "template-gen-39",
							 "template-gen-38",
							 "template-gen-40",
							 "template-gen-37",
							 "template-gen-26",
							 "template-gen-35",
							 "template-gen-31",
							 "template-gen-34",
							 "template-gen-32",
							 "template-gen-33",
							 "template-beauty-4",
							 "template-gen-36",
							 "template-gen-21",
						 "template-gen-22",
						 "template-gen-23",
						 "template-gen-25",
						 "template-gen-30",
						 "template-gen-27",
						 "template-gen-28",
						 "template-gen-18",
						 "template-gen-29",
							 "template-sports-1",
							 "template-background-9",
							 "template-retail-6",
							 "template-background-8",
							 "template-realestate-2",
							 "template-health-1",
							 "template-health-2",
							 "template-pets-4",
							 "template-wildlife-1",
							 "template-holiday-4",
							 "template-beauty-3",
							 "template-realestate-1",
							 "template-retail-5",
							 "template-food-3",
							 "template-food-2",
							 "template-floral-3",
							 "template-grunge-2",
							 "template-wildlife-2",
							 "template-holiday-3",
							 "template-spa-2",
							 "template-holiday-5",
							 "template-celebrations-2",
							 "template-floral-5",
							 "template-gen-12",
						 "template-gen-11",
						 "template-gen-10",
						 "template-gen-9",
						 "template-gen-8",
						 "template-gen-7",
						 "template-gen-6",
						 "template-gen-3",
						 "template-gen-2",
						 "template-gen-1");
	
	var name = Array("107-1",
					 "105-17",
							"103-21",
							"105-16",
							"103-20",
							"105-15",
							"103-19",
					"105-14",
					 "101-17",
					 "103-18",
					 "105-13",
					 "106-10",
					 "106-9",
					 "106-8",
					 "106-7",
					 "106-4",
					 "106-3",
					 "106-2",
					 "105-8",
					 "105-7",
					 "105-6",
					 "105-9",
					 "105-10",
					 "105-11",
					 "106-1",
					 "103-17",
					 "103-16",
					 "105-5",
					 "105-4",
					 "105-3",
					 "105-2",
					 "105-1",
					 "103-15",
					 "103-14",
					 "101-16",
					 "101-15",
					 "101-14",
					 "101-13",
					 "101-12",
					 "101-11",
					 "101-10",
					 "103-13",
					 "103-12",
					 "103-11",
					 "103-10",
					 "103-9",
					 "103-8",
					 "103-7",
					 "103-6",
					 "103-5",
					 "103-4",
					 "103-3",
					 "103-2",
					 "101-9",
					 "101-8",
					 "101-7",
					 "101-6",
					 "101-5",
					 "101-4",
					 "101-3",
					 "101-2",
					 "103-1",
					 "Template 73",
					 "Cupid",
					 "Flower Hearts",
					 "Watercolor Flowers",
					 "Spring",
					 "Summer Starfish",
					 "Holiday Trees",
					 "Snowman",
					 "Holiday Ornaments",
					 "Merry Christmas",
					 "Snowflakes",
					 "Bats On Beige Moon",
					 "Fall Leaves",
					 "Fall Sale",
					 "Love Letter",
					 "Pink Coral",
					 "In The Park",
					 "Abstract Roses",
					 "Chirping Birds Sale",
					 "Holiday Splash",
					 "Natural Zen",
					 "Fall Is Here",
					 "Mocha Swirl",
					 "Butterfly Colors",
					 "Ice Cream Treat",
					 "Gorilla Marketing",
					 "Blue Skies",
					 "Violet Eyes",
					 "Forest Grunge",
					 "Daffodils and Lilacs",
					 "Open For Lunch",
					 "Love Is In The Air",
					 "Carry-Out Tonight",
					 "Spa Services",
					 "Cupcake Love",
					 "In The Meadow",
					 "Business Talk",
					 "Gifts For Mom",
					 "Abstract Art",
					 "Beauty",
					 "Orange Blossom",
					 "Yoga",
					 "Mobile Phone",
					 "Automobiles",
					 "Healing Spa",
					 "Designer Stripes",
					 "Girlfriends",
					 "Brush Strokes",
					 "Health",
					 "Sale",
					 "Sports",
					 "Background",
					 "Retail",
					 "Background",
					 "Real Estate",
					 "Health Feminine",
					 "Health Masculine",
					 "Pets",
					 "Wildlife",
					 "Holiday",
					 "Beauty",
					 "Realestate",
					 "Retail",
					 "Food",
					 "Food",
					 "Floral",
					 "Grunge",
					 "Wildlife",
					 "Holiday",
					 "Spa",
					 "Holiday",
					 "Celebrations",
					 "Floral",
					 "Floral",
					 "Candy",
					 "Retail Girl",
					 "Coconut Beach",
					 "Spring Sale",
					 "Grunge",
					 "Beauty",
					 "Butterfly",
					 "Bunny",
					 "Spa");
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Gen");

} // END OF function displayGen(pagei, variTemp)

// BEGINNING OF FUNCTION displayEveryday
function displayEveryday(pagei, variTemp)
{
	var catTemplates = "gen";
	var pagesize = 6
	
	var filename = new Array("template-gen-10517",
	"template-gen-10516",
	"template-gen-1068",
							 "template-gen-1064",
							 "template-gen-1056",
							 "template-gen-10317",
							 "template-gen-10316",
							 "template-gen-1052",
							 "template-gen-1051",
							 "template-gen-10314",
							 "template-gen-10315",
							 "template-gen-10114",
							 "template-gen-10112",
							 "template-gen-1014",
"template-gen-73",
"template-gen-72",
"template-gen-68",
"template-gen-69",
"template-gen-52",
"template-gen-55",
"template-gen-47",
"template-gen-50",
"template-gen-42",
"template-gen-43",
"template-gen-46",
"template-gen-44",
"template-gen-39",
"template-gen-31",
"template-gen-32",
"template-gen-33",
"template-gen-30",
"template-gen-28",
"template-sports-1",
"template-background-9",
"template-background-8",
"template-pets-4",
"template-wildlife-1",
"template-wildlife-2",
"template-gen-12",
"template-gen-9",
"template-gen-53",
"template-gen-54",
"template-gen-56"
);
	
	var name = Array("105-17",
	"105-16",
	"106-8",
					 "106-4",
					 "105-6",
					 "103-17",
					 "103-16",
					 "105-2",
					 "105-1",
					 "103-14",
					 "103-15",
					 "101-14",
					 "101-12",
					 "101-4",
"73",
"72",
"68",
"69",
"52",
"55",
"47",
"50",
"42",
"43",
"46",
"44",
"39",
"31",
"32",
"33",
"30",
"28",
"ts-1",
"background-9",
"background-8",
"4",
"wildlife-1",
"wildlife-2",
"12",
"9",
"53",
"54",
"56");
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Everyday");

} // END OF function displayEveryday

// BEGINNING OF FUNCTION displayHoliday
function displayHoliday(pagei, variTemp)
{
	var catTemplates = "gen";
	var pagesize = 6
	
	var filename = new Array("template-gen-1071",
							 "template-gen-10517",
	"template-gen-10515",
	"template-gen-10321",
	"template-gen-10320",
	"template-gen-10319",
	"template-gen-10514",
							 "template-gen-10117",
							 "template-gen-10318",
							 "template-gen-10610",
							 "template-gen-1069",
							 "template-gen-10510",
							 "template-gen-1053",
							 "template-gen-10315",
							 "template-gen-10314",
							 "template-gen-10110",
							 "template-gen-1038",
							 "template-gen-1013",
"template-gen-1031",
"template-gen-70",
"template-gen-71",
"template-gen-63",
"template-gen-60",
"template-gen-59",
"template-gen-61",
"template-gen-62",
"template-gen-58",
"template-gen-45",
"template-gen-40",
"template-holiday-4",
"template-holiday-3",
"template-holiday-5",
"template-gen-2"
);
	
	var name = Array("107-1",
					 "105-17",
	"105-15",
	"103-21",
	"103-20",
	"103-19",
	"105-14",
					 "101-17",
					 "103-18",
					 "106-10",
					 "106-9",
					 "105-10",
					 "105-3",
					 "103-15",
					 "103-14",
					 "101-10",
					 "101-8",
					 "101-3",
"103-1",
"70",
"71",
"63",
"60",
"59",
"61",
"62",
"58",
"45",
"40",
"4",
"3",
"5",
"2");
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Holiday");

} // END OF function displayHoliday

// BEGINNING OF FUNCTION displayCoupons
function displayCoupons(pagei, variTemp)
{
	var catTemplates = "coupons";
	var pagesize = 6
	
	var filename = new Array("template-coupons-1082",
							 "template-coupons-1081",
							 "template-coupons-1032",
							 "template-coupons-1033",
							 "template-coupons-1034",
							 "template-coupons-1071",
							 "template-coupons-1021",
							 "template-coupons-1061",
							 "template-coupons-1051",
							 "template-coupons-1027",
"template-coupons-1026",
"template-coupons-1025",
"template-coupons-1024",
"template-coupons-1023",
"template-coupons-1022",
"template-coupons-1041",
							 "template-coupons-1031");
	
	var name = Array("108-2",
					 "108-1",
					 "103-2",
					 "103-3",
					 "103-4",
					 "107-1",
					 "102-1",
					 "106-1",
					 "105-1",
					 "102-7",
"102-6",
"102-5",
"102-4",
"102-3",
"102-2",
"104-1",
					 "103-1");
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Coupons");

} // END OF function displayCoupons

// BEGINNING OF FUNCTION displayEvents2
function displayEvents2(pagei, variTemp)
{
	var catTemplates = "gen";
	var pagesize = 6
	
	var filename = new Array("template-gen-52",
							 "template-gen-53",
							 "template-gen-54",
							 "template-gen-55",
							 "template-gen-51",
							 "template-gen-45",
							 "template-gen-41");
	
	var name = Array("template-gen-52",
							 "template-gen-53",
							 "template-gen-54",
							 "template-gen-55",
							 "template-gen-51",
							 "template-gen-45",
							 "template-gen-41");
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayComingSoon("");
	
	//displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Events");

} // END OF function displayEvents2

// BEGINNING OF FUNCTION displayEvents
function displayEvents(pagei, variTemp)
{
	var catTemplates = "events";
	var pagesize = 6
	
	var filename = new Array("template-events-1041",
							 "template-events-1042",
							 "template-events-1043",
							 "template-events-1021",
							 "template-events-10211",
							 "template-events-1022",
							 "template-events-1033",
							 "template-events-1023",
							 "template-events-1025",
							 "template-events-1024",
							 "template-events-1029",
							 "template-events-1026",
							 "template-events-1035",
							 "template-events-1027",
							 "template-events-1028",
							 "template-events-1034",
							 "template-events-10210",
							 "template-events-1036",
							 "template-events-1032",
							 "template-events-10212");
	
	var name = Array("104-1",
					 "104-2",
					 "104-3",
					 "102-1",
					 "102-11",
					 "102-2",
					 "103-3",
					 "102-3",
					 "102-5",
					 "102-4",
					 "102-9",
					 "102-6",
					 "103-5",
					 "102-7",
					 "102-8",
					 "103-4",
					 "102-10",
					 "103-6",
					 "103-2",
					 "102-12");
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Events");

} // END OF function displayEvents

// BEGINNING OF FUNCTION displayFood_Drink
function displayFood_Drink(pagei, variTemp)
{
	var catTemplates = "gen";
	var pagesize = 6
	
	var filename = new Array("template-gen-1067",
							 "template-gen-1054",
							 "template-gen-1053",
							 "template-gen-10111",
							 "template-gen-10312",
							 "template-gen-1037",
							 "template-gen-1018",
"template-gen-1017",
"template-gen-1015",
"template-gen-48",
"template-gen-38",
"template-gen-37",
"template-gen-35",
"template-food-3",
"template-food-2",
"template-celebrations-2",
"template-gen-11"
);
	
	var name = Array("106-7",
					 "105-4",
					 "105-3",
					 "101-11",
					 "103-12",
					 "103-7",
					 "101-8",
"101-7",
"101-5",
"48",
"38",
"37",
"35",
"3",
"2",
"2",
"11"
);
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Food_Drink");

} // END OF function displayFood_Drink

// BEGINNING OF FUNCTION displayMusic
function displayMusic(pagei, variTemp)
{
	var catTemplates = "gen";
	var pagesize = 6
	
	var filename = new Array("template-gen-1059",
							 "template-gen-1055",
							 "template-gen-10311",
							 "template-gen-1039",
							 "template-gen-1035",
							 "template-gen-1012",
"template-grunge-2",
"template-gen-7"
);
	
	var name = Array("105-9",
					 "105-5",
					 "10311",
					 "1039",
					 "1035",
					 "1012",
"ge-2",
"7"
);
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Music");

} // END OF function displayMusic

// BEGINNING OF FUNCTION displayRetail
function displayRetail(pagei, variTemp)
{
	var catTemplates = "gen";
	var pagesize = 6
	
	var filename = new Array("template-gen-1064",
							 "template-gen-1063",
							 "template-gen-1062",
							 "template-gen-1058",
							 "template-gen-10511",
							 "template-gen-1032",
							 "template-gen-51",
"template-beauty-4",
"template-gen-27",
"template-gen-29",
"template-retail-6",
"template-retail-5",
"template-gen-10",
"template-gen-8",
"template-gen-57"
);
	
	var name = Array("106-4",
					 "106-3",
					 "106-2",
					 "105-8",
					 "105-11",
					 "103-2",
					 "51",
"4",
"27",
"29",
"6",
"5",
"10",
"8",
"57"
);
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Retail");

} // END OF function displayRetail

//                                               BEGINNING OF FUNCTION displaySalon_Spa
function displaySalon_Spa(pagei, variTemp)
{
	var catTemplates = "gen";
	var pagesize = 6
	
	var filename = new Array("template-gen-1064",
							 "template-gen-1062",
							 "template-gen-1034",
							 "template-gen-49",
"template-gen-26",
"template-gen-25",
"template-spa-2",
"template-gen-6"
);
	
	var name = Array("106-4",
					 "106-2",
					 "103-4",
					 "49",
"26",
"25",
"2",
"6"
);
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Salon_Spa");

} // END OF function displaySalon_Spa

//                                               BEGINNING OF FUNCTION displayBusiness
function displayBusiness(pagei, variTemp)
{
	var catTemplates = "gen";
	var pagesize = 6
	
	var filename = new Array("template-gen-1063",
							 "template-gen-1058",
							 "template-gen-1057",
							 "template-gen-10116",
							 "template-gen-10115",
							 "template-gen-1019",
"template-gen-34",
"template-gen-22",
"template-realestate-2",
"template-realestate-1"
);
	
	var name = Array("106-3",
					 "105-8",
					 "105-7",
					 "101-16",
					 "101-15",
					 "101-9",
"34",
"22",
"2",
"1"
);
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Business");

} // END OF function displayBusiness

//                                               BEGINNING OF FUNCTION displayHealth_Wellness
function displayHealth_Wellness(pagei, variTemp)
{
	var catTemplates = "gen";
	var pagesize = 6
	
	var filename = new Array("template-gen-10513",
							 "template-gen-10310",
							 "template-gen-21",
"template-gen-18",
"template-health-1",
"template-health-2"
);
	
	var name = Array("105-13",
					 "103-10",
					 "21",
"18",
"1",
"2"
);
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Health_Wellness");

} // END OF function displayHealth_Wellness

//                                               BEGINNING OF FUNCTION displaySpirituality
function displaySpirituality(pagei, variTemp)
{
	var catTemplates = "gen";
	var pagesize = 6
	
	var filename = new Array("template-gen-10513",
							 "template-gen-10113",
							 "template-gen-10313",
							 "template-gen-10310",
							 "template-gen-1033",
							 "template-gen-41",
"template-beauty-3",
"template-gen-1"
);
	
	var name = Array("105-13",
					 "101-13",
					 "103-13",
					 "103-10",
					 "103-3",
					 "41",
"3",
"1"
);
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Spirituality");

} // END OF function displaySpirituality

//                                               BEGINNING OF FUNCTION displayHome_Garden
function displayHome_Garden(pagei, variTemp)
{
	var catTemplates = "gen";
	var pagesize = 6
	
	var filename = new Array("template-gen-1058",
							 "template-gen-10114",
							 "template-gen-1016",
"template-gen-36",
"template-floral-3",
"template-floral-5",
"template-gen-3"
);
	
	var name = Array("105-8",
					 "101-14",
					 "101-6",
"36",
"3",
"5",
"3"
);
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "Home_Garden");

} // END OF function displayHome_Garden

function displaySiteSkins(pagei, variTemp)
{
	var catTemplates = "siteskins";
	var pagesize = 6
	
	var filename = new Array("template-blog-13",
							 "template-blog-3",
							 "template-blog-12",
							 "template-blog-8",
							 "template-blog-9",
							 "template-blog-10",
							 "template-blog-11",
							 "template-blog-4",
							 "template-blog-5",
							 "template-blog-6",
							 "template-blog-7",
							 "template-sites-1",
							 "template-siteskins-3",
							 "template-siteskins-4");
	
	var name = Array("",
					 "",
					 "",
					 "",
					 "",
					 "",
					 "",
					 "",
					 "",
					 "",
					 "",
					 "",
					 "",
					 "");
	
	if (variTemp == "") {
		var pageno = pagei;
	}
	else {
		pageno = getTemplatePageNo(variTemp, filename, pagesize);
	}

	displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, "SiteSkins");

	
} // function displaySiteSkins(pagei, variTemp)

function displayColorSkins(pagei, variTemp)
{
	var catTemplates = "customcolor";
	var pagesize = 6
	
	var filename = new Array("template-blog-13");
	
	var name = Array("");
	
	//if (variTemp == "") {
	//	var pageno = pagei;
	//}
	//else {
	//	pageno = getTemplatePageNo(variTemp, filename, pagesize);
	//}

	displayTemplateColor(catTemplates, filename, name);

} // function displayColorSkins(pagei, variTemp)

function changehdrsampleColor() {
	var scr_color = document.getElementById("scrbckcolor").value;
	document.getElementById("scrsample").style.backgroundColor=scr_color;
	
	var hdr_color = document.getElementById("hdrbckcolor").value;
	document.getElementById("hdrsample").style.backgroundColor=hdr_color;
	
	var body_color = document.getElementById("bodybckcolor").value;
	document.getElementById("bodysample").style.backgroundColor=body_color;
	
	var ftr_color = document.getElementById("ftrbckcolor").value;
	document.getElementById("ftrsample").style.backgroundColor=ftr_color;
} // function changeTblSampleColor()

function displayTemplateColor(catTemplates, filename, name) {
	
	var selflag = "";
	//var maxpageno = getTemplateMaxPageNo(filename, pagesize);
	
	var oCellHTML = "";	
		
	// customize table
	var oTable = document.createElement("TABLE");
	oTable.className = "templatetbl";
  	var oTHead = document.createElement("THEAD");
  	var oTBody = document.createElement("TBODY");
	var oRow, oCell;
  	var i, j;
	
	oTable.appendChild(oTBody);
	
	var oCellHTML = "";
	oRow = document.createElement("TR");
	oTBody.appendChild(oRow);
	
	oCell = document.createElement("TD");
	var oCellHTML = "<table cellpadding=5 cellspacing=0 class='customizelayout' width='750px'>";
		oCellHTML = oCellHTML + "<tr><td align='left'>1. Please make your color selections below by clicking in each box to choose from one of our predefined colors, or simply type in the hex color code</td></tr><tr><td align='left'>2. Click 'Refresh' at any time to preview what your page will look like with the new color selections</td></tr><tr><td align='left'>3. Click 'Next' when you are ready to create your template</td></tr><tr><td align='left'>4.To further customize your page and upload a new Logo Image please visit the 'Customize Blog Page' menu once your template is created</td></tr>";
		oCellHTML = oCellHTML + "</table>";
	oCell.innerHTML = oCellHTML;
	oCell.colSpan="3";
	oCell.width="750";
	oRow.appendChild(oCell);
	
	var oCellHTML = "";
	oRow = document.createElement("TR");
	oTBody.appendChild(oRow);
	
	oCell = document.createElement("TD");
	var oCellHTML = "<table cellpadding=0 cellspacing=0 border=2 bordercolor='#000000' width=400 align='center' style='text-align: center; border: 2px solid #000000'>";
		oCellHTML = oCellHTML + "<tr height=100 style='background-color: #000000; color: #ffffff'><td colspan='2'>Logo Image<em>Upload Logo Image under 'Customize Blog Page' menu</em></td><td></td></tr>";
		oCellHTML = oCellHTML + "<tr height=50><td>Screen Background Color:</td><td><INPUT TYPE=\"text\" NAME=\"scrbckcolor\" ID=\"scrbckcolor\" SIZE=\"20\" VALUE=\"#ffffff\" onClick=\"showColorPicker(this,'scrbckcolor')\" onChange=\"changehdrsampleColor()\"></td></tr>";
		oCellHTML = oCellHTML + "<tr height=50><td>Header Background Color:</td><td><INPUT TYPE=\"text\" NAME=\"hdrbckcolor\" ID=\"hdrbckcolor\" SIZE=\"20\" VALUE=\"#ffffff\" onClick=\"showColorPicker(this,'hdrbckcolor')\" onChange=\"changehdrsampleColor()\"></td></tr>";
		oCellHTML = oCellHTML + "<tr height=150><td>Body Background Color:</td><td><INPUT TYPE=\"text\" NAME=\"bodybckcolor\" ID=\"bodybckcolor\" SIZE=\"20\" VALUE=\"#ffffff\" onClick=\"showColorPicker(this,'bodybckcolor')\"></td></tr>";
		oCellHTML = oCellHTML + "<tr height=50><td>Footer Background Color:</td><td><INPUT TYPE=\"text\" NAME=\"ftrbckcolor\" ID=\"ftrbckcolor\" SIZE=\"20\" VALUE=\"#ffffff\" onClick=\"showColorPicker(this,'ftrbckcolor')\"></td></tr>";
		oCellHTML = oCellHTML + "</table>";
		oCell.innerHTML = oCellHTML;
		oCell.align="center";
		oCell.width = "400";
	oRow.appendChild(oCell);
		
	oCell = document.createElement("TD");
		var oCellHTML = "<input type='button' onClick='changehdrsampleColor()' value='Refresh >>'>";
			oCell.innerHTML = oCellHTML;
			oCell.align="center";
			oCell.width = "100";
	oRow.appendChild(oCell);
		
		
		
	oCell = document.createElement("TD");
		var oCellHTML = "<table cellpadding=10 cellspacing=0 border=1 width=250 id='tblsample' style='border: 1px solid #000000; text-align: center; width: 250' align='center'>";
		var oCellHTML = oCellHTML + "<tr id='scrsample'><td valign='center' width='250px' style='width: 250'>";
		var oCellHTML = oCellHTML + "<table cellpadding=0 cellspacing=0 border=2 width=150 style='border: 2px solid #000000; text-align: center; width: 150' align='center'>";
		oCellHTML = oCellHTML + "<tr height=100 style='background-color: #000000; color: #ffffff'><td>Logo Image</td></tr>";
		oCellHTML = oCellHTML + "<tr height=50 id='hdrsample'><td>Header</td></tr>";
		oCellHTML = oCellHTML + "<tr height=150 id='bodysample'><td>Body</td></tr>";
		oCellHTML = oCellHTML + "<tr height=50 id='ftrsample'><td>Footer</td></tr>";
		oCellHTML = oCellHTML + "</table>";
		oCellHTML = oCellHTML + "</td></tr>";
		oCellHTML = oCellHTML + "</table>";
		oCell.innerHTML = oCellHTML;
		oCell.align="center";
		oCell.width = "250";
	oRow.appendChild(oCell);
	
	var oDiv = document.getElementById("otablecontainer");
	removeAllChildren(oDiv);
	document.getElementById("otablecontainer").appendChild(oTable);
	
	document.getElementById("intcat").value = catTemplates;
	//document.getElementById("pagenotd").setAttribute("colspan","3");
	
} // function displayTemplateColor()



function getTemplateMaxPageNo(filename, pagesize) {

	var totTemps = filename.length;
	var pageno = Math.ceil(totTemps / pagesize);
	
	return pageno;
	
} // function getTemplatePageNo(variTemp, filename)



function getTemplatePageNo(variTemp, filename, pagesize) {
	var posi;
	var pageno;
	var maxi = filename.length;
	
	for (i=0; i<maxi; i++) {
		if (variTemp == filename[i]) {
			posi = i;
		}
	} // for (i=0...
			  
	var pageno = Math.ceil( (posi+1) / pagesize);
	return pageno;
	
	
} // function getTemplatePageNo(variTemp, filename)

function displayTemplateGeneral(pageno, pagesize, variTemp, catTemplates, filename, name, catType) {
	
	var selflag = "";
	var maxpageno = getTemplateMaxPageNo(filename, pagesize);
	
	var oTable = document.createElement("TABLE");
	oTable.className = "templatetbl";
  	var oTHead = document.createElement("THEAD");
  	var oTBody = document.createElement("TBODY");
	var oRow, oCell;
  	var i, j;
	
	oTable.appendChild(oTBody);
	
	// create page numbers row
	oRow = document.createElement("TR");
	oRow.width = "100%";
	oTBody.appendChild(oRow);
	oCell = document.createElement("TD");
	var oCellHTML = "";
	
	oCellPageHTML = "<table width='100%'><tr><td align='center'>Page:";
	
	for (i=1; i <= maxpageno; i++) {
		
		if (i == pageno) {
			if (catTemplates == "siteskins") {
				oCellPageHTML = oCellPageHTML + "<a href='javascript:displaySiteSkins(" + i + ",\"\")'><span class='activepageno'>&nbsp;" + i + "&nbsp;</span></a>|";
			}
			else  {
				oCellPageHTML = oCellPageHTML + "<a href='javascript:display" + catType + "(" + i + ",\"\")'><span class='activepageno'>&nbsp;" + i + "&nbsp;</span></a>|";
			}
			
		}
		else {
			if (catTemplates == "siteskins") {
				oCellPageHTML = oCellPageHTML + "<a href='javascript:displaySiteSkins(" + i + ",\"\"\)'>&nbsp;" + i + "&nbsp;</a>|";
			}
			else {
				oCellPageHTML = oCellPageHTML + "<a href='javascript:display" + catType + "(" + i + ",\"\"\)'>&nbsp;" + i + "&nbsp;</a>|";
			}
		}

	} // for (i=1; i < pageno; i++)
	
	oCellPageHTML = oCellPageHTML + "</td></tr></table>";
	oCell.innerHTML = oCellPageHTML;
	oCell.align="left";
	oCell.colSpan="3";
	oRow.appendChild(oCell);
		
	var begi = (pageno * pagesize) - pagesize;
	var endi = (pageno * pagesize) - 1;
	if ( endi > (filename.length - 1) ) {
		endi = filename.length - 1;
	}
	
	for (i=begi; i <= endi; i++)
	{
		if ( (i%3) == 0) {
			oRow = document.createElement("TR");
			oTBody.appendChild(oRow);
		}
		var iTemp = i+1;
		if ((variTemp != "") && (variTemp == filename[i])) {
			selflag = "CHECKED";
		}
		else { 
		selflag = ""; 
		}
		
		oCell = document.createElement("TD");
		if (name[i] == "") {
			var template_name = catTemplates + " Template " + iTemp;
		}
		else {
			var template_name = name[i];
		}
		var oCellHTML = "";
		if ( (catType == "Coupons") || (catType == "Events") )
			oCellHTML = "<img src='emailtemps/" + catTemplates + "/" + filename[i] + "-sm.jpg' border='1' />";
		else
			oCellHTML = "<img src='emailtemps/" + catTemplates + "/" + filename[i] + "-sm.jpg' border='1' width='150' height='200'/>";
		oCellHTML = oCellHTML + "<p>" + template_name + "</p>";
		oCellHTML = oCellHTML + "<a href=\"\" onclick=\"showTemplate('" + catTemplates + "','" + filename[i] + "',event); backgroundFilter(); return false;\"><img src=\"images/icon_magnifier_preview1.gif\" />View</a>  <input type=\"radio\" id=\"radiouse" + iTemp + "\" name=\"radiouse\" value=\"" + filename[i] + "\"" + selflag + " />Use This Template";
		oCell.innerHTML = oCellHTML;
		oCell.align="center";
		oCell.width = "250";
		oRow.appendChild(oCell);
	}
	
	// display page numbers on the bottom also
	oRow = document.createElement("TR");
	oRow.width = "100%";
	oTBody.appendChild(oRow);
	oCell = document.createElement("TD");

	oCell.innerHTML = oCellPageHTML;
	oCell.align="left";
	oCell.colSpan="3";
	oRow.appendChild(oCell);

	
	var oDiv = document.getElementById("otablecontainer");
	removeAllChildren(oDiv);
	document.getElementById("otablecontainer").appendChild(oTable);
	
	document.getElementById("intcat").value = catTemplates;
	//document.getElementById("pagenotd").setAttribute("colspan","3");
	
	
	
} // function displayGenTemplatetst()

function displayComingSoon(inType) {
	
	
	
	oCellPageHTML = "<table width='100%' cellpadding=5 cellspacing=5><tr><td align='center'  align='center' colspan=3 height='150' style='height: 150px; text-align: center; background-color: #022241; color: #ffffff;'><span style='font-size: 26px;'>Coming Soon!</td></tr>";
	
	if (inType == "coupons") {
		oCellPageHTML = oCellPageHTML + "<tr><td align='center'><img src='http://www.ibizard.com/images/coupons/ibiz-coupon-template-102.jpg' border=0></td><td align='center'><img src='http://www.ibizard.com/images/coupons/ibiz-coupon-template-105.jpg' border=0></td><td align='center'><img src='http://www.ibizard.com/images/coupons/ibiz-coupon-template-107.jpg' border=0></td></tr>";
	}
	
	oCellPageHTML = oCellPageHTML + "</table>";
	
	
	var oDiv = document.getElementById("otablecontainer");
	removeAllChildren(oDiv);
	oDiv.innerHTML = oCellPageHTML;
	

} // function displayComingSoon()


function displayMyOwnCode(varinowncode)
{
	var existingowncode = "";
	if (varinowncode != "") {
			if (document.getElementById(varinowncode).value != "") {
				existingowncode = document.getElementById(varinowncode).value; }
	}
			
	var oDiv = document.getElementById("otablecontainer");
	var oTable = oDiv.getElementsByTagName("TABLE");
	oDiv.removeChild(oTable[0]);
	
	var oTBox = document.createElement("textarea");
	oTBox.setAttribute('id', 'inowncode');
	oTBox.setAttribute('name', 'inowncode');
	oTBox.setAttribute('rows', 100);
	oTBox.setAttribute('cols', 48);
	oTBox.style.width = '500px';
	oTBox.style.margin = '0 10px 10px 10px';
	oDiv.appendChild(oTBox);
	
	document.getElementById("intcat").value = "owncode";
	if (existingowncode != "") {
		document.getElementById("inowncode").innerText = existingowncode; }
	
} // function displayMyOwnCode

function displayMyOwnCode2(varinowncode)
{
	var existingowncode = "";
	if (varinowncode != "") {
			if (document.getElementById(varinowncode).value != "") {
				existingowncode = document.getElementById(varinowncode).value; }
	}
			
	var oDiv = document.getElementById("otablecontainer");
	
	var oTBox = document.createElement("textarea");
	oTBox.setAttribute('id', 'inowncode');
	oTBox.setAttribute('name', 'inowncode');
	oTBox.setAttribute('rows', 100);
	oTBox.setAttribute('cols', 48);
	oTBox.style.width = '500px';
	oTBox.style.margin = '0 10px 10px 10px';
	oDiv.appendChild(oTBox);
	
	document.getElementById("intcat").value = "owncode";
	if (existingowncode != "") {
		document.getElementById("inowncode").innerText = existingowncode; }
	
} // function displayMyOwnCode

function removeAllChildren(targetElement) {
    if (targetElement && targetElement.childNodes) {
        for (var rloop = targetElement.childNodes.length -1; rloop >= 0 ; rloop--) {
            targetElement.removeChild(targetElement.childNodes[rloop]);
        }
    }
}

function showTemplate(dirid,tempname,e)
{
	
	var posx = 0;
    var posy = 0;
	var sWidth = document.body.clientWidth;
	var sHeight = document.body.clientHeight;
	
    //posx= getX(e) + getScrollX();
    //posy= getY(e) + getScrollY();
	document.getElementById("templatepic").src = "http://www.ibizard.com/emailtemps/" + dirid + "/" + tempname + "-lg.jpg";
	document.getElementById("templatepic").border = "1";
	document.getElementById("usebtn1").onclick = Function("useTemplate('" + dirid + "','" + tempname + "'); backgroundFilter()");
	document.getElementById("usebtn2").onclick = Function("useTemplate('" + dirid + "','" + tempname + "'); backgroundFilter()");
	var divname = document.getElementById("templatescreen");

	divname.style.top = 20 + getScrollY();
	divname.style.left = (sWidth - 500)/2;

}  // view template

function hideTemplate()
{
	document.getElementById("templatepic").src = "";
	var divname = document.getElementById("templatescreen");
	divname.style.top = -1000;
	divname.style.left = -1000;
	
}  // view template

function useTemplate(dirid,tempname)
{
	document.getElementById("templatepic").src = "";
	var divname = document.getElementById("templatescreen");
	divname.style.top = -1000;
	divname.style.left = -1000;
	var radioObj = document.forms[0].radiouse;
	var rlen = radioObj.length;
	
	for (i=0; i < rlen; i++) {
		if (radioObj[i].value == tempname) {
			radioObj[i].checked = true;
		}
	} // for...
	//var aitem = rdiff-tempid;
	//radioObj[aitem].checked = true;
	//for (i=0; i < radioObj.length; i++) {
	//	if (radioObj[i].checked == true)
	//	{
	//		alert(radioObj[i].value);
	//	}
	//}
	
}  // view template

function displayTempCategoriesTable(inType) {
	var html = "";
	
	html = "<table>";
	
	if (inType == 0)
		maxi = 7;
	else
		maxi = arrayCategories.length;
		
	for (i=0; i < maxi; i++) {
		catTitle = arrayCategories[i];
		if (catTitle == "Gen")
			catTitle = "All";
			
		catTitle.toString();
		catTitle = catTitle.replace("_"," &amp; ");

		html = html + "<tr><td><a href=\"javascript:display" + arrayCategories[i] + "(1,'')\" class='leftnavlink'>" + catTitle + "</a></td></tr>";
	} // for (i=0
			  
	if (inType == 0)
		html = html + "<tr><td>&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"javascript:displayTempCategoriesTable(1)\" class='leftnavlink'>more...</a></td></tr>";
	else
		html = html + "<tr><td>&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"javascript:displayTempCategoriesTable(0)\" class='leftnavlink'>hide categories</a></td></tr>";
	html = html + "</table>";
	
	var vardivTemp = document.getElementById("divTempCategories");
	vardivTemp.innerHTML = html;
	
} // function displayTempCategoriesTable(inType)