// Define path prefixes
var imagePrefix = '';
// Define product info, sorted into pages
var bank = new Hash({
	'Page 1':[
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p2.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/MASLR.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p25.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/projects/Skouras_Residence&Product_001m.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p26.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/projects/Skouras_Residence&Product_002m.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/6-10/4_s.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/projects/6-10/4_l.jpg'
		},
		{ //line2:
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p3.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/projects_new1.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/6-10/6_s.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/projects/6-10/6_l.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p5.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/MASDenDetail.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p6.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/MASMaster2.jpg'
		},
		{ //line3:
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p7.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/FaringMaster.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p8.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/FaringLR.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p9.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/projects_new2.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p10.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/FaringLibrary.jpg'
		}, //line4:
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/6-10/13_s.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/projects/6-10/13_l.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/6-10/14_s.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/projects/6-10/14_l.jpg'
		},
		{ //15:
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p1.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/FaringDRdetail.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/6-10/16_s.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/projects/6-10/16_l.jpg'
		},
		{
			'large':'http://www.marjorieskourasdesign.com/images/Greystone_main%20image.jpg',
			'isdefault':true,
			'visible':false
		}
	],
	'Page 2':[
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/6-10/17_s.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/projects/6-10/17_l.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/6-10/18_s.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/projects/6-10/18_l.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p15.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/WWDogrmcopy.jpg',
			'isdefault':true
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p16.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/WWMstrbathcopy.jpg'
		},
		{ //21
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p11.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/KutlerLR2.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p12.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/KutlerLR1.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p24.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/FaringElizabeth.jpg'
		},	
		{ //24
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p21.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/RS_KITa.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p19.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/WWDen2copy.jpg'
		},
		{
			'thumb':'http://www.marjorieskourasdesign.com/images/projects/p27.jpg',
			'large':'http://www.marjorieskourasdesign.com/images/Greystone_main%20image.jpg'
		}
	]
});
window.addEvent('domready',function(){
	// Define DIV Elements to affect
	var pageDiv = $('pages');
	var thumbsDiv = $('thumbs');
	var productDownload = $('downloadLink');
	var productDesc = $('picDesc');
	var productImage = $('productImage');
	var productDiv = $('product');
	// Javascript is on
	productDownload.set('html','View larger image');
	// 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');
		productDownload.set('href',large);
	}
	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(item.visible==null) item.visible=true;
			if(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':100,
						'width':80
					}});
					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);
	}
	// Load initial page
	loadPage(bank.getKeys()[0]);
});