// Define path prefixes
var imagePrefix = 'images/';
var tearSheetPrefix = 'tearsheets/';
// Define product info, sorted into pages
var bank = $H({
	'Page 1':[ // Row 1
		{
			'thumb':'productImages_coral_empire_chandelier.jpg',
			'large':'TurquoiseEmpireChandelier.jpg',
			'desc':'Turquoise Empire Chandelier <br /> 33"H X 22"W',
			'tearsheet':'Turquoise Empire Chandelier_tearsheet.pdf'
		},
		{
			'thumb':'Silvio Juan Carlos Chandelier_s.jpg',
			'large':'Silvio Juan Carlos Chandelier_l.jpg',
			'desc':'Silvio Juan Carlos Chandelier <br /> 33"H X 22"W',
			'tearsheet':'Silvio Juan Carlos Chandelier_tearsheet.pdf'
		}, 
		{
			'thumb':'products-4-29-10/Blue%20Quartz%20Chandelier_s.jpg',
			'large':'products-4-29-10/Blue%20Quartz%20Chandelier_l.jpg',
			'desc':'Blue Quartz Empire Chandelier<br /> 33"H X 22"W',
			'tearsheet':'Blue Quartz Empire Chandelier_tearsheet.pdf',
			'isdefault':true
		},
		{
			'thumb':'products-4-29-10/Pink%20Jade%20Chandelier_s.jpg',
			'large':'products-4-29-10/Pink%20Jade%20Chandelier_l.jpg',
			'desc':'Annabelle Pink Jade Empire Chandelier<br /> 33"H X 22"W',
			'tearsheet':'Pink Jade Empire Chandelier_tearsheet.pdf'
		},	 // Row 2
		{
			'thumb':'White Turquoise Empire with Yellow Accents_s.jpg',
			'large':'White Turquoise Empire with Yellow Accents_l.jpg',
			'desc':'White Turquoise Empire with <br />Yellow Accents <br /> 33"H X 22"W',
			'tearsheet':'White-Yellow Turquoise Empire _tearsheet.pdf'
		},
		{
			'thumb':'Black Onyx Empire_s.jpg',
			'large':'Black Onyx Empire_l.jpg',
			'desc':'Black Onyx Empire Chandelier <br /> 33"H X 22"W',
			'tearsheet':'Black Onyx and Green Turquoise Empire Chandelier_tearsheet.pdf'
		},
		{
			'thumb':'Black Onyx- White Empire Chandelier_s.jpg',
			'large':'Black Onyx- White Empire Chandelier_l.jpg',
			'desc':'Black Onyx Empire Chandelier<br /> 33"H X 22"W',
			'tearsheet':'Black Onyx Empire Chandelier_tearsheet.pdf'
		},
		{
			'thumb':'White Turquoise and Agate Empire Chandelier_s.jpg',
			'large':'White Turquoise and Agate Empire Chandelier_l.jpg',
			'desc':'White Turquoise and Agate Empire Chandelier <br /> 33"H X 22"W',
			'tearsheet':'White Turquoise and Agate Empire Chandelier_tearsheet.pdf'
		}, // Row 3
		{
			'thumb':'White Turquoise- Black Empire_s.jpg',
			'large':'White Turquoise- Black Empire_l.jpg',
			'desc':'White Turquoise Empire Chandelier <br /> 33"H X 22"W',
			'tearsheet':'White Turquoise Empire Chandelier_tearsheet.pdf'
		},
		{
			'thumb':'Honeycomb_white background_s.jpg',
			'large':'Honeycomb_white background_l.jpg',
			'desc':'Honeycomb Lantern <br/>Available in 12", 15" and 18" Diameters<br/>Custom Finishes Available<br/>',
			'tearsheet':'Honeycomb Lantern Baroque_tearsheet.pdf'
		}, 
		{
			'thumb':'Black-Clear Rushing_s.jpg',
			'large':'Black-Clear Rushing_l.jpg',
			'desc':'Honeycomb Lantern Baroque Steel',
			'tearsheet':'Honeycomb Lantern Baroque Steel_tearsheet.pdf'
		},
		{
			'thumb':'productImages_redcoralchandelier.jpg',
			'large':'Prod_cc_redchandelier.jpg',
			'desc':'Red Coral Chandelier<br/>Approximately 24"W X 33"H<br/>Custom Sizes Available',
			'tearsheet':'Red Coral Chandelier_tearsheet.pdf'
		}, // Row 4
		{
			'thumb':'productImages_redcoralsconce.jpg',
			'large':'Prod_redcoralsconce.jpg',
			'desc':'Red Coral Sconce<br/>Approximately 14"W X 19.5"H X 8"D<br/>Custom Sizes Available',
			'tearsheet':'Red Coral Sconce_tearsheet.pdf'
		},
		{
			'thumb':'productImages_blackcoralchandelier.jpg',
			'large':'Prod_BlackCoral%20Candelier.jpg',
			'desc':'Black Coral Chandelier<br/>Approximately 24"W X 33"H<br/>Custom Sizes Available',
			'tearsheet':'Black Coral Chandelier_tearsheet.pdf'
		}, 
		{
			'thumb':'productImages_turquoise.jpg',
			'large':'Prod_TurquoiseChand.jpg',
			'desc':'Turquoise Chandelier<br/>Approximately 26"W X 26"H<br/>Custom Sizes Available',
			'tearsheet':'Turquoise Chandelier_tearsheet.pdf'
		}, 
		{
			'thumb':'products_8-09/Skouras_Residence&Product_008_s.jpg',
			'large':'products_8-09/Skouras_Residence&Product_008_l.jpg',
			'desc':'Bruno Chandelier<br/>27" Diameter X 32" H',
			'tearsheet':'Bruno Chandelier_tearsheet.pdf'
		}
	],
	'Page 2':[ // Row 1
		{
			'thumb':'products_8-09/Skouras_Residence&Product_005_s.jpg',
			'large':'products_8-09/Skouras_Residence&Product_005_l.jpg',
			'desc':'Malachite Side Table <br/>18"H X 18"D X 18"W',
			'tearsheet':'malachite side table_tearsheet.pdf'
		},
		{
			'thumb':'products-4-29-10/Malachite%20Stone%20Top%20Table_s.jpg',
			'large':'products-4-29-10/Malachite%20Stone%20Top%20Table_l.jpg',
			'desc':'Malachite Stone Table Top',
			'tearsheet':'Malachite Stone Top Table_tearsheet.pdf'
		},
		{
			'thumb':'productImages_eugenietable.jpg',
			'large':'eugeniecoffeetable.jpg',
			'desc':'Eugenie Coffee Table<br/>48"L x 36"D x 18"H',
			'tearsheet':'Eugenie Coffee Table _tearsheet.pdf'
		},
		{
			'thumb':'productImages_gildedmoorishtable.jpg',
			'large':'gildedmoorishtable.jpg',
			'desc':'Gilded Moorish Table<br/>20"X20" X 20"H',
			'tearsheet':'Gilded Moorish Table_tearsheet.pdf'
		},   // Row 2
		{
			'thumb':'products_8-09/Skouras_Residence&Product_006_s.jpg',
			'large':'products_8-09/Skouras_Residence&Product_006_l.jpg',
			'desc':'Nominka Table<br/>19"H X 41"L X 21"D',
			'tearsheet':'Nominka Table_tearsheet.pdf'
		},
		{
			'thumb':'products_8-09/Skouras_Residence&Product_004_s.jpg',
			'large':'products_8-09/Skouras_Residence&Product_004_l.jpg',
			'desc':'India Chair<br/>23"W X 20"D X 38" H',
			'tearsheet':'India Chair_tearsheet.pdf'
		},  
		{
			'thumb':'products_8-09/Skouras_Residence&Product_012_s.jpg',
			'large':'products_8-09/Skouras_Residence&Product_012_l.jpg',
			'desc':'Cufflinks Cabinet Pulls<br/>2" X 2", 4" X 4", 6" X 12" <br/> Malachite, Amethyst, Tiger Eye, Lapis Lazuli, Mother of Pearl, Black Abalone',
			'tearsheet':'Cufflinks Cabinet Pulls(Large)_tearsheet.pdf'
		},
		{
			'thumb':'products-5-10/Cufflink%20Cabinet%20Pulls_s.jpg',
			'large':'products-5-10/Cufflink%20Cabinet%20Pulls_l.jpg',
			'desc':'Cufflinks Cabinet Pulls <br/>1.5" X 1.5", 2" X 2" and 4" X 4"<br/> Malachite, Amethyst, Tiger Eye, Lapis Lazuli, Mother of Pearl, Black Abalone',
			'tearsheet':'Cufflink Cabinet Pull_new_tearsheet.pdf'
		},   // Row 3
		{
			'thumb':'products-5-10/Gemstone%20Hardware_s.jpg',
			'large':'products-5-10/Gemstone%20Hardware_l.jpg',
			'desc':'Gemstone Hardware</br>1.5" Square; 2" Square; 4" Square; 12" x 6" Rectangle</br> Amethyst, Black Obsidian, Blue Tigers Eye, Carnlean, Green Sea Glass, Howlite, Light Green Aventurine, Mixed Sea Glass, Moonstone, Polished and Rough Rock Crystal, Red Coral',
			'tearsheet':'Gemstone Knobs_new_tearsheet.pdf',
			'isdefault':true
		}, 
		{
			'thumb':'productImages_coraldrawerpull.jpg',
			'large':'Prod_RedCoralDrawerPull.jpg',
			'desc':'Red Coral Drawer Pulls <br /> Approximately 2.5" - 4.0" L<br />Brass Mounts<br />Also available in Black',
			'tearsheet':'Red Coral Drawer Pulls_tearsheet.pdf'
		},
		{
			'thumb':'productImages_castdrawerpulls.jpg',
			'large':'Prod_Silver-GoldCoralPulls.jpg',
			'desc':'Cast Coral Drawer Pulls<br />2.5"L X 2"H<br />Available in Silver or Gold Plate',
			'tearsheet':'Cast Coral Drawer Pulls_tearsheet.pdf'
		},
		{
			'thumb':'products_8-09/Skouras_Residence&Product_010_s.jpg',
			'large':'products_8-09/Skouras_Residence&Product_010_l.jpg',
			'desc':'Beetle Drawer Pull<br />3"L X 4"W X 1.5"H<br />Available in Nickel or Gold Plate',
			'tearsheet':'Beetle%20Drawer%20Pulls_tearsheet.pdf'
		},  // Row 4
		{
			'thumb':'products_8-09/Skouras_Residence&Product_014_s.jpg',
			'large':'products_8-09/Skouras_Residence&Product_014_l.jpg',
			'desc':'Pompidou Mirror<br/>24"W X 42" H',
			'tearsheet':'Pompidou Mirror_tearsheet.pdf'
		}, 
		{
			'thumb':'Black Coral Mirror_s.jpg',
			'large':'Black Coral Mirror_l.jpg',
			'desc':'Black Pompidou Mirror<br/>24"W X 42" H',
			'tearsheet':'Black_Pompidou Mirror_tearsheet.pdf'
		}, 
		{
			'thumb':'productImages_mirroredknobs.jpg',
			'large':'MirroredKnobs_l.jpg',
			'desc':'Mirrored Knobs',
			'tearsheet':'Mirrored Knobs_tearsheet.pdf'
		},
		{
			'thumb':'Black Mirror-Glass jpeg_s.jpg',
			'large':'Black Mirror-Glass jpeg_l.jpg',
			'desc':'Black Mirrored Knobs',
			'tearsheet':'Black Mirrored Knobs_tearsheet.pdf'
		}
	],
	'Page 3':[
		{
			'thumb':'productImages_rockcrystalmirror.jpg',
			'large':'RockCrystalMirror_l.jpg',
			'desc':'Rock Crystal Mirror<br />36"W X 60"H',
			'tearsheet':'Rock Crystal Mirror_tearsheet.pdf'
		},
		{
			'thumb':'products_8-09/Skouras_Residence&Product_013_s.jpg',
			'large':'products_8-09/Skouras_Residence&Product_013_l.jpg',
			'desc':'The Eyes Have It Mirror <br />42" Diameter',
			'tearsheet':'The Eyes Have It Mirror_tearsheet.pdf'
		},
		{
			'thumb':'productImages_beetle_weight.jpg',
			'large':'Prod_bug_LET.jpg',
			'desc':'Beetle Paper Weight<br />3"L X 4"W X 1.5"H<br />Available in Nickel or Gold Plate',
			'tearsheet':'Beetle Paper Weight_tearsheet.pdf'
		},
		{
			'thumb':'productImages_coraltieback.jpg',
			'large':'coraltieback.jpg',
			'desc':'Coral Tieback <br />Approximately 18: L',
			'tearsheet':'Coral Tieback_tearsheet.pdf'
		},
		{
			'thumb':'productImages_castcoralcandlestick_ccc1.jpg',
			'large':'Prod_CCC1-LET.jpg',
			'desc':'Cast Coral Candlestick #CCC1<br/>11"H X 7"W<br/>Also available in Gold Plate',
			'tearsheet':'Cast Coral Candlestick CCC1_tearsheet.pdf',
			'isdefault':true
		},
		{
			'thumb':'productImages_coralcandlestickccc2.jpg',
			'large':'Prod_CCC2-LET.jpg',
			'desc':'Cast Coral Candlestick #CCC2<br/>9"H X 8"W<br/>Also available in Gold Plate',
			'tearsheet':'Cast Coral Candlestick CCC2_tearsheet.pdf'
		},
		{
			'thumb':'productImages_coralcandlestickccc3.jpg',
			'large':'Prod_CCC3-LET.jpg',
			'desc':'Cast Coral Candlestick #CCC3<br/>9"H X 6.5"W<br/>Also available in Gold Plate',
			'tearsheet':'Cast Coral Candlestick CCC3_tearsheet.pdf'
		},
		{
			'thumb':'productImages_swaplamps.jpg',
			'large':'Prod_LAMP_GRO.jpg',
			'desc':'Swap Lamps<br/>Standing: 48"H<br/>Base: 10" X10"<br/>Shade: 11" X 14"<br/><br/>Table #1: 14"H, Base: 9" X 6", <br/>Shade: 10" X 10"<br/><br/>Table #2: 14"H, Base: 9" X 6",<br/>Shade: 10" X 8"',
			'tearsheet':'Swap Lamps_tearsheet.pdf'
		},
		{
			'thumb':'SilhouetteRug_s.jpg',
			'large':'SilhouetteRug_m.jpg',
			'desc':'Custom Profile Rug <br/>Size and colors to order',
			'tearsheet':'Custom Profile Rug_tearsheet.pdf'
		}
	]
});
window.addEvent('domready',function(){
	// Define DIV Elements to affect
	var pageDiv = $('paages');
	var thumbsDiv = $('thumbs');
	var productTearSheet = $('tearSheetLink');
	var productDesc = $('picDesc');
	var productImage = $('productImage');
	var productDiv = $('product');
	// Javascript is on
	productTearSheet.set('html','PRINT TEAR SHEET');
	// Create page links
	var pageLinks = [];
	bank.getKeys().each(function(value,index,array){	
		pageLinks.extend([new Element('a',{
			'html':value,
			'href':('#'+value).hyphenate()
		}).inject(pageDiv).addEvent('click',function(){
			loadPage(value);
		})]);
		if(value!=array.getLast()){
			pageDiv.appendText(' | ');
		}
	});
	// 
	function loadProduct(large,desc,tearsheet){
		productImage.destroy();
		productImage = new Asset.image(imagePrefix+large,{
			'styles':{
				'width':329,
				'height':'auto'
			}
		}).inject(productDiv,'top');
		productDesc.set('html',desc);
		productTearSheet.set('href',tearSheetPrefix+tearsheet);
	}
	function loadPage(page){
		pageLinks.each(function(item){
			if(page==item.get('html')){
				item.setStyle('color','white');
			} else {
				item.setStyle('color','');
			}
		});
		thumbsDiv.empty();
		var pageBank = bank.get(page);
		var defaultProduct = 0;
		var thumbLinkRow = new Array();
		pageBank.each(function(item,index,array){
			if(!$defined(item.visible)||item.visible){
				var thumbnaillink = new Element('a',{
					'href':'#'+page+index
				});
				var thumbnail = new Asset.image(imagePrefix+item.thumb,{
					'styles':{
						'margin-left':16,
						'margin-bottom':14,
						'float':'right',
						'border':0
					}
				}).inject(thumbnaillink).addEvent('click',function(){
					loadProduct(item.large,item.desc,item.tearsheet);
				});
				// re-ordering code
				thumbLinkRow.extend([thumbnaillink]);
				while(array.length==(index+1)&&thumbLinkRow.length<4){
					var spaceDiv = new Element('div',{ 'styles':{
						'margin-left':16,
						'margin-bottom':14,
						'display':'inline',
						'float':'right',
						'height':'100px',
						'width':'80px'
					}});
					thumbLinkRow.extend([spaceDiv]);
				}
				if(thumbLinkRow.length > 3){
					for(i=thumbLinkRow.length;i>0;i--){
						thumbLinkRow[i-1].inject(thumbsDiv);
					}
					thumbLinkRow.empty();
				}
			}
			if(item.isdefault) defaultProduct = index;
		});
		var defaultProduct = pageBank[defaultProduct];
		loadProduct(defaultProduct.large,defaultProduct.desc,defaultProduct.tearsheet);
	}
/*
	function loadPage(page){
		pageLinks.each(function(item){
			if(page==item.get('html')){
				item.setStyle('color','white');
			} else {
				item.setStyle('color','');
			}
		});
		thumbsDiv.empty();
		var pageBank = bank.get(page);
		var defaultProduct = 0;
		pageBank.each(function(item,index,array){
			var thumbnaillink = new Element('a',{
				'href':'#'+page+index
			}).inject(thumbsDiv);
			var thumbnail = new Asset.image(imagePrefix+item.thumb,{
				'styles':{
					'margin-left':16,
					'margin-bottom':14,
					'float':'right',
					'border':0
				}
			}).inject(thumbnaillink).addEvent('click',function(){
				loadProduct(item.large,item.desc,item.tearsheet);
			});
			if(item.isdefault){ defaultProduct = index; }
		});
		var defaultProduct = pageBank[defaultProduct];
		loadProduct(defaultProduct.large,defaultProduct.desc,defaultProduct.tearsheet);
	}
*/
	// Load initial page
	loadPage(bank.getKeys()[0]);
});