BLANK_IMAGE = 'js/b.gif';

var NOSTYLE = {
	border:0,
	shadow:0,
	color:{
		border:"",
		shadow:"",
		bgON:"",
		bgOVER:""
	},
	css:{
		ON:"",
		OVER:""
	}
};

var STYLE1 = {
	border:1, borders:[1,0,1,0],	// item's border width, pixels; zero means "none"; item's border width in pixels on left, top, right, bottom
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#444444",	// color of the item border, if any
		shadow:"#dddddd",	// color of the item shadow, if any
		bgON:"",			// background color for the items
		bgOVER:""			// background color for the item which is under mouse right now
	},
	backgroundStyle:[ "background: url(images/ddmenubg.jpg);", "background: url(images/ddmenubgOver.jpg);" ],
	textStyle:[ "color: #444444; font: normal 9pt Arial; text-align: center;", "color: #444444; font: bold 9pt Arial; text-align: center;" ],
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE2 = {
	border:1, borders:[1,0,1,0],	// item's border width, pixels; zero means "none"; item's border width in pixels on left, top, right, bottom
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#2D5CE7",	// color of the item border, if any
		shadow:"#dddddd",	// color of the item shadow, if any
		bgON:"",			// background color for the items
		bgOVER:""			// background color for the item which is under mouse right now
	},
	backgroundStyle:[ "background: url(images/ddmenubg.jpg);", "background: url(images/ddmenubgOver.jpg);" ],
	textStyle:[ "color: #2D5CE7; font: normal 9pt Arial; text-align: center;", "color: #2D5CE7; font: bold 9pt Arial; text-align: center;" ],
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE3 = {
	border:1, borders:[1,0,1,0],	// item's border width, pixels; zero means "none"; item's border width in pixels on left, top, right, bottom
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#AC0010",	// color of the item border, if any
		shadow:"#dddddd",	// color of the item shadow, if any
		bgON:"",			// background color for the items
		bgOVER:""			// background color for the item which is under mouse right now
	},
	backgroundStyle:[ "background: url(images/ddmenubg.jpg);", "background: url(images/ddmenubgOver.jpg);" ],
	textStyle:[ "color: #AC0010; font: normal 9pt Arial; text-align: center;", "color: #AC0010; font: bold 9pt Arial; text-align: center;" ],
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE4 = {
	border:1, borders:[1,0,1,0],	// item's border width, pixels; zero means "none"; item's border width in pixels on left, top, right, bottom
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#232019",	// color of the item border, if any
		shadow:"#dddddd",	// color of the item shadow, if any
		bgON:"",			// background color for the items
		bgOVER:""			// background color for the item which is under mouse right now
	},
	backgroundStyle:[ "background: url(images/ddmenubg.jpg);", "background: url(images/ddmenubgOver.jpg);" ],
	textStyle:[ "color: #232019; font: normal 9pt Arial; text-align: center;", "color: #232019; font: bold 9pt Arial; text-align: center;" ],
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE5 = {
	border:1, borders:[1,0,1,0],	// item's border width, pixels; zero means "none"; item's border width in pixels on left, top, right, bottom
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#ef7c0a",	// color of the item border, if any
		shadow:"#dddddd",	// color of the item shadow, if any
		bgON:"",			// background color for the items
		bgOVER:""			// background color for the item which is under mouse right now
	},
	backgroundStyle:[ "background: url(images/ddmenubg.jpg);", "background: url(images/ddmenubgOver.jpg);" ],
	textStyle:[ "color: #ef7c0a; font: normal 9pt Arial; text-align: center;", "color: #ef7c0a; font: bold 9pt Arial; text-align: center;" ],
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE1first = {
	border:1, borders:[0,0,0,1], 	// item's border width, pixels; zero means "none"
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#444444",	// color of the item border, if any
		shadow:"",	// color of the item shadow, if any
		bgON:"",		// background color for the items
		bgOVER:""	// background color for the item which is under mouse right now
	},
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE1last = {
	border:1, borders:[1,0,1,1], 	// item's border width, pixels; zero means "none"; item's border width in pixels on left, top, right, bottom
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#444444",	// color of the item border, if any
		shadow:"",	// color of the item shadow, if any
		bgON:"",		// background color for the items
		bgOVER:""	// background color for the item which is under mouse right now
	},
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE2first = {
	border:1, borders:[0,0,0,1], 	// item's border width, pixels; zero means "none"
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#2D5CE7",	// color of the item border, if any
		shadow:"",	// color of the item shadow, if any
		bgON:"",		// background color for the items
		bgOVER:""	// background color for the item which is under mouse right now
	},
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE2last = {
	border:1, borders:[1,0,1,1], 	// item's border width, pixels; zero means "none"; item's border width in pixels on left, top, right, bottom
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#2D5CE7",	// color of the item border, if any
		shadow:"",	// color of the item shadow, if any
		bgON:"",		// background color for the items
		bgOVER:""	// background color for the item which is under mouse right now
	},
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE3first = {
	border:1, borders:[0,0,0,1], 	// item's border width, pixels; zero means "none"
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#AC0010",	// color of the item border, if any
		shadow:"",	// color of the item shadow, if any
		bgON:"",		// background color for the items
		bgOVER:""	// background color for the item which is under mouse right now
	},
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE3last = {
	border:1, borders:[1,0,1,1], 	// item's border width, pixels; zero means "none"; item's border width in pixels on left, top, right, bottom
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#AC0010",	// color of the item border, if any
		shadow:"",	// color of the item shadow, if any
		bgON:"",		// background color for the items
		bgOVER:""	// background color for the item which is under mouse right now
	},
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE4first = {
	border:1, borders:[0,0,0,1], 	// item's border width, pixels; zero means "none"
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#232019",	// color of the item border, if any
		shadow:"",	// color of the item shadow, if any
		bgON:"",		// background color for the items
		bgOVER:""	// background color for the item which is under mouse right now
	},
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE4last = {
	border:1, borders:[1,0,1,1], 	// item's border width, pixels; zero means "none"; item's border width in pixels on left, top, right, bottom
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#232019",	// color of the item border, if any
		shadow:"",	// color of the item shadow, if any
		bgON:"",		// background color for the items
		bgOVER:""	// background color for the item which is under mouse right now
	},
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE5first = {
	border:1, borders:[0,0,0,1], 	// item's border width, pixels; zero means "none"
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#ef7c0a",	// color of the item border, if any
		shadow:"",	// color of the item shadow, if any
		bgON:"",		// background color for the items
		bgOVER:""	// background color for the item which is under mouse right now
	},
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var STYLE5last = {
	border:1, borders:[1,0,1,1], 	// item's border width, pixels; zero means "none"; item's border width in pixels on left, top, right, bottom
	shadow:0,						// item's shadow size, pixels; zero means "none"
	color:{
		border:"#ef7c0a",	// color of the item border, if any
		shadow:"",	// color of the item shadow, if any
		bgON:"",		// background color for the items
		bgOVER:""	// background color for the item which is under mouse right now
	},
	css:{
		ON:"",		// CSS class for items
		OVER:""		// CSS class  for item which is under mouse
	}
};

