window.addEvent('domready',function(){HGPackages.setup();});


var HGPackages = {
	setup: function()
	{
		$$('.packageSelect').addEvent('change',HGPackages.Change);
		$('largerPlan').addEvent('click',function(e){
			e.stop();
			$('text').addClass('hidden');
			$$('.largeimage').setOpacity(0);
			$$('.largeimage').removeClass('hidden');	
			$$('.largeimage').fade(1);
		});
		$('smallerPlan').addEvent('click',function(e)
		{
			e.stop();
			$('text').removeClass('hidden');
			$$('.largeimage').addClass('hidden');
		});
		HGPackages.Change();			
	},
	Change: function()
	{
		$$('#packageInfo,#imageArea').addClass('hidden');
		var val = $$('.packageSelect')[0].value;
		var req = new Request.JSON({url:'ajax?a=get-package-info', onSuccess: HGPackages.Update})
		req.send("p=" + val);
	},
	Update: function(r)
	{
		$('packageHeader').set('html',r.FurnitureListFor + " Furniture List");
		$('pricesFrom').set('html',r.PricesFrom);
		$('pdfDownload').set('href',"floorplan_" + r.Package_ID + ".pdf");
		$('floorPlanInfo1').set('html',r.FloorPlanFor);
		$('floorPlanInfo2').set('html',r.FloorPlanFor);
		// get the src
		var x= $('smallimg').get('src').split('/');
		var w="";
		for(var z=0;z<x.length-1;z++)
		{
			w+=x[z] + "/";
		}
		var u = w + "floorplan_" + r.Package_ID + ".jpg";
		var v = w + "floorplan_" + r.Package_ID + "_small.jpg";
		$('smallimg').set('src',v);
		$('largeimg').set('src',u);
		
		$('rooms').empty();
		
		r.Rooms.each(function(o){
			var el = new Element('li');
			el.inject('rooms');
			el.set('html','<h3>' + o.RoomName + '</h3>');
			
			var ro = new Element('div');
			ro.inject(el);
			ro.set('html',o.RoomContents);
			ro.addClass('hidden');
			
			el.getElement('h3').addEvent('click',function(a){
				ro.toggleClass('hidden');
			});
			
			
		});
		
		
		$$('#packageInfo,#imageArea').removeClass('hidden');
		
	}
}