// This was an extraordinary bugger to adapt from the original HTML, but the end product is an Include file without needing server side support for includes.

// The next step is to populate the entire thing with variables. Baby steps man, baby steps.





var headerProductFamiliesMenu = Builder.node('div', {id: 'productFamiliesMenu'}, 

	[

		Builder.node('div', {id: 'productFamilyiPhone'}, 

			[ 

				Builder.node('p', [ Builder.node('a', { href: 'http://www.x-plane.com/index_mobile.html'}, [ Builder.node('img', { src: 'images/icon_iphone_80.png', alt: 'X-Plane for the iPhone and iPod Touch', width: '80', height: '68'})] )] ),

				Builder.node('p', [ Builder.node('a', { href: 'http://www.x-plane.com/index_mobile.html'}, 'Mobile')] )

			]

		),

		Builder.node('div', {id: 'productFamilyDesktop'}, 

			[ 

				Builder.node('p', [ Builder.node('a', { href: 'http://www.x-plane.com/index_desktop.html'}, [ Builder.node('img', { src: 'images/icon_desktop_80.png', alt: 'X-Plane 9', width: '80', height: '68'})] )] ),

				Builder.node('p', [ Builder.node('a', { href: 'http://www.x-plane.com/index_desktop.html'}, 'Desktop')] )

			]

		),

		Builder.node('div', {id: 'productFamilyProfessional'}, 

			[ 

				Builder.node('p', [ Builder.node('a', { href: 'http://www.x-plane.com/index_pro.html'}, [ Builder.node('img', { src: 'images/icon_cockpit_80.png', alt: 'FAA-certified X-Plane', width: '80', height: '68'})] )] ),

				Builder.node('p', [ Builder.node('a', { href: 'http://www.x-plane.com/index_pro.html'}, 'Professional')] )

			]

		),

		Builder.node('div', {id: 'productFamilyDownload'},

			[ 

				Builder.node('p', [ Builder.node('a', { href: 'http://www.x-plane.com/pg_downloads.html'}, [ Builder.node('img', { src: 'images/icon_download_80.png', alt: 'Download X-Plane demos, betas, and updates', width: '80', height: '68'})] )] ),

				Builder.node('p', [ Builder.node('a', { href: 'http://www.x-plane.com/pg_downloads.html'}, 'Downloads')] )

			]

		),

		Builder.node ('div', {id: 'productFamilyStore'}, 

			[ 

				Builder.node('p', [ Builder.node('a', { href: 'http://www.x-plane.com/pg_store.html'}, [ Builder.node('img', { src: 'images/icon_store_80.png', alt: 'Buy X-Plane', width: '80', height: '68'})] )] ),

				Builder.node('p', [ Builder.node('a', { href: 'http://www.x-plane.com/pg_store.html'}, 'Store')] )

			]

		),

		Builder.node ('div', {id: 'productFamilySupport'}, 

			[ 

				Builder.node('p', [ Builder.node('a', { href: 'http://www.x-plane.com/pg_support.html'}, [ Builder.node('img', { src: 'images/icon_support_80.png', alt: 'Support', width: '80', height: '68'})] )] ),

				Builder.node('p', [ Builder.node('a', { href: 'http://www.x-plane.com/pg_support.html'}, 'Support')] )

			]

		)

	]

);



$('homeTopBanner').appendChild(headerProductFamiliesMenu);