var OUR_COMPANY_ITEMS = [
	{pos:'relative', itemoff:[0,220], style:NOSTYLE, size:[20,98]},
	{code:"<div align=center width=98><img src=images/Home_Pg_OurCompany.jpg></div>", url:'ourStory.aspx',
		sub:[
			{itemoff:[20,0], style:STYLE1},
			{code:"<div align=center width=98><img src=images/Home_Pg_OurCompanyOver.jpg></div>", url:'ourStory.aspx', style:STYLE1first},
			{code:"Our Story", url:'ourStory.aspx'},
			{code:"Our Perks", url:'ourperks.aspx'},
			{code:"Timeline", url:'Timeline.aspx'},
			{code:"Contact Us", url:'Contactus.aspx'},
			{code:"Our Sales Reps", url:'salesreps.aspx'},
			{code:"Marketing", url:'Marketing.aspx'},
			{code:"Download Forms", url:'Forms.aspx', style:STYLE1last}
		    ]
		// {code:"News", url:'news.aspx'},
	},

	
];

var OUR_PRODUCT_ITEMS = [
	{pos:'relative', itemoff:[0,220], style:NOSTYLE, size:[20,98]},
	{code:"<div align=center width=98><img src=images/Home_Pg_OurProducts.jpg></div>", url:'LandingOurProducts.aspx',
		sub:[
			{itemoff:[20,0], style:STYLE2},
			{code:"<div align=center width=98><img src=images/Home_Pg_OurProductsOver.jpg></div>", url:'LandingOurProducts.aspx', style:STYLE2first},
			{code:"MailWraps", url:'LandingMailWraps.aspx'},
			{code:"BreezeArt", url:'LandingBreezeArt.aspx'},
			{code:"Yard DeSigns", url:'LandingYardDesigns.aspx'},
			{code:"MatMates", url:'LandingMatMates.aspx', style:STYLE2last}
			
			/* {code:"DoorD&eacute;cor", url:'LandingDoorDecor.aspx', style:STYLE2last} */
		    ]
	},
];

/*var OUR_ARTISTS_ITEMS = [
	{pos:'relative', itemoff:[0,220], style:NOSTYLE, size:[20,98]},
	{code:"<div align=center width=98><img src=images/Home_Pg_OurArtists.jpg></div>", url:'Artists.aspx',
		sub:[
			{itemoff:[20,0], style:STYLE5},
			{code:"<div align=center width=98><img src=images/Home_Pg_OurArtistsOver.jpg></div>", url:'Artists.aspx', style:STYLE5first},
			{code:"Artists A-C", url:'javascript:__doPostBack(\'lbtnArtistAC\',\'\')'},
			{code:"Artists D-H", url:'javascript:__doPostBack(\'lbtnArtistDH\',\'\')'},
			{code:"Artists I-L", url:'javascript:__doPostBack(\'lbtnArtistIL\',\'\')'},
			{code:"Artists M-P", url:'javascript:__doPostBack(\'lbtnArtistMP\',\'\')'},
			{code:"Artists Q-T", url:'javascript:__doPostBack(\'lbtnArtistQT\',\'\')'},
			{code:"Artists U-Z", url:'javascript:__doPostBack(\'lbtnArtistUZ\',\'\')', style:STYLE5last}
		    ]
	},
];*/

var YOUR_ACCOUNT_ITEMS = [
	{pos:'relative', itemoff:[0,220], style:NOSTYLE, size:[20,98]},
	{code:"<div align=center width=98><img src=images/Home_Pg_YourAccount.jpg></div>", url:'MyAccount.aspx',
		sub:[
			{itemoff:[20,0], style:STYLE3},
			{code:"<div align=center width=98><img src=images/Home_Pg_YourAccountOver.jpg></div>", url:'MyAccount.aspx', style:STYLE3first},
			{code:"Update Profile", url:'EditAccountInfo.aspx'},
			{code:"Addresses", url:'SC_AddressManagement.aspx'},
			{code:"Order Status", url:'rptorderstatus.aspx'},
			{code:"Item History", url:'rptOrderHistory.aspx'},
			{code:"Worksheet", url:'rptInventoryWorksheet.aspx', style:STYLE3last}
		    ]
	},
];

var Q_AND_A_ITEMS = [
	{pos:'relative', itemoff:[0,220], style:NOSTYLE, size:[20,98]},
	{code:"<div align=center width=98><img src=images/QandA.jpg></div>", url:'QAMailWraps.aspx',
		sub:[
			{itemoff:[20,0], style:STYLE4},
			{code:"<div align=center width=98><img src=images/QandAOver.jpg></div>", url:'QAMailWraps.aspx', style:STYLE4first},
			{code:"MailWraps", url:'QAMailWraps.aspx'},
			{code:"BreezeArt", url:'QABreezeArt.aspx'},
			{code:"Yard DeSigns", url:'QAYardDeSigns.aspx'},
			{code:"MatMates", url:'QAMatMates.aspx', style:STYLE4last}
			
			/* {code:"DoorD&eacute;cor", url:'QADoorDecor.aspx', style:STYLE4last} */
		    ]
	},
];