var currentSize = '0';
var oldSize = currentSize;
var currentFabric = 'none';
var currentValence = '0';
var oldValence=currentValence;
var currentOperation = '0';
var currentmotortext = "-- Select Operation Type --";
var oldcurrentmotortext =currentmotortext;
var currentAccessory = '0';
var currentbrackettext = "-- Select Mounting Brackets --";
var oldcurrentbrackettext =currentmotortext;
var currentImage = 'none';
var oldcurrentImage = currentImage;
var oldcalculation = 0;
var msrp=0;
var shippingtotal;
var sunbrella_color="";
var savings;
var myCurrentTab1;
var myCurrentLi1;
var myCurrentTab2;
var myCurrentLi2;
var openInfo;
var currentSwatchPos = 0;
var currentid = 1;
var typeChecked = false;
var colorChecked = false;
var valanceChecked = false;
var operationChecked = false;
var bracketsChecked = false;
var warningshown = false;
var widthOkay = false;
var heightOkay = false;
var projectionOkay = false;
var step1 = "open";
var step2 = "closed";
var step3 = "closed";
var step4 = "closed";
var step5 = "closed";
var currentSunbrellaSelected=1;
var sunbrellaisopen = false;
var ultimaopen = false;
var colors = new Array;
colors = [
{'UK' :   'Sand Ultima', 'UR' :  'Burgundy Ultima', 'UF' :  'Forest Green Ultima', 'UG' :  'Grey Ultima'},
{'4637' : 'Forest Green Sunbrella','4671' : 'Fern Sunbrella', '4633' :' Linen Sunbrella', '4630' : 'Cadet Grey Sunbrella', '4648' : 'Taupe Sunbrella', '4326' : 'Sky Blue Sunbrella', '4631':  'Burgundy Sunbrella', '4776' : 'Chocolate Chip Fancy Sunbrella ', '4932' : 'Forest Green/Beige/Natural Fancy Sunbrella ', '4799' : 'Grey/Black/White Sunbrella ', '4902' : 'Captain Navy / Natural Classic Sunbrella ', '4961' : 'Putty Regimental Sunbrella ', '4992' : 'Baycrest Sky Sunbrella',
'4600' : 'Erin Green','4601' : 'Pacific Blue','4602' : 'Sunflower Yellow','4603' : 'Jockey Red','4604' : 'Natural','4605' : 'Hemlock Tweed','4606' : 'Dubonnet Tweed','4607' : 'Charcoal Tweed','4608' : 'Black','4609' : 'Orange','4610' : 'Turquoise','4611' : 'Sea Spray','4614' : 'Tan','4616' : 'Mocha','4617' : 'Royal Blue',
'4618' : 'Walnut Brown Tweed','4620' : 'Beige','4621' : 'True Brown','4622' : 'Terra Cotta','4623' : 'Aquamarine','4626' : 'Navy','4627' : 'Salmon','4628' : 'Toast','4635' : 'Buttercup','4640' : 'Black Cherry','4641' : 'Sapphire Blue','4642' : 'Oyster','4643' : 'Persian Green','4644' : 'Charcoal Grey','4645' : 'Sea Grass Green','4646' : 'Captain Navy','4647' : 'Persian Tweed','4649' : 'Plum','4651' : 'Silver','4652' : 'Mediterranean Blue','4653' : 'Mediterranean Blue Tweed','4654' : 'Linen Tweed',
'4655' : 'Alpine','4656' : 'Spruce','4658' : 'Brass','4665' : 'Concord','4666' : 'Logo Red','4667' : 'Mahogany','4668' : 'Aspen','4672' : 'Heather Beige','4673' : 'Spa','4674' : 'Wheat','4675' : 'Capri','4676' : 'Cocoa',
'4677' : 'Tuscan','4678' : 'Marine Blue','4679' : 'Ocean Blue','4682' : 'Canvas Granite','4683' : 'Canvas Parchment','4684' : 'Slate','4685' : 'Canvas Gingko','4686' : 'Canvas Nutmeg','4751' : 'Hemlock Tweed Fancy','4755' : 'Pacific Blue Fancy',
'4765' : 'Ombre Dark Brown / Salmon / Beige','4773' : 'Bisque Brown','4777' : 'Grey / Beige Chip Fancy','4790' : 'Forest Green Fancy','4794' : 'Yellow / White Fancy','4796' : 'Beige / White','4798' : 'Burgundy / Black / White',
'4805' : 'Pacific Blue / Natural 6-Bar','4806' : 'Forest Green / Natural 6-Bar','4807' : 'Mabry Wren','4808' : 'Mabry Denim','4809' : 'Mabry Meadow','4810' : 'Mabry Slate','4850' : 'Coastal Brick','4851' : 'Coastal Spa','4852' : 'Coastal Cornsilk','4853' : 'Coastal Cocoa','4854' : 'Coastal Herbal','4855' : 'Colonnade Fossil','4856' : 'Colonnade Juniper','4857' : 'Colonnade Redwood','4901' : 'Captain Navy / Forest Green / Yellow / Red Regimental','4907' : 'Taupe 5-Bar',
'4909' : 'Plum Fancy','4911' : 'Moss Classic','4914' : 'Forest Green Transitional','4916' : 'Navy / Taupe Fancy','4918' : 'Salmon / Canvas Fancy','4919' : 'Mediterranean / Aqua Block','4921' : 'Mediterranean / Canvas Block','4922' : 'Alpine / Burgundy Pencil Stripe',
'4923' : 'Black Forest Fancy','4928' : 'Alpine / Beige 6-Bar','4936' : 'Sand Graduated Stripe','4939' : 'Brass / Black Cherry Classic','4944' : 'Blended Green Tailored Bar','4945' : 'Taupe Tailored Bar Stripe','4946' : 'Black / Taupe Fancy','4948' : 'Sapphire Vintage Bar Stripe','4949' : 'Forest Vintage Bar Stripe','4950' : 'Sapphire Vintage Classic','4951' : 'Mahogany / Brass Vintage',
'4954' : 'Heather Beige Classic','4955' : 'Fern Classic','4956' : 'Heather Beige 6-Bar','4957' : 'Aspen Colony Stripe','4958' : 'Taupe Colony Stripe','4959' : 'Fern / Heather Beige Block','4960' : 'Fern Graduated Stripe','4962' : 'Captain Navy Regimental','4963' : 'Forest Green Regimental','4967' : 'Spice / Brass Vintage','4968' : 'Spa / Wheat Vintage','4969' : 'Henna / Fern Vintage',
'4970' : 'Lankford Nautical','4971' : 'Lankford Woodland','4972' : 'Lankford Willow','4973' : 'Hartwell Fiesta','4974' : 'Hartwell Lagoon','4975' : 'Gaston Seaglass','4976' : 'Gaston Jewel','4977' : 'Roanoke Jewel','4978' : 'Armada Citrus','4979' : 'Armada Cocoa','4980' : 'Carlton Plantain','4981' : 'Beaufort Navy','4982' : 'Beaufort Classic','4984' : 'Havelock Terracotta','4985' : 'Havelock Brick','4986' : 'Havelock Juniper','4987' : 'Cooper Navy','4988' : 'Cooper Black','4989' : 'Hatteras Raven','4990' : 'Manteo Olive','4991' : 'Manteo Cardinal','4993' : 'Baycrest Pacific','4994' : 'Eastridge Cocoa','4995' : 'Ashford Forest','4996' : 'Ashford Cardinal','4997' : 'Baycrest Persian','4998' : 'Hampshire Willow','5702' : 'Yellow / White 6-Bar','5703' : 'Red / White 6-Bar','5704' : 'Black / White 6-Bar','5760' : 'Beige/White 6-Bar',
'4695' : 'Tresco Linin', '4862':'Silica Silver', '4859':'Silica Dune', '4817':	'Westfield Mushroom', '4863':'Morris Meadow', '4696':'Tresco Birch', '4860':'Silica Sesame', '4858':'Silica Barley', '4816':'Westfield Salsa', '4775':'Ginza Java','4778':'Essex Curry','4811':'Eastland Juniper', '4815':'Westfield Julep','4864':'Morris Penny','4861':'Silica Stone','4788':'Manhattan Charcoal','4789':'Manhattan Classic','4774':'Ginza Onyx','4813':'Eastland Redwood',
'4687' : 'Mineral Blue','4812':'Eastland Lagoon','4688':'Basil','4779':'Essex Ivy','4699':'Tresco Brick','4689':'Rust','4697':'Tresco Ginger','4698':'Tresco Clay','4814':'Eastland Classic' 
 }
]

	function checkAddtoCart(){
		if(typeChecked==true && colorChecked==true && valanceChecked==true && widthOkay==true && heightOkay==true && projectionOkay==true){
			var fadeAddImg = new Fx.Morph('addtocartimg',{duration:100, transition: Fx.Transitions.Expo.easeInOut});
			var fadeAddInput = new Fx.Morph('addtocart',{duration:100, transition: Fx.Transitions.Expo.easeInOut});
			fadeAddImg.start({'opacity':0});
			fadeAddInput.start({'opacity':1});
		}else{
			var fadeAddImg = new Fx.Morph('addtocartimg',{duration:100, transition: Fx.Transitions.Expo.easeInOut});
			var fadeAddInput = new Fx.Morph('addtocart',{duration:100, transition: Fx.Transitions.Expo.easeInOut});
			fadeAddImg.start({'opacity':1});
			fadeAddInput.start({'opacity':0});
		}
		
	}
	function calculatePrice(){
		var fadeInSize = new Fx.Morph('widthprojection',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
		var fadeInPrice = new Fx.Morph('priceammount',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
		var fadeInMSRP = new Fx.Morph('msrpammount',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
		var fadeInSavings = new Fx.Morph('savingsamount',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
		if(widthOkay==true && heightOkay==true&&projectionOkay==true){
			if($('widthinches').get('value')=="--"){
				var awningwidth = (Number($('widthfeet').get('value'))*12);
			}else{
				var awningwidth = (Number($('widthfeet').get('value'))*12) + (Number($('widthinches').get('value')));
			}
			if($('heightinches').get('value')=="--"){
				var awningheight = (Number($('heightfeet').get('value'))*12);
			}else{
				var awningheight = (Number($('heightfeet').get('value'))*12) + (Number($('heightinches').get('value')));
			}
			if($('projectioninches').get('value')=="--"){
				var awningprojection = (Number($('projectionfeet').get('value'))*12);
			}else{
				var awningprojection = (Number($('projectionfeet').get('value'))*12) + (Number($('projectioninches').get('value')));
			}
			var totalUI = awningwidth+awningheight+awningprojection;
			//$('debugger').set('html',totalUI);
			
			if(awningwidth<=72){
				price=(Math.ceil(totalUI*2.14)+15);
			}else{
				price=(Math.ceil(totalUI*2.64)+25);
			}
			msrp = Math.round(price/0.6);
			savings = (msrp)-(price);
			sizeInfo ="<span class=\"alignright\">14' Wide x 8'2\" Projection</span><strong>Awning Size:</strong><div class=\"clear\"></div>";
			
			var fadeOutSize = new Fx.Morph('widthprojection',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				$('widthprojection').set('html',sizeInfo);
				fadeInSize.start({'opacity':1});
			}});
			var fadePricing = new Fx.Morph('priceammount',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				$('priceammount').set('text',"$"+price);
				fadeInPrice.start({'opacity':1});
			}});
			var fadeMSRP = new Fx.Morph('msrpammount',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				$('msrpammount').set('text',"$"+msrp);
				fadeInMSRP.start({'opacity':1});
			}});
			var fadeSavings = new Fx.Morph('savingsamount',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				$('savingsamount').set('text',"-$"+savings+"");
				fadeInSavings.start({'opacity':1});
			}});
			
			if(currentSize!=oldSize){
				fadeOutSize.start({'opacity':0});
				oldSize=currentSize;
			}
			if(price != oldcalculation){
				fadePricing.start({'opacity':0});
				fadeMSRP.start({'opacity':0});
				fadeSavings.start({'opacity':0});
			}
			oldcalculation=price;
			oldSize=currentSize;
			
			//$('debugger').set('html',price);
		}		
		
		/*
		if(currentSize == "500"){
			//calculate the price for 10x8.2 size awning
			calculation = 929;
			if(currentFabric=="ultima"){
				calculation+=0
			}
			if(currentFabric=="sunbrella"){
				calculation+=150
			}
			if(currentOperation=="manual"){
				calculation+=0
			}
			if(currentOperation=="motor"){
				calculation+=400
			}
			if(currentAccessory=="no"){
				calculation+=0;
			}
			if(currentAccessory=="505"){
				calculation+=80;
			}
			if(currentAccessory=="506"){
				calculation+=200;
			}
			msrp = Math.round(calculation/0.6)
			savings = (msrp)-(calculation);
			//msrp = calculation+msrp
			sizeInfo = "<span class=\"alignright\">10' Wide x 8'2\" Projection</span><strong>Awning Size:</strong><div class=\"clear\"></div>";			
		}
		if(currentSize == "501"){
			calculation = 1129;
			if(currentFabric=="ultima"){
				calculation+=0;
			}
			if(currentFabric=="sunbrella"){
				calculation+=190;
			}
			if(currentOperation=="manual"){
				calculation+=0;
			}
			if(currentOperation=="motor"){
				calculation+=400;
			}
			if(currentAccessory=="no"){
				calculation+=0;
			}
			if(currentAccessory=="505"){
				calculation+=160;
			}
			if(currentAccessory=="506"){
				calculation+=400;
			}
			msrp = Math.round(calculation/0.6);
			savings = (msrp)-(calculation);
			//msrp = calculation+msrp
			sizeInfo ="<span class=\"alignright\">14' Wide x 8'2\" Projection</span><strong>Awning Size:</strong><div class=\"clear\"></div>";
		}
		if(currentSize == "502"){
			calculation = 1229;
			if(currentFabric=="ultima"){
				calculation+=0;
			}
			if(currentFabric=="sunbrella"){
				calculation+=290;
			}
			if(currentOperation=="manual"){
				calculation+=0;
			}
			if(currentOperation=="motor"){
				calculation+=400;
			}
			if(currentAccessory=="no"){
				calculation+=0;
			}
			if(currentAccessory=="505"){
				calculation+=160;
			}
			if(currentAccessory=="506"){
				calculation+=400;
			}
			msrp =  Math.round(calculation/0.6);
			savings = (msrp)-(calculation);
			//= calculation+msrp
			sizeInfo ="<span class=\"alignright\">14' Wide x 10\" Projection</span><strong>Awning Size:</strong><div class=\"clear\"></div>"
		}
		if(currentSize == "503"){
			calculation = 1519;
			if(currentFabric=="ultima"){
				calculation+=0;
			}
			if(currentFabric=="sunbrella"){
				calculation+=360;
			}
			if(currentOperation=="manual"){
				calculation+=0;
			}
			if(currentOperation=="motor"){
				calculation+=400;
			}
			if(currentAccessory=="no"){
				calculation+=0;
			}
			if(currentAccessory=="505"){
				calculation+=160;
			}
			if(currentAccessory=="506"){
				calculation+=400;
			}
			msrp =  Math.round(calculation/0.6);
			savings = (msrp)-(calculation);
			//msrp = calculation+msrp
			sizeInfo ="<span class=\"alignright\">18' Wide x 10\" Projection</span><strong>Awning Size:</strong><div class=\"clear\"></div>"
		}
			var fadeOutSize = new Fx.Morph('widthprojection',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				$('widthprojection').set('html',sizeInfo);
				fadeInSize.start({'opacity':1});
			}});
			var fadePricing = new Fx.Morph('priceammount',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				$('priceammount').set('text',"$"+calculation);
				fadeInPrice.start({'opacity':1});
			}});
			var fadeMSRP = new Fx.Morph('msrpammount',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				$('msrpammount').set('text',"$"+msrp);
				fadeInMSRP.start({'opacity':1});
			}});
			var fadeSavings = new Fx.Morph('savingsamount',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				$('savingsamount').set('text',"-$"+savings+"");
				fadeInSavings.start({'opacity':1});
			}});
			
			if(currentSize!=oldSize){
				fadeOutSize.start({'opacity':0});
				oldSize=currentSize;
			}
			if(calculation != oldcalculation){
				fadePricing.start({'opacity':0});
				fadeMSRP.start({'opacity':0});
				fadeSavings.start({'opacity':0});
			}
			oldcalculation=calculation;
			oldSize=currentSize;*/
	}
	window.addEvent('domready', function(){
		$$('.type').addEvent('change', function(){
			currentType  = this.get('value');
			if(currentType!=0){
				//$('debugger').set('html',currentType);
				$('step1btn').set('src','images/nextstep.gif');
				$('checkstep1').set('src','images/check.png');
				var fadeCheck = new Fx.Morph('checkstep1',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				//calculatePrice();
				typeChecked=true;
				checkAddtoCart();
				if(currentType=='window'){
					var fadeTypeIn = new Fx.Morph('typeselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
					var fadeTypeName = new Fx.Morph('typeselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
					var newTypeName = '<span class="alignright">Window</span><strong>Awning Type:</strong><div class="clear"></div>';
						$('typeselection').set('html',newTypeName);
						fadeTypeIn.start({'opacity':1});
					}});
					fadeTypeName.start({'opacity':0});
				}
				if(currentType=='door'){
					var fadeTypeIn = new Fx.Morph('typeselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
					var fadeTypeName = new Fx.Morph('typeselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
					var newTypeName = '<span class="alignright">Door</span><strong>Awning Type:</strong><div class="clear"></div>';
						$('typeselection').set('html',newTypeName);
						fadeTypeIn.start({'opacity':1});
					}});
					fadeTypeName.start({'opacity':0});
				}
			}else{
				$('step1btn').set('src','images/nextstep_gray.gif');
				$('checkstep1').set('src','images/error.png');
				var fadeCheck = new Fx.Morph('checkstep1',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				typeChecked=false;
				checkAddtoCart();
			}
		});
		/*$$('.awningsize').addEvent('change', function(){
			currentSize  = this.get('value');

			if(currentSize!=0){
				if(colorChecked!=true){
					$$('#imgloader img').set('src','images/awningnone.jpg');
				}
				$('step1btn').set('src','images/nextstep.gif');
				$('checkstep1').set('src','images/check.png');
				var fadeCheck = new Fx.Morph('checkstep1',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				calculatePrice();
				sizeChecked=true;
				checkAddtoCart();
				var fadeInPriceText = new Fx.Morph('pricetext',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
				var fadePricetext = new Fx.Morph('pricetext',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){ 
					$('pricetext').set('text',"Factory Direct Pricing:");
					fadePricetext.start({'opacity':1});
				}});
				fadeInPriceText.start({'opacity':0});
				fadePricetext.start({'opacity':1});
				$('pricetext').set('text',"Factory Direct Pricing:");
				if(currentSize==500){
					sunbrellaPrice='+$150';
					$('sunbrellapricing').set('html',sunbrellaPrice);
					ceilingbracketPrice = 'Ceiling Mount Brackets (+$80)';
					$('ceilingMount').set('html',ceilingbracketPrice);
					roofbracketPrice = 'Roof Mount Adjustable Brackets (+$200)';
					$('roofMount').set('html',roofbracketPrice);
					ceilingmountprice = '(+$80)';
					$('ceilingmountprice').set('html',ceilingmountprice);
					roofmountprice = '(+$200)';
					$('roofmountprice').set('html',roofmountprice);
					$('accessoryQty').set('value','1');
				}
				if(currentSize==501){
					sunbrellaPrice='+$190';
					$('sunbrellapricing').set('html',sunbrellaPrice);
					ceilingbracketPrice = 'Ceiling Mount Brackets (+$160)';
					$('ceilingMount').set('html',ceilingbracketPrice);
					roofbracketPrice = 'Roof Mount Adjustable Brackets (+$400)';
					$('roofMount').set('html',roofbracketPrice);
					ceilingmountprice = '(+$160)';
					$('ceilingmountprice').set('html',ceilingmountprice);
					roofmountprice = '(+$400)';
					$('roofmountprice').set('html',roofmountprice);
					$('accessoryQty').set('value','2');
				}
				if(currentSize==502){
					sunbrellaPrice='+$290';
					$('sunbrellapricing').set('html',sunbrellaPrice);
					ceilingbracketPrice = 'Ceiling Mount Brackets (+$160)';
					$('ceilingMount').set('html',ceilingbracketPrice);
					roofbracketPrice = 'Roof Mount Adjustable Brackets (+$400)';
					$('roofMount').set('html',roofbracketPrice);
					ceilingmountprice = '(+$160)';
					$('ceilingmountprice').set('html',ceilingmountprice);
					roofmountprice = '(+$400)';
					$('roofmountprice').set('html',roofmountprice);
					$('accessoryQty').set('value','2');
				}
				if(currentSize==503){
					sunbrellaPrice='+$360';
					$('sunbrellapricing').set('html',sunbrellaPrice);
					ceilingbracketPrice = 'Ceiling Mount Brackets (+$160)';
					$('ceilingMount').set('html',ceilingbracketPrice);
					roofbracketPrice = 'Roof Mount Adjustable Brackets (+$400)';
					$('roofMount').set('html',roofbracketPrice);
					ceilingmountprice = '(+$160)';
					$('ceilingmountprice').set('html',ceilingmountprice);
					roofmountprice = '(+$400)';
					$('roofmountprice').set('html',roofmountprice);
					$('accessoryQty').set('value','2');
				}
				var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				showmessage.start({'opacity':0});
			}else{
				$('step1btn').set('src','images/nextstep_gray.gif');
				$('checkstep1').set('src','images/error.png');
				var fadeCheck = new Fx.Morph('checkstep1',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				sizeChecked=false;
				checkAddtoCart();
			}
		});*/
		$$('.ultima').addEvent('click', function(){
			myInput = this.getFirst('input');
			$('repimage').set('opacity', 0);$$('.lrgswatch').set('opacity', 1);
			myInput.set('checked');
			currentFabric = "ultima";
			calculatePrice();
			myColorId=this.get('for');
			currentImage = 'images/awnings/ultima/awnings/med/'+myColorId+'-0000.jpg';
			calculatePrice();
			pageTracker._trackPageview('/ra/ultima/color/'+myColorId);
			function loadimagenow(){
				//alert("Image Loaded");
			}
			
				$('step2btn').set('src','images/nextstep.gif');
				$('checkstep2').set('src','images/check.png');
				var fadeCheck = new Fx.Morph('checkstep2',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				showmessage.start({'opacity':0});
			
			if(currentImage!=oldcurrentImage){
				var fadeColorIn = new Fx.Morph('imgloader',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
				var fadeColor = new Fx.Morph('imgloader',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
					$('imgloader').empty();
					
					var newImg = '<img src="images/awnings/ultima/awnings/med/'+myColorId+'-0000.jpg" alt="Retractable Awnings" width="320" height="238">';
					$('imgloader').set('html',newImg);
					fadeColorIn.start({'opacity':1});
					$$('.awningimage').addEvent('click', function(){
						myImg = this.get('href');	
						//$('debug').set('text', myImg);
						function loaditup(){
							if(myImg.search(/(.*)\.(jpg|jpeg|gif|png|bmp|tif|tiff)/gi) != -1){	
							var fadeMoreInfo = new Fx.Morph('bigImgHolder',{duration:800, transition: Fx.Transitions.Expo.easeInOut});
							var fadeCoverUp = new Fx.Morph('coverup',{duration:800, transition: Fx.Transitions.Expo.easeInOut});
								cHeight = window.getScroll().y;
								cWidth = window.getScroll().x;
								
								windowHeight =  window.getScroll().y + 50;
								imageHeight = myImage.get('height');
								imageWidth =  myImage.get('width');
								$('coverup').setStyles({'width':'100%','height':cHeight});
								$('bigImgHolder').setStyles({'top':windowHeight, 'left':((cWidth/2)-(imageWidth/2))});
								$('bigImgHolder').set('html', '<img src="'+myImg+'"><div class="closebtn"></div>');
								fadeMoreInfo.start({'opacity':[0,1]});
								fadeCoverUp.start({'opacity':[0,.8]});
							return false;			
						}
						}
						myImage = new Asset.image(myImg,{ onload: loaditup});
						
					});
				}});
				var fadeswatchIn = new Fx.Morph('swatchcolor',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
				var fadeswatch = new Fx.Morph('swatchcolor',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
					$('swatchcolor').empty();
					var newImg = '<img src="images/awnings/ultima/swatches/lrg/'+myColorId+'-0000.jpg" /><div id="lrgswatch" class="lrgswatch">(Click for Larger Swatch Image)</div>';
					$('swatchcolor').set('html',newImg);
					fadeswatchIn.start({'opacity':1});
				}});
				fadeColor.start({'opacity':0});
				fadeswatch.start({'opacity':0});
				//
				var fadeColorInName = new Fx.Morph('fabricselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
				var fadeColorName = new Fx.Morph('fabricselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
					var newColorName = '<div class=\"alignright\">'+colors[0][myColorId]+'</div><strong>Fabric and Color:</strong><div class=\"clear\"></div>';
					$('fabricselection').set('html',newColorName);
					fadeColorInName.start({'opacity':1});
				}});
				fadeColorName.start({'opacity':0});
				//
				var myImage = new Asset.image('images/awnings/ultima/awnings/med/'+myColorId+'-0000.jpg', {id: 'myImage'+myColorId, onload: loadimagenow});
			}
			oldcurrentImage=currentImage;
			colorChecked=true;
			checkAddtoCart();
		});
		
		$$('.operation').addEvent('change', function(){
			//myInput = this.getFirst('input');
			//myInput.set('checked');
			theId = this.get('value');
			//var shippingPromo = new Fx.Morph('shippingpromo',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
			//var fadeInShipping = new Fx.Morph('shippingamount',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
			//var fadeShipping = new Fx.Morph('shippingamount',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				//$('shippingamount').set('text',shippingtotal);
				//fadeInShipping.start({'opacity':1});
			//}});
			if(theId == "yr"||theId == "yl"){
				currentOperation = "motor";
				//shippingPromo.start({'opacity':0,'height':0});
				if(theId == "yl"){
					currentmotortext = "<div class=\"operationright\">Left Hand Motorized - remote - wall switch - manual override</div>";
				}
				if(theId == "yr"){
					currentmotortext = "<div class=\"operationright\">Right Hand Motorized - remote - wall switch - manual override</div>";
				}
				//shippingtotal = 'FREE Shipping';
				//fadeShipping.start({'opacity':0});
			}else{
				currentOperation = "no";
				//shippingPromo.start({'opacity':1,'height':15});
				if(theId == "no"){
					currentmotortext = "<div class=\"operationright\">Left Hand Manual Crank (standard)</div>";
				}
				//shippingtotal = 'FREE Shipping';
				//fadeShipping.start({'opacity':0});
			}
			var operationIn = new Fx.Morph('operation',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
			var operation = new Fx.Morph('operation',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				$('operation').set('html',currentmotortext+"<strong>Operation:</strong><div class=\"clear\"></div>");
				operationIn.start({'opacity':1});
			}});
			if(currentmotortext!=oldcurrentmotortext){
				operation.start({'opacity':0});
			}
			oldcurrentmotortext=currentmotortext;
			if(theId!=0){
				$('step4btn').set('src','images/nextstep.gif');
				$('checkstep4').set('src','images/check.png');
				var fadeCheck = new Fx.Morph('checkstep4',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				calculatePrice();
				operationChecked=true;
				checkAddtoCart();
				/*finishedText = "<h4>Congratulations, you're done!</h4>";
				finishedText += "Please review your retractable awning selections. <br /><br />Click Add to Cart to complete your purchase.";
				if(warningshown==true){
					var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
						$('warningmessage').empty();
						var showdonemessage = new Fx.Morph('congrats',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						showdonemessage.start({'opacity':1});
						var increaseAddHeight = new Fx.Morph('addtocartnw',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						increaseAddHeight.start({'height':205});
					}});
					showmessage.start({'opacity':0});
				}else{																														  
					var showdonemessage = new Fx.Morph('congrats',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
					showdonemessage.start({'opacity':1});
					var increaseAddHeight = new Fx.Morph('addtocartnw',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
					increaseAddHeight.start({'height':205});
				}*/
			}else{
				
				$('checkstep4').set('src','images/error.png');
				var fadeCheck = new Fx.Morph('checkstep4',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				operationChecked=false;
				checkAddtoCart();
			}
		});
		$$('.brackets').addEvent('change', function(){
			//myInput = this.getFirst('input');
			//myInput.set('checked');
			theId = this.get('value');
			//var shippingPromo = new Fx.Morph('shippingpromo',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
			//var fadeInShipping = new Fx.Morph('shippingamount',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
			//var fadeShipping = new Fx.Morph('shippingamount',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				//$('shippingamount').set('text',shippingtotal);
				//fadeInShipping.start({'opacity':1});
			//}});
			if(theId == "505"||theId == "506"){
				
				//shippingPromo.start({'opacity':0,'height':0});
				if(theId == "505"){
					currentAccessory = "505";
					currentbrackettext = "<div class=\"alignright\">Ceiling Mount Brackets</div>";
				}
				if(theId == "506"){
					currentAccessory = "506";
					currentbrackettext = "<div class=\"alignright\">Roof Mount Adjustable Brackets</div>";
				}
				//shippingtotal = 'FREE Shipping';
				//fadeShipping.start({'opacity':0});
			}else{
				currentAccessory = "no";
				//shippingPromo.start({'opacity':1,'height':15});
				if(theId == "no"){
					currentbrackettext = "<div class=\"alignright\">Wall Mount Brackets (standard)</div>";
				}
				//shippingtotal = 'FREE Shipping';
				//fadeShipping.start({'opacity':0});
			}
			var bracketmountsIn = new Fx.Morph('bracketmounts',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
			var brackets = new Fx.Morph('bracketmounts',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				$('bracketmounts').set('html',currentbrackettext+"<strong>Mounting Hardware:</strong><div class=\"clear\"></div>");
				bracketmountsIn.start({'opacity':1});
			}});
			if(currentbrackettext!=oldcurrentbrackettext){
				brackets.start({'opacity':0});
			}
			oldcurrentbrackettext=currentbrackettext;
			if(theId!=0){
				$('checkstep5').set('src','images/check.png');
				var fadeCheck = new Fx.Morph('checkstep5',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				calculatePrice();
				bracketsChecked=true;
				checkAddtoCart();
				finishedText = "<h4>Congratulations, you're done!</h4>";
				finishedText += "Please review your retractable awning selections. <br /><br />Click Add to Cart to complete your purchase.";
				if(warningshown==true){
					var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
						$('warningmessage').empty();
						var showdonemessage = new Fx.Morph('congrats',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						showdonemessage.start({'opacity':1});
						var increaseAddHeight = new Fx.Morph('addtocartnw',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						increaseAddHeight.start({'height':205});
					}});
					showmessage.start({'opacity':0});
				}else{																														  
					var showdonemessage = new Fx.Morph('congrats',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
					showdonemessage.start({'opacity':1});
					var increaseAddHeight = new Fx.Morph('addtocartnw',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
					increaseAddHeight.start({'height':205});
				}
				
			}else{
				
				$('checkstep5').set('src','images/error.png');
				var fadeCheck = new Fx.Morph('checkstep5',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				bracketsChecked=false;
				checkAddtoCart();
			}
		});
		$$('.valence').addEvent('click', function(){
			myInput = this.getFirst('input');
			myInput.set('checked');
			theId = this.id;
			currentValence =theId;
			var valenceselectionIn = new Fx.Morph('valenceselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
			var valenceselection = new Fx.Morph('valenceselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				$('valenceselection').set('html',"<span class=\"alignright\">"+theId+"</span><strong>Valance Style:</strong> ");
				valenceselectionIn.start({'opacity':1});
			}});
			if(currentValence!=oldValence){
				valenceselection.start({'opacity':0});
			}
			//$('step4btn').set('src','images/nextstep.gif');
			$('checkstep4').set('src','images/check.png');
			if(theId=='Eastern'){
				$('valancechoiceimg').set('src','/images/awnings/valence_styles/eastern.jpg');
			}
			if(theId=='Western'){
				$('valancechoiceimg').set('src','/images/awnings/valence_styles/western.jpg');
			}
			if(theId=='Mountain'){
				$('valancechoiceimg').set('src','/images/awnings/valence_styles/mountain.jpg');
			}
			if(theId=='Straight Bound'){
				$('valancechoiceimg').set('src','/images/awnings/valence_styles/straight_bound.jpg');
			}
			if(theId=='High wave'){
				$('valancechoiceimg').set('src','images/awnings/valence_styles/high_wave.jpg');
			}
			if(theId=='Low Wave'){
				$('valancechoiceimg').set('src','images/awnings/valence_styles/low_wave.jpg');
			}
			var fadeValanceSelected = new Fx.Morph('valancechoice',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			fadeValanceSelected.start({'opacity':1});
			var fadeCheck = new Fx.Morph('checkstep4',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			fadeCheck.start({'opacity':1});
			oldValence=currentValence;
			valanceChecked=true;
			checkAddtoCart();
			finishedText = "<h4>Congratulations, you're done!</h4>";
				finishedText += "Please review your retractable awning selections. <br /><br />Click Add to Cart to complete your purchase.";
				if(warningshown==true){
					var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
						$('warningmessage').empty();
						var showdonemessage = new Fx.Morph('congrats',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						showdonemessage.start({'opacity':1});
						var increaseAddHeight = new Fx.Morph('addtocartnw',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						increaseAddHeight.start({'height':205});
					}});
					showmessage.start({'opacity':0});
				}else{																														  
					var showdonemessage = new Fx.Morph('congrats',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
					showdonemessage.start({'opacity':1});
					var increaseAddHeight = new Fx.Morph('addtocartnw',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
					increaseAddHeight.start({'height':205});
				}
			
		});
		/*$('sunbrellafabricBtn').addEvent('click', function(){
		 //var ultimaShrink = new Fx.Morph('ultimawrapper',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
		 var shrinkSunbrella = new Fx.Morph('sunbrellawrapper',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
		 var showSunbrellaSmall = new Fx.Morph('sunbrellasmall',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
		 var showUltimaSmall = new Fx.Morph('ultimasmall',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
		 var sunbrellaHeight = $('sunbrellafabricBtn').getCoordinates().height;
		// var ultimaHeight = $('ultimafabricBtn').getCoordinates().height;
		 var sunbrellaContHeight = $('sunbrellabox').getCoordinates().height;
		 var step2contenttop = $('step2contenttop').getCoordinates().height;
		 var step2nextbtn = $('step2nextbtn').getCoordinates().height;
		 var getnumeight = $("sidebox"+currentSunbrellaSelected+"").getCoordinates().height+25;
		 var  sunbrellaHeightTotal = Number(sunbrellaHeight+getnumeight+step2contenttop+step2nextbtn);
			if(sunbrellaisopen==false){
				//ultimaShrink.start({'height':0});
				shrinkSunbrella.start({'height':getnumeight+sunbrellaHeight+step2nextbtn});
				//showUltimaSmall.start({'height':25,'opacity':1,'margin-top':'10px','margin-bottom':'10px'});
				showSunbrellaSmall.start({'height':0,'margin-top':'0','margin-bottom':'0'});
				var setotherOpacity = new Fx.Morph('sunbrellafabricBtn',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				setotherOpacity.start({'opacity':1,'background-color':'#E1E1E1'});
				$('seesubrellabtn').set('src','images/seecolorsbelow2.gif');
				//$('seeultimabtn').set('src','images/seeultimacolors.gif');
				var tabboxholder = new Fx.Morph('sunbrellacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				tabboxholder.start({'height':sunbrellaContHeight});
				//var tabboxholder = new Fx.Morph('ultimacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				tabboxholder.start({'height':0});
				var resizeStep2 = new Fx.Morph('step2',{duration:175, transition: Fx.Transitions.Expo.easeInOut});
				resizeStep2.start({'height':sunbrellaHeightTotal+85});		
				sunbrellaisopen = true;
				//ultimaopen = false;
				//var setotherOpacity = new Fx.Morph('ultimafabricBtn',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				setotherOpacity.start({'opacity':.8,'background-color':'#FFFFFF'});
			}else{
				//showUltimaSmall.start({'height':0,'opacity':0,'margin-top':'0','margin-bottom':'0'});
				showSunbrellaSmall.start({'height':0,'margin-top':'0','margin-bottom':'0'});
				//ultimaShrink.start({'height':ultimaHeight});
				shrinkSunbrella.start({'height':sunbrellaHeight+8});
				$('seesubrellabtn').set('src','images/seesunbrellacolors.gif');
				var tabboxholder = new Fx.Morph('sunbrellacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				tabboxholder.start({'height':0});
				var resizeStep2 = new Fx.Morph('step2',{duration:175, transition: Fx.Transitions.Expo.easeInOut});
				resizeStep2.start({'height':(sunbrellaHeight+ultimaHeight+step2nextbtn+step2contenttop)});		
				sunbrellaisopen = false;
				//var setotherOpacity = new Fx.Morph('ultimafabricBtn',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				setotherOpacity.start({'opacity':1,'background-color':'#FFFFFF'});
			}
		});*/
		/*$('ultimafabricBtn').addEvent('click', function(){
			var ultimaShrink = new Fx.Morph('ultimawrapper',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
			var shrinkSunbrella = new Fx.Morph('sunbrellawrapper',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
			var showSunbrellaSmall = new Fx.Morph('sunbrellasmall',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
			var showUltimaSmall = new Fx.Morph('ultimasmall',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
			var sunbrellaHeight 		= 	$('sunbrellafabricBtn').getCoordinates().height;
			var ultimaHeight 			= 	$('ultimafabricBtn').getCoordinates().height;
			var colorsUltimaHeight 		= 	$('ultimabox').getCoordinates().height;
			var step2contenttop 		= 	$('step2contenttop').getCoordinates().height;
			var step2nextbtn 			= 	$('step2nextbtn').getCoordinates().height;
			
			var ultimaHeightTotal = Number(ultimaHeight+colorsUltimaHeight+step2contenttop+step2nextbtn);
			var newResizeheight = Number(ultimaHeight + colorsUltimaHeight);
			var newStepHeight = Number(ultimaHeightTotal+60);
			var newSunbrellaResize = Number(sunbrellaHeight+8);
		  
			if(ultimaopen==false){
				shrinkSunbrella.start({'height':0});
				ultimaShrink.start({'height':newResizeheight});
				showSunbrellaSmall.start({'height':25,'opacity':1,'margin-top':'5px','margin-bottom':'20px'});
				showUltimaSmall.start({'height':0,'margin-top':'0','margin-bottom':'0'});
				var setotherOpacity = new Fx.Morph('ultimafabricBtn',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				setotherOpacity.start({'opacity':1,'background-color':'#E1E1E1'});
				$('seeultimabtn').set('src','images/seecolorsbelow.gif');
				$('seesubrellabtn').set('src','images/seesunbrellacolors.gif');
				var tabboxholder = new Fx.Morph('sunbrellacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				tabboxholder.start({'height':0});
				var tabboxholder = new Fx.Morph('ultimacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				tabboxholder.start({'height':colorsUltimaHeight});
				var resizeStep2 = new Fx.Morph('step2',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				
				resizeStep2.start({'height':newStepHeight});		
				ultimaopen = true;
				sunbrellaisopen = false;
				var setotherOpacity = new Fx.Morph('sunbrellafabricBtn',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				setotherOpacity.start({'opacity':.8,'background-color':'#FFFFFF'});
			}else{
				showSunbrellaSmall.start({'height':0,'opacity':0,'margin-top':'0','margin-bottom':'0'});
				showUltimaSmall.start({'height':0,'margin-top':'0','margin-bottom':'0'});
				shrinkSunbrella.start({'height':newSunbrellaResize});
				ultimaShrink.start({'height':ultimaHeight});
				$('seeultimabtn').set('src','images/seeultimacolors.gif');
				var tabboxholder = new Fx.Morph('ultimacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				tabboxholder.start({'height':0});
				var resizeStep2 = new Fx.Morph('step2',{duration:175, transition: Fx.Transitions.Expo.easeInOut});

				resizeStep2.start({'height':(sunbrellaHeight+ultimaHeight+step2nextbtn+step2contenttop)});		
				ultimaopen = false;
				var setotherOpacity = new Fx.Morph('sunbrellafabricBtn',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				setotherOpacity.start({'opacity':1,'background-color':'#FFFFFF'});
			}
		});*/
		/*$$('#ultimasmall','#sunbrellasmall').addEvent('click', function(){
			  var ultimaShrink = new Fx.Morph('ultimawrapper',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
			  var shrinkSunbrella = new Fx.Morph('sunbrellawrapper',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
			  var showSunbrellaSmall = new Fx.Morph('sunbrellasmall',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
			  var showUltimaSmall = new Fx.Morph('ultimasmall',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
			 
			  var sunbrellaHeight = $('sunbrellafabricBtn').getCoordinates().height;
		  	  var ultimaHeight = $('ultimafabricBtn').getCoordinates().height;
		 	  var colorsUltimaHeight = $('ultimabox').getCoordinates().height;
		 	  var step2contenttop = $('step2contenttop').getCoordinates().height;
		 	  var step2nextbtn = $('step2nextbtn').getCoordinates().height;
			  var sunbrellaContHeight = $('sunbrellabox').getCoordinates().height;
			  var getnumheight = $("sidebox"+currentid+"").getCoordinates().height+25;
		  	  
		  	  var sunbrellaHeightTotal = Number(sunbrellaHeight+sunbrellaContHeight+step2contenttop+step2nextbtn);
		 	  var ultimaHeightTotal = Number(ultimaHeight+colorsUltimaHeight+step2contenttop+step2nextbtn);
			if(sunbrellaisopen==true){
				shrinkSunbrella.start({'height':0});
				ultimaShrink.start({'height':ultimaHeight + colorsUltimaHeight});
				showSunbrellaSmall.start({'height':25,'opacity':1,'margin-top':'5px','margin-bottom':'20px'});
				showUltimaSmall.start({'height':0,'opacity':0,'margin-top':'0','margin-bottom':'0'});
				var setotherOpacity = new Fx.Morph('ultimafabricBtn',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				setotherOpacity.start({'opacity':1,'background-color':'#E1E1E1'});
				$('seeultimabtn').set('src','images/seecolorsbelow.gif');
				$('seesubrellabtn').set('src','images/seesunbrellacolors.gif');
				var tabboxholder = new Fx.Morph('sunbrellacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				tabboxholder.start({'height':0});
				var tabboxholder = new Fx.Morph('ultimacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				tabboxholder.start({'height':colorsUltimaHeight});
				var resizeStep2 = new Fx.Morph('step2',{duration:175, transition: Fx.Transitions.Expo.easeInOut});
				resizeStep2.start({'height':(ultimaHeightTotal+60)});		
				ultimaopen = true;
				sunbrellaisopen = false;
				var setotherOpacity = new Fx.Morph('sunbrellafabricBtn',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				setotherOpacity.start({'opacity':.8,'background-color':'#FFFFFF'});
			}else if(ultimaopen==true){
				ultimaShrink.start({'height':0});
				shrinkSunbrella.start({'height':getnumheight+sunbrellaHeight+step2nextbtn});
				showUltimaSmall.start({'height':25,'opacity':1,'margin-top':'10px','margin-bottom':'10px'});
				showSunbrellaSmall.start({'height':0,'opacity':0,'margin-top':'0','margin-bottom':'0'});
				var setotherOpacity = new Fx.Morph('sunbrellafabricBtn',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				setotherOpacity.start({'opacity':1,'background-color':'#E1E1E1'});
				$('seesubrellabtn').set('src','images/seecolorsbelow2.gif');
				$('seeultimabtn').set('src','images/seeultimacolors.gif');
				var tabboxholder = new Fx.Morph('sunbrellacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				tabboxholder.start({'height':sunbrellaContHeight});
				var tabboxholder = new Fx.Morph('ultimacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				tabboxholder.start({'height':0});
				var resizeStep2 = new Fx.Morph('step2',{duration:175, transition: Fx.Transitions.Expo.easeInOut});
				resizeStep2.start({'height':(sunbrellaHeightTotal+85)-(sunbrellaContHeight-getnumheight)});		
				sunbrellaisopen = true;
				ultimaopen = false;
				var setotherOpacity = new Fx.Morph('ultimafabricBtn',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				setotherOpacity.start({'opacity':.8,'background-color':'#FFFFFF'});
			}
		});*/
		$$('.tabset2 a').addEvent('click', function(){
			myLi = this.getParent('li');
			if(myCurrentLi2 == undefined){
				myCurrentLi2 = myLi.getPrevious('li.current');
			}
			myCurrentLi2.removeClass('current');
			myLi.addClass('current');
			myCurrentLi2 = myLi;
			myTabId = this.get('rel');
			myTabHeight = $(myTabId).getCoordinates().height+2;
			
			myParent = $(myTabId).getParent('div');
			if(myCurrentTab2 == undefined){
				myCurrentTab2 = myParent.getFirst('div');
			}
			
			var resizeTabBox = new Fx.Morph(myParent,{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			resizeTabBox.start({'height':myTabHeight});
			var fadeInNewTab = new Fx.Morph(myTabId,{duration:200, transition: Fx.Transitions.Expo.easeInOut});
			var fadeCurrentTab = new Fx.Morph(myCurrentTab2,{duration:200, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				fadeInNewTab.start({'opacity':1});
				myCurrentTab2 = myTabId;
			}});
			fadeCurrentTab.start({'opacity':0});
			pageTracker._trackPageview('/ra/color/tabs/'+myTabId);
			return false;
		});
		$$('.moreinfobtn').addEvent('click', function(){
			
			myRelId = this.get('rel');		
			var fadeMoreInfo = new Fx.Morph(myRelId,{duration:800, transition: Fx.Transitions.Expo.easeInOut});
			var fadeCoverUp = new Fx.Morph('coverup',{duration:800, transition: Fx.Transitions.Expo.easeInOut});
			cHeight = $(window).getScrollSize().y;
			cWidth = $(window).getScrollSize().x;
			windowHeight =  window.getScroll().y + 50;
			infoHeight = $(myRelId).getCoordinates().height;
			infoWidth = $(myRelId).getCoordinates().width;
			$('coverup').setStyles({'width':'100%','height':cHeight, 'top':0, 'left':0});
			$(myRelId).setStyles({'top':50, 'left':((cWidth/2)-(infoWidth/2))});
			fadeMoreInfo.start({'opacity':[0,1]});
			fadeCoverUp.start({'opacity':[0,.8]});
			myFx = new Fx.Scroll(window).toTop();	
			pageTracker._trackPageview('/ra/moreinfo/'+myRelId);
			return false;
		});
		$$('.moreinfo').addEvent('click', function(){
			myRelId = this.id;		
			var fadeMoreInfo = new Fx.Morph(myRelId,{duration:100, transition: Fx.Transitions.Expo.easeInOut});
			var fadeCoverUp = new Fx.Morph('coverup',{duration:100, transition: Fx.Transitions.Expo.easeInOut});
			fadeCoverUp.start({'opacity':0});
			fadeMoreInfo.start({'opacity':0});
			return false;
		});
		$$('.rightnavbtn').addEvent('click', function(){
			var moveSwatch = new Fx.Morph('swatchboxholder',{duration:350, transition: Fx.Transitions.Expo.easeInOut});
				if(currentSwatchPos<=3133){
					if(currentid<12){
						$(""+currentid+"").removeClass('current');
						currentid += 1;
						$(""+currentid+"").addClass('current');
					}
					moveSwatch.start({'left':-(currentSwatchPos+285)});
					currentSwatchPos+=285;
				}			
		});
		$$('.num').addEvent('click', function(){
			myId = this.id;
			currentSunbrellaSelected = myId
			if(myId!="minimize"){
				var moveSwatch = new Fx.Morph('swatchboxholder',{duration:350, transition: Fx.Transitions.Expo.easeInOut});
				currentSwatchPos=((285*Number(myId))-285);
				$(""+currentid+"").removeClass('current');
				currentid = myId;
				$(""+currentid+"").addClass('current');
				moveSwatch.start({'left':-(currentSwatchPos)});
				getnumeight = $("sidebox"+currentid+"").getCoordinates().height+25;
				var shrinkSunbrella = new Fx.Morph('sunbrellawrapper',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
				var resizeStep2 = new Fx.Morph('step2',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
					
				var sunbrellaHeight = $('sunbrellafabricBtn').getCoordinates().height;
				//var ultimaHeight = $('ultimafabricBtn').getCoordinates().height;
				//var colorsUltimaHeight = $('ultimabox').getCoordinates().height;
				var step2contenttop = $('step2contenttop').getCoordinates().height;
				var step2nextbtn = $('step2nextbtn').getCoordinates().height;
				var sunbrellaContHeight = $('sunbrellabox').getCoordinates().height;
			 	var sunbrellaHeightTotal = Number(sunbrellaHeight+sunbrellaContHeight+step2contenttop+step2nextbtn);
				shrinkSunbrella.start({'height':getnumeight+sunbrellaHeight+step2nextbtn});
				resizeStep2.start({'height':(sunbrellaHeightTotal+85)-(sunbrellaContHeight-getnumeight)});
			}
		});
		$$('.leftnavbtn').addEvent('click', function(){
			var moveSwatch = new Fx.Morph('swatchboxholder',{duration:350, transition: Fx.Transitions.Expo.easeInOut});
				if(currentSwatchPos>=285){
					$(""+currentid+"").removeClass('current');
					currentid -= 1;
					$(""+currentid+"").addClass('current');
					moveSwatch.start({'left':-(currentSwatchPos-285)});
					currentSwatchPos-=285;
				}
		});
		$$('.step1').addEvent('click', function(){
			var resizeStep1 = new Fx.Morph('step1',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			if(currentType==true){
				if(step1=="open"){
					resizeStep1.start({'height':0});
					step1='closes';
					$('edit1').setStyles({'opacity':1});
				}else{
					stepheight = $('step1content').getCoordinates().height;
					resizeStep1.start({'height':stepheight+8});
					step1='open';
					$('edit1').setStyles({'opacity':0});
				}
			}
		});
		$$('.step2').addEvent('click', function(){
			var resizeStep2 = new Fx.Morph('step2',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			if(colorChecked==true){
				if(step2=="open"){
					resizeStep2.start({'height':0});
					step2='closes';
					$('edit2').setStyles({'opacity':1});
					  var ultimaShrink = new Fx.Morph('ultimawrapper',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
					  var shrinkSunbrella = new Fx.Morph('sunbrellawrapper',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
					  var showSunbrellaSmall = new Fx.Morph('sunbrellasmall',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
					  var showUltimaSmall = new Fx.Morph('ultimasmall',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
					  sunbrellaHeight = $('sunbrellafabricBtn').getCoordinates().height;
					  ultimaHeight = $('ultimafabricBtn').getCoordinates().height; 
					if(sunbrellaisopen==true){
						showUltimaSmall.start({'height':0,'opacity':0,'margin-top':'0','margin-bottom':'0'});
						showSunbrellaSmall.start({'height':0,'opacity':0,'margin-top':'0','margin-bottom':'0'});
						ultimaShrink.start({'height':ultimaHeight});
						shrinkSunbrella.start({'height':sunbrellaHeight+8});
						$('seesubrellabtn').set('src','images/seesunbrellacolors.gif');
						var tabboxholder = new Fx.Morph('sunbrellacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
						tabboxholder.start({'height':0});
						sunbrellaisopen = false;
					}else if(ultimaopen==true){
						showUltimaSmall.start({'height':0,'opacity':0,'margin-top':'0','margin-bottom':'0'});
						showSunbrellaSmall.start({'height':0,'opacity':0,'margin-top':'0','margin-bottom':'0'});
						shrinkSunbrella.start({'height':sunbrellaHeight+8});
						ultimaShrink.start({'height':ultimaHeight});
						$('seeultimabtn').set('src','images/seeultimacolors.gif');
						var tabboxholder = new Fx.Morph('ultimacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
						tabboxholder.start({'height':0});
						ultimaopen = false;
						var setotherOpacity = new Fx.Morph('sunbrellafabricBtn',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
						setotherOpacity.start({'opacity':1,'background-color':'#FFFFFF'});
					}
				}else{
					stepheight = $('step2content').getCoordinates().height;
					resizeStep2.start({'height':stepheight+8});
					step2='open';
					$('edit2').setStyles({'opacity':0});
				}
			}
		});
		$$('.step3').addEvent('click', function(){
			var resizeStep3 = new Fx.Morph('step3',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			if(valanceChecked==true){
				if(step3=="open"){
					resizeStep3.start({'height':0});
					step3='closes';
					$('edit3').setStyles({'opacity':1});
				}else{
					stepheight = $('step3content').getCoordinates().height;
					resizeStep3.start({'height':stepheight+8});
					step3='open';
					$('edit3').setStyles({'opacity':0});
				}
			}
		});
		$$('.step4').addEvent('click', function(){
			var resizeStep4 = new Fx.Morph('step4',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			if(valanceChecked==true){
				if(step4=="open"){
					resizeStep4.start({'height':0});
					step4='closes';
					$('edit4').setStyles({'opacity':1});
				}else{
					stepheight = $('step4content').getCoordinates().height;
					resizeStep4.start({'height':stepheight+8});
					step4='open';
					$('edit4').setStyles({'opacity':0});
				}
			}
		});
		$$('#back2btn').addEvent('click', function(){
			var resizeStep1 = new Fx.Morph('step1',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep2 = new Fx.Morph('step2',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep3 = new Fx.Morph('step3',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep4 = new Fx.Morph('step4',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep5 = new Fx.Morph('step5',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			
				stepheight = $('step1content').getCoordinates().height;
				resizeStep1.start({'height':stepheight});
				resizeStep2.start({'height':0});
				resizeStep3.start({'height':0});
				resizeStep4.start({'height':0});
				step1="open"
				step2="closed"
				step3="closed"
				step4="closed"
				step5="closed"
				$('edit1').setStyles({'opacity':0});
				$('edit2').setStyles({'opacity':1});
				$('edit3').setStyles({'opacity':1});
				$('edit4').setStyles({'opacity':1});
				$$('.step1').setStyles({'background-color':'#CC0000','color':'#FFF'});
				$$('.step1 h4','.step1 h4 strong').setStyles({'color':'#FFF'});
				$$('.step2 h4').setStyles({'color':'#000'});$$('.step2 h4 strong').setStyles({'color':'#CC0000'});
				$$('.step3 h4').setStyles({'color':'#999'});$$('.step3 h4 strong').setStyles({'color':'#999'});
				$$('.step4 h4').setStyles({'color':'#999'});$$('.step4 h4 strong').setStyles({'color':'#999'});
				$$('.step2').setStyles({'background-color':'#FFF','color':'#000'});
				$$('.step3').setStyles({'background-color':'#FFF','color':'#000'});
				$$('.step4').setStyles({'background-color':'#FFF','color':'#000'});
			
		});
		
		$$('#step1btn', '#back3btn').addEvent('click', function(){
			var resizeStep1 = new Fx.Morph('step1',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep2 = new Fx.Morph('step2',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep3 = new Fx.Morph('step3',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep4 = new Fx.Morph('step4',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep5 = new Fx.Morph('step5',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var showStep2 = new Fx.Morph('step2content',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			showStep2.start({'opacity': 1});
				stepheight = $('step2content').getCoordinates().height;
				
				if(this.id == 'step1btn' && typeChecked==true){
					
					resizeStep1.start({'height':0});
					resizeStep2.start({'height':stepheight});
					resizeStep3.start({'height':0});
					resizeStep4.start({'height':0});
					step1="closed"
					step2="open"
					step3="closed"
					step4="closed"
					step5="closed"
					$('edit1').setStyles({'opacity':1});
					$('edit2').setStyles({'opacity':0});
					if(colorChecked==true){
						$('edit3').setStyles({'opacity':1});
					}
					if(valanceChecked==true){
						$('edit4').setStyles({'opacity':1});
					}
					$$('.step2').setStyles({'background-color':'#CC0000','color':'#FFF'});
					$$('.step2 h4','.step2 h4 strong').setStyles({'color':'#FFF'});
					$$('.step1 h4').setStyles({'color':'#000'});$$('.step1 h4 strong').setStyles({'color':'#CC0000'});
					$$('.step3 h4').setStyles({'color':'#999'});$$('.step3 h4 strong').setStyles({'color':'#999'});
					$$('.step4 h4').setStyles({'color':'#999'});$$('.step4 h4 strong').setStyles({'color':'#999'});
					$$('.step1').setStyles({'background-color':'#FFF'});
					$$('.step3').setStyles({'background-color':'#FFF'});
					$$('.step4').setStyles({'background-color':'#FFF'});
				}else if(this.id == 'step1btn' && typeChecked==false){
					step1="open"
					step2="closed"
					step3="closed"
					step4="closed"
					step5="closed"
					var warningmessage = '<strong>Please Select an Awning Size</strong>';
					$('checkstep1').set('src','images/exclamation.png');
					var fadeCheck = new Fx.Morph('checkstep1',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
					fadeCheck.start({'opacity':1});
					warningshown = true;
					if(warningshown==true){
						$('warningmessage').set('html',warningmessage);
						var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						showmessage.start({'opacity':1});
					}else{
						warningshown = false;
						$('warningmessage').empty();
						var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						showmessage.start({'opacity':0});
					}
				}
				if(this.id == 'back3btn'){
					resizeStep1.start({'height':0});
					resizeStep2.start({'height':stepheight});
					resizeStep3.start({'height':0});
					resizeStep4.start({'height':0});
					step1="closed"
					step2="open"
					step3="closed"
					step4="closed"
					step5="closed"
					$('edit1').setStyles({'opacity':1});
					$('edit2').setStyles({'opacity':0});
					if(colorChecked==true){
						$('edit3').setStyles({'opacity':1});
					}
					if(valanceChecked==true){
						$('edit4').setStyles({'opacity':1});
					}
					$$('.step2').setStyles({'background-color':'#CC0000','color':'#FFF'});
					$$('.step2 h4','.step2 h4 strong').setStyles({'color':'#FFF'});
					$$('.step3 h4').setStyles({'color':'#000'});$$('.step3 h4 strong').setStyles({'color':'#CC0000'});
					$$('.step1').setStyles({'background-color':'#FFF'});
					$$('.step3').setStyles({'background-color':'#FFF'});
					$$('.step4').setStyles({'background-color':'#FFF'});
				}
				
				
			
		});
		$$('#widthfeet', '#widthinches').addEvent('change', function(){
			var widthfeet = $('widthfeet').get('value');
			var widthinches = $('widthinches').get('value');
			if(widthfeet!="--"){
				if(widthinches=="--"){
					widthinches=0;
				}
				widthOkay=true
				calculatePrice();
				checkAddtoCart();
				var fadewidthIn = new Fx.Morph('widthselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
				var fadeWidthName = new Fx.Morph('widthselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				var newWidthName = '<span class="alignright">'+widthfeet+' ft. '+widthinches+' in.</span><strong>Awning Width:</strong><div class="clear"></div>';
					$('widthselection').set('html',newWidthName);
					fadewidthIn.start({'opacity':1});
				}});
				fadeWidthName.start({'opacity':0});
			}else{
				widthOkay=false;
			}
		});
		$$('#heightfeet', '#heightinches').addEvent('change', function(){
			var heightfeet = $('heightfeet').get('value');
			var heightinches = $('heightinches').get('value');
			if(heightfeet!="--"){
				if(heightinches=="--"){
					heightinches=0;
				}
				heightOkay=true
				calculatePrice();
				checkAddtoCart();
				var fadeheightIn = new Fx.Morph('heightselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
				var fadeheightName = new Fx.Morph('heightselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				var newheightName = '<span class="alignright">'+heightfeet+' ft. '+heightinches+' in.</span><strong>Awning Height:</strong><div class="clear"></div>';
					$('heightselection').set('html',newheightName);
					fadeheightIn.start({'opacity':1});
				}});
				fadeheightName.start({'opacity':0});
			}else{
				heightOkay=false;
			}
		});
		$$('#projectionfeet', '#projectioninches').addEvent('change', function(){
			var projectionfeet = $('projectionfeet').get('value');
			var projectioninches = $('projectioninches').get('value');
			if(projectionfeet!="--"){
				if(projectioninches=="--"){
					projectioninches=0;
				}
				//alert(projectionfeet);
				projectionOkay=true
				calculatePrice();
				checkAddtoCart();
				var fadeProjectionIn = new Fx.Morph('projectionselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
				var fadeProjectionName = new Fx.Morph('projectionselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
				var newProjectionName = '<span class="alignright">'+projectionfeet+' ft. '+projectioninches+' in.</span><strong>Awning Projection:</strong><div class="clear"></div>';
					$('projectionselection').set('html',newProjectionName);
					fadeProjectionIn.start({'opacity':1});
				}});
				fadeProjectionName.start({'opacity':0});
			}else{
				projectionOkay=false;
			}
			if(widthOkay==true && heightOkay==true && projectionOkay==true){
				$('step3btn').set('src','images/nextstep.gif');
				$('checkstep3').set('src','images/check.png');
				var fadeCheck = new Fx.Morph('checkstep3',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
			}else{
				$('step3btn').set('src','images/nextstep_gray.gif');
				$('checkstep3').set('src','images/error.png');
				var fadeCheck = new Fx.Morph('checkstep3',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
			}
		});
		$$('#step2btn', '#back4btn').addEvent('click', function(){
			var resizeStep1 = new Fx.Morph('step1',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep2 = new Fx.Morph('step2',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep3 = new Fx.Morph('step3',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep4 = new Fx.Morph('step4',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var set2content = new Fx.Morph('step2content',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			//var resizeStep5 = new Fx.Morph('step5',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				
				stepheight = $('step3content').getCoordinates().height;
				
				if(this.id == 'step2btn' && colorChecked == true){
					/*  var ultimaShrink = new Fx.Morph('ultimawrapper',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
					  var shrinkSunbrella = new Fx.Morph('sunbrellawrapper',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
					  var showSunbrellaSmall = new Fx.Morph('sunbrellasmall',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
					  var showUltimaSmall = new Fx.Morph('ultimasmall',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
					  sunbrellaHeight = $('sunbrellafabricBtn').getCoordinates().height;
					  ultimaHeight = $('ultimafabricBtn').getCoordinates().height; 
					if(sunbrellaisopen==true){
						showUltimaSmall.start({'height':0,'opacity':0,'margin-top':'0','margin-bottom':'0'});
						showSunbrellaSmall.start({'height':0,'opacity':0,'margin-top':'0','margin-bottom':'0'});
						ultimaShrink.start({'height':ultimaHeight});
						shrinkSunbrella.start({'height':sunbrellaHeight+8});
						$('seesubrellabtn').set('src','images/seesunbrellacolors.gif');
						var tabboxholder = new Fx.Morph('sunbrellacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
						tabboxholder.start({'height':0});
						sunbrellaisopen = false;
					}else if(ultimaopen==true){
						showUltimaSmall.start({'height':0,'opacity':0,'margin-top':'0','margin-bottom':'0'});
						showSunbrellaSmall.start({'height':0,'opacity':0,'margin-top':'0','margin-bottom':'0'});
						shrinkSunbrella.start({'height':sunbrellaHeight+8});
						ultimaShrink.start({'height':ultimaHeight});
						$('seeultimabtn').set('src','images/seeultimacolors.gif');
						var tabboxholder = new Fx.Morph('ultimacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
						tabboxholder.start({'height':0});
						ultimaopen = false;
						var setotherOpacity = new Fx.Morph('sunbrellafabricBtn',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
						setotherOpacity.start({'opacity':1,'background-color':'#FFFFFF'});
					}*/
					/**/
					resizeStep1.start({'height':0});
					resizeStep2.start({'height':0});
					resizeStep3.start({'height':stepheight});
					resizeStep4.start({'height':0});
					set2content.start({'opacity':0});
					//resizeStep5.start({'height':0});
					step1="closed"
					step2="closed"
					step3="open"
					step4="closed"
					//step5="closed"
					$('edit1').setStyles({'opacity':1});
					$('edit2').setStyles({'opacity':1});
					$('edit3').setStyles({'opacity':0});
					/*$('edit5').setStyles({'opacity':0});*/
					if(valanceChecked==true){
						$('edit4').setStyles({'opacity':1});
					}
					/**/
					var myFx = new Fx.Scroll(window).toTop();
					$$('.step3').setStyles({'background-color':'#CC0000','color':'#FFF'});
					$$('.step3 h4','.step3 h4 strong').setStyles({'color':'#FFF'});
					$$('.step2 h4').setStyles({'color':'#000'});$$('.step2 h4 strong').setStyles({'color':'#CC0000'});
					$$('.step1 h4').setStyles({'color':'#000'});$$('.step1 h4 strong').setStyles({'color':'#CC0000'});
					$$('.step4 h4').setStyles({'color':'#999'});$$('.step4 h4 strong').setStyles({'color':'#999'});
					
					$$('.step1').setStyles({'background-color':'#FFF'});
					$$('.step2').setStyles({'background-color':'#FFF'});
					$$('.step4').setStyles({'background-color':'#FFF'});
					//$$('.step5').setStyles({'background-color':'#FFF'});
				}else if(this.id == 'step2btn' && colorChecked == false){
					step1="closed"
					step2="open"
					step3="closed"
					step4="closed"
					//step5="closed"
					var warningmessage = '<strong>Please Select a Fabric and Color Option</strong>';
					$('checkstep2').set('src','images/exclamation.png');
					var fadeCheck = new Fx.Morph('checkstep2',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
					fadeCheck.start({'opacity':1});
					warningshown = true;
					if(warningshown==true){
						$('warningmessage').set('html',warningmessage);
						var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						showmessage.start({'opacity':1});
					}else{
						warningshown = false;
						$('warningmessage').empty();
						var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						showmessage.start({'opacity':0});
					}
				}
				if(this.id == 'back4btn'){
					/**/
					resizeStep1.start({'height':0});
					resizeStep2.start({'height':0});
					resizeStep3.start({'height':stepheight});
					resizeStep4.start({'height':0});
					resizeStep5.start({'height':0});
					step1="closed"
					step2="closed"
					step3="open"
					step4="closed"
					step5="closed"
					$('edit1').setStyles({'opacity':1});
					$('edit2').setStyles({'opacity':1});
					$('edit3').setStyles({'opacity':0});
				 	/*$('edit5').setStyles({'opacity':0});*/
					if(valanceChecked==true){
						$('edit4').setStyles({'opacity':1});
					}
					/**/
					$$('.step3').setStyles({'background-color':'#CC0000','color':'#FFF'});
					$$('.step3 h4','.step3 h4 strong').setStyles({'color':'#FFF'});
					$$('.step4 h4').setStyles({'color':'#000'});$$('.step4 h4 strong').setStyles({'color':'#CC0000'});
					
					$$('.step1').setStyles({'background-color':'#FFF'});
					$$('.step2').setStyles({'background-color':'#FFF'});
					$$('.step4').setStyles({'background-color':'#FFF'});
					$$('.step5').setStyles({'background-color':'#FFF'});
				}
				
			
		});
		$$('#step3btn', '#back5btn').addEvent('click', function(){
			var resizeStep1 = new Fx.Morph('step1',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep2 = new Fx.Morph('step2',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep3 = new Fx.Morph('step3',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep4 = new Fx.Morph('step4',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			//var resizeStep5 = new Fx.Morph('step5',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			
			if(widthOkay==true && heightOkay==true && projectionOkay==true){
				
				stepheight = $('step4content').getCoordinates().height;
				resizeStep1.start({'height':0});
				resizeStep2.start({'height':0});
				resizeStep3.start({'height':0});
				resizeStep4.start({'height':stepheight});
				//resizeStep5.start({'height':0});
				step1="closed"
				step2="closed"
				step3="closed"
				step4="open"
				//step5="closed"
				$('edit1').setStyles({'opacity':1});
				$('edit2').setStyles({'opacity':1});
				$('edit3').setStyles({'opacity':1});
				$('edit4').setStyles({'opacity':0});
				/*$('edit5').setStyles({'opacity':0});*/
				$$('.step4').setStyles({'background-color':'#CC0000','color':'#FFF'});
				$$('.step4 h4','.step4 h4 strong').setStyles({'color':'#FFF'});
				$$('.step3 h4').setStyles({'color':'#000'});$$('.step3 h4 strong').setStyles({'color':'#CC0000'});
				$$('.step1 h4').setStyles({'color':'#000'});$$('.step1 h4 strong').setStyles({'color':'#CC0000'});
				$$('.step2 h4').setStyles({'color':'#000'});$$('.step2 h4 strong').setStyles({'color':'#CC0000'});
				
				$$('.step1').setStyles({'background-color':'#FFF'});
				$$('.step2').setStyles({'background-color':'#FFF'});
				$$('.step3').setStyles({'background-color':'#FFF'});
				//$$('.step5').setStyles({'background-color':'#FFF'});
			}else{
					step1="closed"
					step2="closed"
					step3="open"
					step4="closed"
					//step5="closed"
					var warningmessage = '<strong>Please Select a Awning Size</strong>';
					$('checkstep3').set('src','images/exclamation.png');
					var fadeCheck = new Fx.Morph('checkstep3',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
					fadeCheck.start({'opacity':1});
					warningshown = true;
					if(warningshown==true){
						$('warningmessage').set('html',warningmessage);
						var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						showmessage.start({'opacity':1});
					}else{
						warningshown = false;
						$('warningmessage').empty();
						var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						showmessage.start({'opacity':0});
					}
				}
			if(this.id == 'back5btn'){
					/**/
					resizeStep1.start({'height':0});
					resizeStep2.start({'height':0});
					resizeStep3.start({'height':0});
					resizeStep4.start({'height':stepheight});
					//resizeStep5.start({'height':0});
					step1="closed"
					step2="closed"
					step3="closed"
					step4="open"
					//step5="closed"
					$('edit1').setStyles({'opacity':1});
					$('edit2').setStyles({'opacity':1});
					$('edit3').setStyles({'opacity':1});
					$('edit4').setStyles({'opacity':0});
				 	/*$('edit5').setStyles({'opacity':0});*/
					if(operationChecked==true){
						$('edit4').setStyles({'opacity':1});
					}
					/**/
					$$('.step4').setStyles({'background-color':'#CC0000','color':'#FFF'});
					$$('.step4 h4','.step4 h4 strong').setStyles({'color':'#FFF'});
				//	$$('.step5 h4').setStyles({'color':'#000'});$$('.step5 h4 strong').setStyles({'color':'#CC0000'});
					
					$$('.step1').setStyles({'background-color':'#FFF'});
					$$('.step2').setStyles({'background-color':'#FFF'});
					$$('.step3').setStyles({'background-color':'#FFF'});
					//$$('.step5').setStyles({'background-color':'#FFF'});
				}
			
		});
		/*$('step4btn').addEvent('click', function(){
			var resizeStep1 = new Fx.Morph('step1',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep2 = new Fx.Morph('step2',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep3 = new Fx.Morph('step3',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep4 = new Fx.Morph('step4',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			var resizeStep5 = new Fx.Morph('step5',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			
			if(operationChecked == true){
				
				stepheight = $('step5content').getCoordinates().height;
				resizeStep1.start({'height':0});
				resizeStep2.start({'height':0});
				resizeStep3.start({'height':0});
				resizeStep4.start({'height':0});
				//resizeStep5.start({'height':stepheight});
				step1="closed"
				step2="closed"
				step3="closed"
				step4="closed"
				//step5="open"
				$('edit1').setStyles({'opacity':1});
				$('edit2').setStyles({'opacity':1});
				$('edit3').setStyles({'opacity':1});
				$('edit4').setStyles({'opacity':1});
				//$('edit5').setStyles({'opacity':0});
				$$('.step5').setStyles({'background-color':'#CC0000','color':'#FFF'});
				$$('.step5 h4','.step5 h4 strong').setStyles({'color':'#FFF'});
				$$('.step3 h4').setStyles({'color':'#000'});$$('.step3 h4 strong').setStyles({'color':'#CC0000'});
				$$('.step1 h4').setStyles({'color':'#000'});$$('.step1 h4 strong').setStyles({'color':'#CC0000'});
				$$('.step2 h4').setStyles({'color':'#000'});$$('.step2 h4 strong').setStyles({'color':'#CC0000'});
				$$('.step4 h4').setStyles({'color':'#000'});$$('.step4 h4 strong').setStyles({'color':'#CC0000'});
				
				$$('.step1').setStyles({'background-color':'#FFF'});
				$$('.step2').setStyles({'background-color':'#FFF'});
				$$('.step3').setStyles({'background-color':'#FFF'});
				$$('.step4').setStyles({'background-color':'#FFF'});
			}else{
					step1="closed"
					step2="closed"
					step3="closed"
					step4="open"
					step5="closed"
					var warningmessage = '<strong>Please Select a Manual or Motorized</strong>';
					$('checkstep3').set('src','images/exclamation.png');
					var fadeCheck = new Fx.Morph('checkstep3',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
					fadeCheck.start({'opacity':1});
					warningshown = true;
					if(warningshown==true){
						$('warningmessage').set('html',warningmessage);
						var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						showmessage.start({'opacity':1});
					}else{
						warningshown = false;
						$('warningmessage').empty();
						var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
						showmessage.start({'opacity':0});
					}
				}
			
		});*/
		$('swatchcolor').addEvent('click', function(){
			mySwatch = this.getFirst('img');
			myImg = mySwatch.get('src');		
			var fadeMoreInfo = new Fx.Morph('bigImgHolder',{duration:800, transition: Fx.Transitions.Expo.easeInOut});
			var fadeCoverUp = new Fx.Morph('coverup',{duration:800, transition: Fx.Transitions.Expo.easeInOut});
				cHeight = window.getScrollSize().y;
				cWidth = window.getScrollSize().x;
				windowHeight =  window.getScroll().y + 50;
				infoHeight = mySwatch.getCoordinates().height;
				infoWidth = mySwatch.getCoordinates().width;
				$('coverup').setStyles({'width':'100%','height':cHeight, 'top':0, 'left':0});
				$('bigImgHolder').setStyles({'top':(windowHeight), 'left':((cWidth/2)-(infoWidth/2))});
				$('bigImgHolder').set('html', '<img src="'+myImg+'"><div class="closebtn"></div>');
				fadeMoreInfo.start({'opacity':[0,1]});
				fadeCoverUp.start({'opacity':[0,.8]});
				
			return false;
		});
		/*$$('a').addEvent('click', function(){
			myImg = this.get('href');	
			//$('debug').set('text', myImg);
			function loaditup(){
				var fadeloading = new Fx.Morph('loadingimage',{duration:800, transition: Fx.Transitions.Expo.easeInOut});
				fadeloading.start({'opacity':0});
				var fadeMoreInfo = new Fx.Morph('bigImgHolder',{duration:800, transition: Fx.Transitions.Expo.easeInOut});
				cHeight = $('container').getCoordinates().height;
				cWidth = $('container').getCoordinates().width;
				windowHeight =  window.getScroll().y + 50;
				imageHeight = myImage.get('height');
				imageWidth =  myImage.get('width');
				
				$('bigImgHolder').setStyles({'top':(windowHeight), 'left':((cWidth/2)-(imageWidth/2))});
				$('bigImgHolder').set('html', '<img src="'+myImg+'"><div class="closebtn"></div>');
				fadeMoreInfo.start({'opacity':[0,1]});
				
			}
			if(myImg.search(/(.*)\.(jpg|jpeg|gif|png|bmp|tif|tiff)/gi) != -1){
				//var myFx = new Fx.Scroll(window).toElement('container');
				myImage = new Asset.image(myImg,{ onload: loaditup});
				cHeight = $('container').getCoordinates().height;
				cWidth = $('container').getCoordinates().width;
				scrollWidth = ($('container').getCoordinates().width/2) - ($('loadingimage').getCoordinates().width/2);
				scrollHeight = window.getScroll().y + 50;
				var fadeloading = new Fx.Morph('loadingimage',{duration:800, transition: Fx.Transitions.Expo.easeInOut});
				fadeloading.start({'opacity':[0,1]});
				var fadeCoverUp = new Fx.Morph('coverup',{duration:800, transition: Fx.Transitions.Expo.easeInOut});
				$('loadingimage').setStyles({'top':scrollHeight, 'left':scrollWidth});
				$('coverup').setStyles({'width':cWidth,'height':cHeight, 'top':0, 'left':0});
				fadeCoverUp.start({'opacity':[0,.5]});
				return false;			
			}
			
			
		});*/
		$$('#bigImgHolder','#coverup').addEvent('click', function(){
			myRelId = this.id;		
			var fadeMoreInfo = new Fx.Morph('bigImgHolder',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
			var fadeCoverUp = new Fx.Morph('coverup',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
			fadeCoverUp.start({'opacity':0});
			fadeMoreInfo.start({'opacity':0});
			return false;
		});	
		$$('.playvideo').addEvent('click', function(){
			var videoHtml = '<object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3371841&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3371841&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object>';
			$('videoholder').set('html',videoHtml);
			return false;
		});	
		$('addtocarttempbtn').addEvent('click', function(){
			var warningmessage = '<strong>The following field(s) need to be filled out:</strong><br /><br />';
			if(sizeChecked==false){
				warningmessage += '&nbsp;Step 1: Select Awning Size<br />';
				$('checkstep1').set('src','images/exclamation.png');
				var fadeCheck = new Fx.Morph('checkstep1',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				warningshown = true;
			}if(colorChecked==false){
				warningmessage += '&nbsp;Step 2: Select Fabric & Canvas Color<br />';
				$('checkstep2').set('src','images/exclamation.png');
				var fadeCheck = new Fx.Morph('checkstep2',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				warningshown = true;
			}if(valanceChecked==false){
				warningmessage += '&nbsp;Step 3: Select Valance Style<br />';
				$('checkstep3').set('src','images/exclamation.png');
				var fadeCheck = new Fx.Morph('checkstep3',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				warningshown = true;
			}if(operationChecked==false){
				warningmessage += '&nbsp;Step 4: Manual or Motorized?';
				$('checkstep4').set('src','images/exclamation.png');
				var fadeCheck = new Fx.Morph('checkstep4',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				fadeCheck.start({'opacity':1});
				warningshown = true;
			}
			
			if(warningshown==true){
				$('warningmessage').set('html',warningmessage);
				var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				showmessage.start({'opacity':1});
				var increaseAddHeight = new Fx.Morph('addtocartnw',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				increaseAddHeight.start({'height':120});
			}else{
				warningshown = false;
				$('warningmessage').empty();
				var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				showmessage.start({'opacity':0});
				var increaseAddHeight = new Fx.Morph('addtocartnw',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
				increaseAddHeight.start({'height':40});
			}
		});
		var mynextbutton = new Asset.image('images/nextstep.gif');
		var mynextbutton = new Asset.image('images/awningnone.jpg');
		$('step2content').setStyles({'opacity':0});
	});
	window.addEvent('load', function(){
		var sunbrellaContHeight = $('sunbrellabox').getCoordinates().height;
		var tabboxholder = new Fx.Morph('sunbrellacolorscontainer',{duration:200, transition: Fx.Transitions.Expo.easeInOut});
		tabboxholder.start({'height':sunbrellaContHeight});
		$('edit1').setStyles({'opacity':0});
		$('edit2').setStyles({'opacity':0});
		$('edit3').setStyles({'opacity':0});
		$('edit4').setStyles({'opacity':0});
		/*$('edit5').setStyles({'opacity':0});*/
		
		$('valancechoice').setStyles({'opacity':0});
		$('repimage').set('opacity', 0);$('lrgswatch').set('opacity', 0);
		/*$$('.step1').setStyles({'opacity':1});
		$$('.step2').setStyles({'opacity':.5});
		$$('.step3').setStyles({'opacity':.5});
		$$('.step4').setStyles({'opacity':.5});*/
		$$('.sunbrellasmall','.ultimasmall').setStyles({'opacity':0});
		$('addtocart').setStyles({'opacity':0});
		$$('.step1').setStyles({'background-color':'#CC0000','color':'#FFF'});
		$$('.step1 h4','.step1 h4 strong').setStyles({'color':'#FFF'});
		$('warningmessage').setStyles({'opacity':0});
		sunbrella_color += '<div class="sidebox" id="sidebox1">';
		sunbrella_color += '<div class="swatchboxlabel">Beige Colors</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4633" class="sunbrella"><input type="radio" name="color" value="4633" id="4633"><img src="images/awnings/sunbrella/swatches/sm/4633-0000.jpg" width="105" height="25"  align="absmiddle" title="Linen"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4648" class="sunbrella"><input type="radio" name="color" value="4648" id="4648"><img src="images/awnings/sunbrella/swatches/sm/4648-0000.jpg" width="105" height="25"  align="absmiddle" title="Taupe"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4616" class="sunbrella"><input type="radio" name="color" value="4616"><img src="images/awnings/sunbrella/swatches/sm/4616-0000.jpg" width="105" height="25"  align="absmiddle" title="Mocha"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4620" class="sunbrella"><input type="radio" name="color" value="4620"><img src="images/awnings/sunbrella/swatches/sm/4620-0000.jpg" width="105" height="25"  align="absmiddle" title="Beige"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4628" class="sunbrella"><input type="radio" name="color" value="4628"><img src="images/awnings/sunbrella/swatches/sm/4628-0000.jpg" width="105" height="25"  align="absmiddle" title="Toast"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4672" class="sunbrella"><input type="radio" name="color" value="4672"><img src="images/awnings/sunbrella/swatches/sm/4672-0000.jpg" width="105" height="25"  align="absmiddle" title="Heather Beige"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4683" class="sunbrella"><input type="radio" name="color" value="4683"><img src="images/awnings/sunbrella/swatches/sm/4683-0000.jpg" width="105" height="25"  align="absmiddle" title="Canvas Parchment"></label>';
			sunbrella_color += '</div>';	
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4695" class="sunbrella"><input type="radio" name="color" value="4695"><img src="images/awnings/sunbrella/swatches/sm/4695-0000.jpg" width="105" height="25"  align="absmiddle" title="Tresco Linin"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4862" class="sunbrella"><input type="radio" name="color" value="4862"><img src="images/awnings/sunbrella/swatches/sm/4862-0000.jpg" width="105" height="25"  align="absmiddle" title="Silica Silver"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4859" class="sunbrella"><input type="radio" name="color" value="4859"><img src="images/awnings/sunbrella/swatches/sm/4859-0000.jpg" width="105" height="25"  align="absmiddle" title="Silica Dune"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4796" class="sunbrella"><input type="radio" name="color" value="4796"><img src="images/awnings/sunbrella/swatches/sm/4796-0000.jpg" width="105" height="25"  align="absmiddle" title="Beige/White"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4807" class="sunbrella"><input type="radio" name="color" value="4807"><img src="images/awnings/sunbrella/swatches/sm/4807-0000.jpg" width="105" height="25"  align="absmiddle" title="Mabry Wren"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4817" class="sunbrella"><input type="radio" name="color" value="4817"><img src="images/awnings/sunbrella/swatches/sm/4817-0000.jpg" width="105" height="25"  align="absmiddle" title="Westfield Mushroom"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4863" class="sunbrella"><input type="radio" name="color" value="4863"><img src="images/awnings/sunbrella/swatches/sm/4863-0000.jpg" width="105" height="25"  align="absmiddle" title="Morris Meadow"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4907" class="sunbrella"><input type="radio" name="color" value="4907"><img src="images/awnings/sunbrella/swatches/sm/4907-0000.jpg" width="105" height="25"  align="absmiddle" title="taupe 5-Bar"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4914" class="sunbrella"><input name="color" type="radio" value="4914"><img src="images/awnings/sunbrella/swatches/sm/4914-0000.jpg" width="105" height="25"  align="absmiddle" title="Forest Green Transitional"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4961" class="sunbrella"><input type="radio" name="color" value="4961" id="4961"><img src="images/awnings/sunbrella/swatches/sm/4961-0000.jpg" width="105" height="25"  align="absmiddle" title="Putty Regimental"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4923" class="sunbrella"><input name="color" type="radio" value="4923"><img src="images/awnings/sunbrella/swatches/sm/4923-0000.jpg" width="105" height="25"  align="absmiddle" title="Black Forest Fancy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4936" class="sunbrella"><input type="radio" name="color" value="4936"><img src="images/awnings/sunbrella/swatches/sm/4936-0000.jpg" width="105" height="25"  align="absmiddle" title="Sand Graduated Stripe"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4945" class="sunbrella"><input type="radio" name="color" value="4945"><img src="images/awnings/sunbrella/swatches/sm/4945-0000.jpg" width="105" height="25"  align="absmiddle" title="Taupe Tailored Bar Stripe"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4948" class="sunbrella"><input type="radio" name="color" value="4948"><img src="images/awnings/sunbrella/swatches/sm/4948-0000.jpg" width="105" height="25"  align="absmiddle" title="Sapphire Vintage Bar Stripe"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4951" class="sunbrella"><input type="radio" name="color" value="4951"><img src="images/awnings/sunbrella/swatches/sm/4951-0000.jpg" width="105" height="25"  align="absmiddle" title="Mahogany/Brass Vintage"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4954" class="sunbrella"><input type="radio" name="color" value="4954"><img src="images/awnings/sunbrella/swatches/sm/4954-0000.jpg" width="105" height="25"  align="absmiddle" title="Heather Beige Classic"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4956" class="sunbrella"><input type="radio" name="color" value="4956"><img src="images/awnings/sunbrella/swatches/sm/4956-0000.jpg" width="105" height="25"  align="absmiddle" title="Heather Beige 6-Bar"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4959" class="sunbrella"><input type="radio" name="color" value="4959"><img src="images/awnings/sunbrella/swatches/sm/4959-0000.jpg" width="105" height="25"  align="absmiddle" title="Fern/Heather Beige Block"></label>';
			sunbrella_color += '</div>';
		sunbrella_color += '<div class="clear"></div>';
		sunbrella_color += '</div>';
		
		sunbrella_color += '<div class="sidebox" id="sidebox2">';
		sunbrella_color += '<div class="swatchboxlabel">Brown/Gold Colors</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4776" class="sunbrella"><input type="radio" name="color" value="4776" id="4776"><img src="images/awnings/sunbrella/swatches/sm/4776-0000.jpg" width="105" height="25"  align="absmiddle" title="Chocolate Chip Fancy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4614" class="sunbrella"><input name="color" type="radio" value="4614"><img src="images/awnings/sunbrella/swatches/sm/4614-0000.jpg" width="105" height="25"  align="absmiddle" title="Tan"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4618" class="sunbrella"><input type="radio" name="color" value="4618"><img src="images/awnings/sunbrella/swatches/sm/4618-0000.jpg" width="105" height="25"  align="absmiddle" title="Walnut Brown Tweed"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4621" class="sunbrella"><input type="radio" name="color" value="4621"><img src="images/awnings/sunbrella/swatches/sm/4621-0000.jpg" width="105" height="25"  align="absmiddle" title="True Brown"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4654" class="sunbrella"><input name="color" type="radio" value="4654"><img src="images/awnings/sunbrella/swatches/sm/4654-0000.jpg" width="105" height="25"  align="absmiddle" title="Linen Tweed"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4676" class="sunbrella"><input name="color" type="radio" value="4676"><img src="images/awnings/sunbrella/swatches/sm/4676-0000.jpg" width="105" height="25"  align="absmiddle" title="Cocoa"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4686" class="sunbrella"><input type="radio" name="color" value="4686"><img src="images/awnings/sunbrella/swatches/sm/4686-0000.jpg" width="105" height="25"  align="absmiddle" title="Canvas Nutmeg"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4696" class="sunbrella"><input type="radio" name="color" value="4696"><img src="images/awnings/sunbrella/swatches/sm/4696-0000.jpg" width="105" height="25"  align="absmiddle" title="Tresco Birch"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4860" class="sunbrella"><input type="radio" name="color" value="4860"><img src="images/awnings/sunbrella/swatches/sm/4860-0000.jpg" width="105" height="25"  align="absmiddle" title="Silica Sesame"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4658" class="sunbrella"><input type="radio" name="color" value="4658"><img src="images/awnings/sunbrella/swatches/sm/4658-0000.jpg" width="105" height="25"  align="absmiddle" title="Brass"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4674" class="sunbrella"><input type="radio" name="color" value="4674"><img src="images/awnings/sunbrella/swatches/sm/4674-0000.jpg" width="105" height="25"  align="absmiddle" title="Wheat"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4858" class="sunbrella"><input type="radio" name="color" value="4858"><img src="images/awnings/sunbrella/swatches/sm/4858-0000.jpg" width="105" height="25"  align="absmiddle" title="Silica Barley"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4816" class="sunbrella"><input type="radio" name="color" value="4816"><img src="images/awnings/sunbrella/swatches/sm/4816-0000.jpg" width="105" height="25"  align="absmiddle" title="Westfield Salsa"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4939" class="sunbrella"><input type="radio" name="color" value="4939"><img src="images/awnings/sunbrella/swatches/sm/4939-0000.jpg" width="105" height="25"  align="absmiddle" title="Brass/Black Cherry Classic"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4773" class="sunbrella"><input name="color" type="radio" value="4773"><img src="images/awnings/sunbrella/swatches/sm/4773-0000.jpg" width="105" height="25"  align="absmiddle" title="Bisque Brown"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4775" class="sunbrella"><input name="color" type="radio" value="4775"><img src="images/awnings/sunbrella/swatches/sm/4775-0000.jpg" width="105" height="25"  align="absmiddle" title="Ginza Java"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4778" class="sunbrella"><input type="radio" name="color" value="4778" id="4778"><img src="images/awnings/sunbrella/swatches/sm/4778-0000.jpg" width="105" height="25"  align="absmiddle" title="Essex Curry"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4811" class="sunbrella"><input type="radio" name="color" value="4811"><img src="images/awnings/sunbrella/swatches/sm/4811-0000.jpg" width="105" height="25"  align="absmiddle" title="Eastland Juniper"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4815" class="sunbrella"><input type="radio" name="color" value="4815"><img src="images/awnings/sunbrella/swatches/sm/4815-0000.jpg" width="105" height="25"  align="absmiddle" title="Westfield Julep"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4855" class="sunbrella"><input type="radio" name="color" value="4855"><img src="images/awnings/sunbrella/swatches/sm/4855-0000.jpg" width="105" height="25"  align="absmiddle" title="Colonnade Fossil"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4864" class="sunbrella"><input type="radio" name="color" value="4864"><img src="images/awnings/sunbrella/swatches/sm/4864-0000.jpg" width="105" height="25"  align="absmiddle" title="Morris Penny"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4967" class="sunbrella"><input type="radio" name="color" value="4967"><img src="images/awnings/sunbrella/swatches/sm/4967-0000.jpg" width="105" height="25"  align="absmiddle" title="Spice/Brass Vintage"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4974" class="sunbrella"><input type="radio" name="color" value="4974"><img src="images/awnings/sunbrella/swatches/sm/4974-0000.jpg" width="105" height="25"  align="absmiddle" title="Hartwell Lagoon"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4979" class="sunbrella"><input type="radio" name="color" value="4979"><img src="images/awnings/sunbrella/swatches/sm/4979-0000.jpg" width="105" height="25"  align="absmiddle" title="Armada Cocoa"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4994" class="sunbrella"><input type="radio" name="color" value="4994"><img src="images/awnings/sunbrella/swatches/sm/4994-0000.jpg" width="105" height="25"  align="absmiddle" title="Eastridge Cocoa"></label>';
			sunbrella_color += '</div>';
		sunbrella_color += '<div class="clear"></div>';
		sunbrella_color += '</div>';
		
		sunbrella_color += '<div class="sidebox" id="sidebox3">';
		sunbrella_color += '<div class="swatchboxlabel">Black/White Colors</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4630" class="sunbrella"><input type="radio" name="color" value="4630" id="4630"><img src="images/awnings/sunbrella/swatches/sm/4630-0000.jpg" width="105" height="25"  align="absmiddle" title="Cadet Grey"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4799" class="sunbrella"><input type="radio" name="color" value="4799" id="4799"><img src="images/awnings/sunbrella/swatches/sm/4799-0000.jpg" width="105" height="25"  align="absmiddle" title="Grey/Black/White"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4604" class="sunbrella"><input type="radio" name="color" value="4604" id="4604"><img src="images/awnings/sunbrella/swatches/sm/4604-0000.jpg" width="105" height="25"  align="absmiddle" title="Natural"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4642" class="sunbrella"><input type="radio" name="color" value="4642"><img src="images/awnings/sunbrella/swatches/sm/4642-0000.jpg" width="105" height="25"  align="absmiddle" title="Oyster"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4651" class="sunbrella"><input type="radio" name="color" value="4651"><img src="images/awnings/sunbrella/swatches/sm/4651-0000.jpg" width="105" height="25"  align="absmiddle" title="Silver"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4644" class="sunbrella"><input type="radio" name="color" value="4644"><img src="images/awnings/sunbrella/swatches/sm/4644-0000.jpg" width="105" height="25"  align="absmiddle" title="Charcoal Grey"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4607" class="sunbrella"><input type="radio" name="color" value="4607"><img src="images/awnings/sunbrella/swatches/sm/4607-0000.jpg" width="105" height="25"  align="absmiddle" title="Charcoal Tweed"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4861" class="sunbrella"><input type="radio" name="color" value="4861"><img src="images/awnings/sunbrella/swatches/sm/4861	-0000.jpg" width="105" height="25"  align="absmiddle" title="Silica Stone"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4684" class="sunbrella"><input name="color" type="radio" value="4684"><img src="images/awnings/sunbrella/swatches/sm/4684-0000.jpg" width="105" height="25"  align="absmiddle" title="Slate"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4682" class="sunbrella"><input type="radio" name="color" value="4682"><img src="images/awnings/sunbrella/swatches/sm/4682-0000.jpg" width="105" height="25"  align="absmiddle" title="Canvas Granite"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4608" class="sunbrella"><input type="radio" name="color" value="4608"><img src="images/awnings/sunbrella/swatches/sm/4608-0000.jpg" width="105" height="25"  align="absmiddle" title="Black"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4916" class="sunbrella"><input type="radio" name="color" value="4916"><img src="images/awnings/sunbrella/swatches/sm/4916-0000.jpg" width="105" height="25"  align="absmiddle" title="Navy/Taupe Fancy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4918" class="sunbrella"><input type="radio" name="color" value="4918"><img src="images/awnings/sunbrella/swatches/sm/4918-0000.jpg" width="105" height="25"  align="absmiddle" title="Salmon/Canvas Fancy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4944" class="sunbrella"><input type="radio" name="color" value="4944"><img src="images/awnings/sunbrella/swatches/sm/4944-0000.jpg" width="105" height="25"  align="absmiddle" title="Blended Green Tailored Bar"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4777" class="sunbrella"><input type="radio" name="color" value="4777"><img src="images/awnings/sunbrella/swatches/sm/4777-0000.jpg" width="105" height="25"  align="absmiddle" title="Grey/Beige Chip Fancy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4798" class="sunbrella"><input type="radio" name="color" value="4798"><img src="images/awnings/sunbrella/swatches/sm/4798-0000.jpg" width="105" height="25"  align="absmiddle" title="Burgundy/Black/White"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4810" class="sunbrella"><input type="radio" name="color" value="4810"><img src="images/awnings/sunbrella/swatches/sm/4810-0000.jpg" width="105" height="25"  align="absmiddle" title="Mabry Slate"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4911" class="sunbrella"><input type="radio" name="color" value="4911"><img src="images/awnings/sunbrella/swatches/sm/4911-0000.jpg" width="105" height="25"  align="absmiddle" title="Moss Classic"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4946" class="sunbrella"><input name="color" type="radio" value="4946"><img src="images/awnings/sunbrella/swatches/sm/4946-0000.jpg" width="105" height="25"  align="absmiddle" title="Black/Taupe Fancy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4980" class="sunbrella"><input type="radio" name="color" value="4980"><img src="images/awnings/sunbrella/swatches/sm/4980-0000.jpg" width="105" height="25"  align="absmiddle" title="Carlton Plantain"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4788" class="sunbrella"><input type="radio" name="color" value="4788"><img src="images/awnings/sunbrella/swatches/sm/4788-0000.jpg" width="105" height="25"  align="absmiddle" title="Manhattan Charcoal"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="5704" class="sunbrella"><input type="radio" name="color" value="5704"><img src="images/awnings/sunbrella/swatches/sm/5704-0000.jpg" width="105" height="25"  align="absmiddle" title="Black/White 6-Bar"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4789" class="sunbrella"><input type="radio" name="color" value="4789"><img src="images/awnings/sunbrella/swatches/sm/4789-0000.jpg" width="105" height="25"  align="absmiddle" title="Manhattan Classic"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4989" class="sunbrella"><input name="color" type="radio" value="4989"><img src="images/awnings/sunbrella/swatches/sm/4989-0000.jpg" width="105" height="25"  align="absmiddle" title="Hatteras Raven"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4988" class="sunbrella"><input type="radio" name="color" value="4988"><img src="images/awnings/sunbrella/swatches/sm/4988-0000.jpg" width="105" height="25"  align="absmiddle" title="Cooper Black"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4774" class="sunbrella"><input type="radio" name="color" value="4774"><img src="images/awnings/sunbrella/swatches/sm/4774-0000.jpg" width="105" height="25"  align="absmiddle" title="Ginza Onyx"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4813" class="sunbrella"><input type="radio" name="color" value="4813"><img src="images/awnings/sunbrella/swatches/sm/4813-0000.jpg" width="105" height="25"  align="absmiddle" title="Eastland Redwood"></label>';
			sunbrella_color += '</div>';
		sunbrella_color += '<div class="clear"></div>';
		sunbrella_color += '</div>';
		
		sunbrella_color += '<div class="sidebox" id="sidebox4">';
		sunbrella_color += '<div class="swatchboxlabel">Blue Colors</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4326" class="sunbrella"><input type="radio" name="color" value="4326" id="4326"><img src="images/awnings/sunbrella/swatches/sm/4326-0000.jpg" width="105" height="25"  align="absmiddle" title="Sky Blue"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4902" class="sunbrella"><input type="radio" name="color" value="4902" id="4902"><img src="images/awnings/sunbrella/swatches/sm/4902-0000.jpg" width="105" height="25"  align="absmiddle" title="Captain Navy/Natural Classic"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4601" class="sunbrella"><input type="radio" name="color" value="4601" id="4601"><img src="images/awnings/sunbrella/swatches/sm/4601-0000.jpg" width="105" height="25"  align="absmiddle" title="Pacific Blue"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4617" class="sunbrella"><input type="radio" name="color" value="4617"><img src="images/awnings/sunbrella/swatches/sm/4617-0000.jpg" width="105" height="25"  align="absmiddle" title="Royal Blue"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4624" class="sunbrella"><input type="radio" name="color" value="4624"><img src="images/awnings/sunbrella/swatches/sm/4624-0000.jpg" width="105" height="25"  align="absmiddle" title="Sky Blue"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4626" class="sunbrella"><input type="radio" name="color" value="4626"><img src="images/awnings/sunbrella/swatches/sm/4626-0000.jpg" width="105" height="25"  align="absmiddle" title="Navy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4641" class="sunbrella"><input type="radio" name="color" value="4641"><img src="images/awnings/sunbrella/swatches/sm/4641-0000.jpg" width="105" height="25"  align="absmiddle" title="Sapphire Blue"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4646" class="sunbrella"><input name="color" type="radio" value="4646"><img src="images/awnings/sunbrella/swatches/sm/4646-0000.jpg" width="105" height="25"  align="absmiddle" title="Captain Navy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4652" class="sunbrella"><input type="radio" name="color" value="4652"><img src="images/awnings/sunbrella/swatches/sm/4652-0000.jpg" width="105" height="25"  align="absmiddle" title="Mediterranean Blue"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4653" class="sunbrella"><input type="radio" name="color" value="4653"><img src="images/awnings/sunbrella/swatches/sm/4653-0000.jpg" width="105" height="25"  align="absmiddle" title="Mediterranean Blue Tweed"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4675" class="sunbrella"><input type="radio" name="color" value="4675"><img src="images/awnings/sunbrella/swatches/sm/4675-0000.jpg" width="105" height="25"  align="absmiddle" title="Capri"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4678" class="sunbrella"><input type="radio" name="color" value="4678"><img src="images/awnings/sunbrella/swatches/sm/4678-0000.jpg" width="105" height="25"  align="absmiddle" title="Marine Blue"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4679" class="sunbrella"><input type="radio" name="color" value="4679"><img src="images/awnings/sunbrella/swatches/sm/4679-0000.jpg" width="105" height="25"  align="absmiddle" title="Ocean Blue"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4687" class="sunbrella"><input type="radio" name="color" value="4687"><img src="images/awnings/sunbrella/swatches/sm/4687-0000.jpg" width="105" height="25"  align="absmiddle" title="Mineral Blue"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4610" class="sunbrella"><input type="radio" name="color" value="4610"><img src="images/awnings/sunbrella/swatches/sm/4610-0000.jpg" width="105" height="25"  align="absmiddle" title="Turquoise"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4673" class="sunbrella"><input type="radio" name="color" value="4673"><img src="images/awnings/sunbrella/swatches/sm/4673-0000.jpg" width="105" height="25"  align="absmiddle" title="Spa"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4992" class="sunbrella"><input name="color" type="radio" value="4992" id="4992"><img src="images/awnings/sunbrella/swatches/sm/4992-0000.jpg" width="105" height="25"  align="absmiddle" title="Baycrest Sky"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4755" class="sunbrella"><input type="radio" name="color" value="4755"><img src="images/awnings/sunbrella/swatches/sm/4755-0000.jpg" width="105" height="25"  align="absmiddle" title="Pacific Blue Fancy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4808" class="sunbrella"><input type="radio" name="color" value="4808"><img src="images/awnings/sunbrella/swatches/sm/4808-0000.jpg" width="105" height="25"  align="absmiddle" title="Mabry Denim"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4812" class="sunbrella"><input type="radio" name="color" value="4812"><img src="images/awnings/sunbrella/swatches/sm/4812-0000.jpg" width="105" height="25"  align="absmiddle" title="Eastland Lagoon"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4921" class="sunbrella"><input type="radio" name="color" value="4921"><img src="images/awnings/sunbrella/swatches/sm/4921-0000.jpg" width="105" height="25"  align="absmiddle" title="Mediterranean/Canvas Block"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4987" class="sunbrella"><input type="radio" name="color" value="4987"><img src="images/awnings/sunbrella/swatches/sm/4987-0000.jpg" width="105" height="25"  align="absmiddle" title="Cooper Navy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4993" class="sunbrella"><input type="radio" name="color" value="4993"><img src="images/awnings/sunbrella/swatches/sm/4993-0000.jpg" width="105" height="25"  align="absmiddle" title="Baycrest Pacific"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4998" class="sunbrella"><input type="radio" name="color" value="4998"><img src="images/awnings/sunbrella/swatches/sm/4998-0000.jpg" width="105" height="25"  align="absmiddle" title="Hampshire Willow"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4968" class="sunbrella"><input type="radio" name="color" value="4968"><img src="images/awnings/sunbrella/swatches/sm/4968-0000.jpg" width="105" height="25"  align="absmiddle" title="Spa/Wheat Vintage"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4975" class="sunbrella"><input type="radio" name="color" value="4975"><img src="images/awnings/sunbrella/swatches/sm/4975-0000.jpg" width="105" height="25"  align="absmiddle" title="Gaston Seaglass"></label>';
			sunbrella_color += '</div>';
		sunbrella_color += '<div class="clear"></div>';
		sunbrella_color += '</div>';
		
		sunbrella_color += '<div class="sidebox" id="sidebox5">';
		sunbrella_color += '<div class="swatchboxlabel">Green Colors</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4637" class="sunbrella"><input name="color" type="radio" value="4637" id="4637"><img src="images/awnings/sunbrella/swatches/sm/4637-0000.jpg" width="105" height="25"  align="absmiddle" title="Forest Green"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4671" class="sunbrella"><input type="radio" name="color" value="4671" id="4671"><img src="images/awnings/sunbrella/swatches/sm/4671-0000.jpg" width="105" height="25"  align="absmiddle" title="Fern"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4932" class="sunbrella"><input type="radio" name="color" value="4932" id="4932"><img src="images/awnings/sunbrella/swatches/sm/4932-0000.jpg" width="105" height="25"  align="absmiddle" title="Forest Green/Beige/Natural Fancy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4600" class="sunbrella"><input name="color" type="radio" value="4600"><img src="images/awnings/sunbrella/swatches/sm/4600-0000.jpg" width="105" height="25"  align="absmiddle" title="Erin Green"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4605" class="sunbrella"><input name="color" type="radio" value="4605"><img src="images/awnings/sunbrella/swatches/sm/4605-0000.jpg" width="105" height="25"  align="absmiddle" title="Hemlock Tweed"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4623" class="sunbrella"><input name="color" type="radio" value="4623"><img src="images/awnings/sunbrella/swatches/sm/4623-0000.jpg" width="105" height="25"  align="absmiddle" title="Aquamarine"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4623" class="sunbrella"><input name="color" type="radio" value="4623"><img src="images/awnings/sunbrella/swatches/sm/4623-0000.jpg" width="105" height="25"  align="absmiddle" title="Aquamarine"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4643" class="sunbrella"><input name="color" type="radio" value="4643"><img src="images/awnings/sunbrella/swatches/sm/4643-0000.jpg" width="105" height="25"  align="absmiddle" title="Persian Green"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4645" class="sunbrella"><input name="color" type="radio" value="4645"><img src="images/awnings/sunbrella/swatches/sm/4645-0000.jpg" width="105" height="25"  align="absmiddle" title="Sea Grass Green"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4655" class="sunbrella"><input name="color" type="radio" value="4655"><img src="images/awnings/sunbrella/swatches/sm/4655-0000.jpg" width="105" height="25"  align="absmiddle" title="Alpine"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4656" class="sunbrella"><input name="color" type="radio" value="4656"><img src="images/awnings/sunbrella/swatches/sm/4656-0000.jpg" width="105" height="25"  align="absmiddle" title="Spruce"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4668" class="sunbrella"><input name="color" type="radio" value="4668"><img src="images/awnings/sunbrella/swatches/sm/4668-0000.jpg" width="105" height="25"  align="absmiddle" title="Aspen"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4668" class="sunbrella"><input name="color" type="radio" value="4668"><img src="images/awnings/sunbrella/swatches/sm/4668-0000.jpg" width="105" height="25"  align="absmiddle" title="Aspen"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4685" class="sunbrella"><input type="radio" name="color" value="4685"><img src="images/awnings/sunbrella/swatches/sm/4685-0000.jpg" width="105" height="25"  align="absmiddle" title="Gingko"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4688" class="sunbrella"><input type="radio" name="color" value="4688" ><img src="images/awnings/sunbrella/swatches/sm/4688-0000.jpg" width="105" height="25"  align="absmiddle" title="Basil"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4751" class="sunbrella"><input type="radio" name="color" value="4751" ><img src="images/awnings/sunbrella/swatches/sm/4751-0000.jpg" width="105" height="25"  align="absmiddle" title="Hemlock Tweed Fancy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4779" class="sunbrella"><input type="radio" name="color" value="4779" ><img src="images/awnings/sunbrella/swatches/sm/4779-0000.jpg" width="105" height="25"  align="absmiddle" title="Essex Ivy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4960" class="sunbrella"><input name="color" type="radio" value="4960" id="4960"><img src="images/awnings/sunbrella/swatches/sm/4960-0000.jpg" width="105" height="25"  align="absmiddle" title="Fern Graduated Stripe"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4790" class="sunbrella"><input type="radio" name="color" value="4790" ><img src="images/awnings/sunbrella/swatches/sm/4790-0000.jpg" width="105" height="25"  align="absmiddle" title="Forest Green Fancy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4806" class="sunbrella"><input type="radio" name="color" value="4806" ><img src="images/awnings/sunbrella/swatches/sm/4806-0000.jpg" width="105" height="25"  align="absmiddle" title="Forest Green/Natural-6 Bar"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4809" class="sunbrella"><input type="radio" name="color" value="4809" ><img src="images/awnings/sunbrella/swatches/sm/4809-0000.jpg" width="105" height="25"  align="absmiddle" title="Mabry Meadow"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4901" class="sunbrella"><input type="radio" name="color" value="4901" ><img src="images/awnings/sunbrella/swatches/sm/4901-0000.jpg" width="105" height="25"  align="absmiddle" title="Captain Navy/Forest Green/Yellow/Red Regimental"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4949" class="sunbrella"><input type="radio" name="color" value="4949" ><img src="images/awnings/sunbrella/swatches/sm/4949-0000.jpg" width="105" height="25"  align="absmiddle" title="Forest Vintage Bar Stripe"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4955" class="sunbrella"><input type="radio" name="color" value="4955" ><img src="images/awnings/sunbrella/swatches/sm/4955-0000.jpg" width="105" height="25"  align="absmiddle" title="Fern Classic"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4972" class="sunbrella"><input type="radio" name="color" value="4972" ><img src="images/awnings/sunbrella/swatches/sm/4972-0000.jpg" width="105" height="25"  align="absmiddle" title="Lankford Willow"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4986" class="sunbrella"><input type="radio" name="color" value="4986" ><img src="images/awnings/sunbrella/swatches/sm/4986-0000.jpg" width="105" height="25"  align="absmiddle" title="Havelock Juniper"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4990" class="sunbrella"><input type="radio" name="color" value="4990" ><img src="images/awnings/sunbrella/swatches/sm/4990-0000.jpg" width="105" height="25"  align="absmiddle" title="Manteo Olive"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4995" class="sunbrella"><input type="radio" name="color" value="4995" ><img src="images/awnings/sunbrella/swatches/sm/4995-0000.jpg" width="105" height="25"  align="absmiddle" title="Ashford Forest"></label>';
			sunbrella_color += '</div>';
		sunbrella_color += '<div class="clear"></div>';
		sunbrella_color += '</div>';
		
		sunbrella_color += '<div class="sidebox" id="sidebox6">';
		sunbrella_color += '<div class="swatchboxlabel">Red/Orange/Yellow Colors</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4631" class="sunbrella"><input name="color" type="radio" value="4631" id="4631"><img src="images/awnings/sunbrella/swatches/sm/4631-0000.jpg" width="105" height="25"  align="absmiddle" title="Burgundy"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4603" class="sunbrella"><input type="radio" name="color" value="4603" id="4603"><img src="images/awnings/sunbrella/swatches/sm/4603-0000.jpg" width="105" height="25"  align="absmiddle" title="Jockey Red"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4606" class="sunbrella"><input name="color" type="radio" value="4606" id="4606"><img src="images/awnings/sunbrella/swatches/sm/4606-0000.jpg" width="105" height="25"  align="absmiddle" title="Dubonnet Tweed"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4622" class="sunbrella"><input name="color" type="radio" value="4622"><img src="images/awnings/sunbrella/swatches/sm/4622-0000.jpg" width="105" height="25"  align="absmiddle" title="Terra Cotta"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4640" class="sunbrella"><input name="color" type="radio" value="4640"><img src="images/awnings/sunbrella/swatches/sm/4640-0000.jpg" width="105" height="25"  align="absmiddle" title="Black Cherry"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4666" class="sunbrella"><input type="radio" name="color" value="4666"><img src="images/awnings/sunbrella/swatches/sm/4666-0000.jpg" width="105" height="25"  align="absmiddle" title="Logo Red"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4667" class="sunbrella"><input name="color" type="radio" value="4667"><img src="images/awnings/sunbrella/swatches/sm/4667-0000.jpg" width="105" height="25"  align="absmiddle" title="Mahogany"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4699" class="sunbrella"><input name="color" type="radio" value="4699"><img src="images/awnings/sunbrella/swatches/sm/4699-0000.jpg" width="105" height="25"  align="absmiddle" title="Tresco Brick"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4627" class="sunbrella"><input type="radio" name="color" value="4627"><img src="images/awnings/sunbrella/swatches/sm/4627-0000.jpg" width="105" height="25"  align="absmiddle" title="Salmon"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4609" class="sunbrella"><input type="radio" name="color" value="4609"><img src="images/awnings/sunbrella/swatches/sm/4609-0000.jpg" width="105" height="25"  align="absmiddle" title="Orange"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4677" class="sunbrella"><input type="radio" name="color" value="4677"><img src="images/awnings/sunbrella/swatches/sm/4677-0000.jpg" width="105" height="25"  align="absmiddle" title="Tuscan"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4689" class="sunbrella"><input type="radio" name="color" value="4689"><img src="images/awnings/sunbrella/swatches/sm/4689-0000.jpg" width="105" height="25"  align="absmiddle" title="Rust"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4697" class="sunbrella"><input type="radio" name="color" value="4697"><img src="images/awnings/sunbrella/swatches/sm/4697-0000.jpg" width="105" height="25"  align="absmiddle" title="Tresco Ginger"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4698" class="sunbrella"><input type="radio" name="color" value="4698"><img src="images/awnings/sunbrella/swatches/sm/4698-0000.jpg" width="105" height="25"  align="absmiddle" title="Tresco Clay"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4602" class="sunbrella"><input type="radio" name="color" value="4602" id="4602"><img src="images/awnings/sunbrella/swatches/sm/4602-0000.jpg" width="105" height="25"  align="absmiddle" title="Sunflower Yellow"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4635" class="sunbrella"><input type="radio" name="color" value="4635"><img src="images/awnings/sunbrella/swatches/sm/4635-0000.jpg" width="105" height="25"  align="absmiddle" title="Buttercup"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4665" class="sunbrella"><input type="radio" name="color" value="4665"><img src="images/awnings/sunbrella/swatches/sm/4665-0000.jpg" width="105" height="25"  align="absmiddle" title="Concord"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4814" class="sunbrella"><input type="radio" name="color" value="4814"><img src="images/awnings/sunbrella/swatches/sm/4814-0000.jpg" width="105" height="25"  align="absmiddle" title="Eastland Classic"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4850" class="sunbrella"><input name="color" type="radio" value="4850"><img src="images/awnings/sunbrella/swatches/sm/4850-0000.jpg" width="105" height="25"  align="absmiddle" title="Coastal Brick"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4857" class="sunbrella"><input type="radio" name="color" value="4857"><img src="images/awnings/sunbrella/swatches/sm/4857-0000.jpg" width="105" height="25"  align="absmiddle" title="Colonnade Redwood"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4969" class="sunbrella"><input type="radio" name="color" value="4969"><img src="images/awnings/sunbrella/swatches/sm/4969-0000.jpg" width="105" height="25"  align="absmiddle" title="Henna/Fern Vintage"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4985" class="sunbrella"><input type="radio" name="color" value="4985"><img src="images/awnings/sunbrella/swatches/sm/4985-0000.jpg" width="105" height="25"  align="absmiddle" title="Havelock Brick"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4991" class="sunbrella"><input type="radio" name="color" value="4991"><img src="images/awnings/sunbrella/swatches/sm/4991-0000.jpg" width="105" height="25"  align="absmiddle" title="Manteo Cardinal"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4996" class="sunbrella"><input name="color" type="radio" value="4996"><img src="images/awnings/sunbrella/swatches/sm/4996-0000.jpg" width="105" height="25"  align="absmiddle" title="Ashford Cardinal"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4765" class="sunbrella"><input type="radio" name="color" value="4765"><img src="images/awnings/sunbrella/swatches/sm/4765-0000.jpg" width="105" height="25"  align="absmiddle" title="Ombre Dark Brown/Salmon/Beige"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4984" class="sunbrella"><input type="radio" name="color" value="4984"><img src="images/awnings/sunbrella/swatches/sm/4984-0000.jpg" width="105" height="25"  align="absmiddle" title="Havelock Terracotta"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="5702" class="sunbrella"><input type="radio" name="color" value="5702"><img src="images/awnings/sunbrella/swatches/sm/5702-0000.jpg" width="105" height="25"  align="absmiddle" title="Yellow/White 6-Bar"></label>';
			sunbrella_color += '</div>';
			sunbrella_color += '<div class="swatch">';
			sunbrella_color += '<label for="4909" class="sunbrella"><input type="radio" name="color" value="4909"><img src="images/awnings/sunbrella/swatches/sm/4909-0000.jpg" width="105" height="25"  align="absmiddle" title="Plum Fancy"></label>';
			sunbrella_color += '</div>';
		sunbrella_color += '<div class="clear"></div>';
		sunbrella_color += '</div>';

		$('swatchboxholder').set('html',sunbrella_color);
		
		$('sunbrellacolorscontainer').setStyles({'overflow':'hidden', 'width':285});
		$$('.sunbrella').addEvent('click', function(){
			$('repimage').set('opacity', 1);$('lrgswatch').set('opacity', 1);										
			myInput = this.getFirst('input');
			myInput.set('checked');
			currentFabric = "sunbrella";
			myColorId=this.get('for');
			currentImage = 'images/awnings/sunbrella/awnings/med/'+myColorId+'-0000.jpg';
			//calculatePrice();
			pageTracker._trackPageview('/ra/sunbrella/color/'+myColorId);
			function loadimagenow(){
				//alert("Image Loaded");
			}
			$('step2btn').set('src','images/nextstep.gif');
			$('checkstep2').set('src','images/check.png');
			var fadeCheck = new Fx.Morph('checkstep2',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			fadeCheck.start({'opacity':1});
			colorChecked=true;
			checkAddtoCart();
			var showmessage = new Fx.Morph('warningmessage',{duration:500, transition: Fx.Transitions.Expo.easeInOut});
			showmessage.start({'opacity':0});
			if(currentImage!=oldcurrentImage){
				var fadeColorIn = new Fx.Morph('imgloader',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
				var fadeColor = new Fx.Morph('imgloader',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
					$('imgloader').empty();
					var newImg = '<a href="images/windowdoor/sunbrella/lrg/'+myColorId+'-0000.jpg" class="awningimage" onClick="return false;"><img src="images/windowdoor/sunbrella/med/'+myColorId+'-0000.jpg" alt="Window/Door Awnings" width="320" height="238"></a>';
					$('imgloader').set('html',newImg);
					fadeColorIn.start({'opacity':1});
					$$('.aw	*ningimage').addEvent('click', function(){
						myImg = this.get('href');	
						//$('debug').set('text', myImg);
						function loaditup(){
							if(myImg.search(/(.*)\.(jpg|jpeg|gif|png|bmp|tif|tiff)/gi) != -1){	
							var fadeMoreInfo = new Fx.Morph('bigImgHolder',{duration:800, transition: Fx.Transitions.Expo.easeInOut});
							var fadeCoverUp = new Fx.Morph('coverup',{duration:800, transition: Fx.Transitions.Expo.easeInOut});
								cHeight = $(window).getScrollSize().y;
								cWidth = $(window).getScrollSize().x;
								windowHeight =  window.getScroll().y + 50;
								;
								imageHeight = myImage.get('height');
								imageWidth =  myImage.get('width');
								$('coverup').setStyles({'width': '100%','height':cHeight, 'top':0, 'left':0});
								$('bigImgHolder').setStyles({'top':(windowHeight), 'left':((cWidth/2)-(imageWidth/2))});
								$('bigImgHolder').set('html', '<img src="'+myImg+'"><div class="closebtn"></div>');
								fadeMoreInfo.start({'opacity':[0,1]});
								fadeCoverUp.start({'opacity':[0,.8]});
							return false;			
						}
						}
						myImage = new Asset.image(myImg,{ onload: loaditup});
						
					});
				}});
				var fadeswatchIn = new Fx.Morph('swatchcolor',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
				var fadeswatch = new Fx.Morph('swatchcolor',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
					$('swatchcolor').empty();
					var newImg = '<img src="images/awnings/sunbrella/swatches/lrg/'+myColorId+'-0000.jpg" /><div id="lrgswatch" class="lrgswatch">(Click for Larger Swatch Image)</div>';
					$('swatchcolor').set('html',newImg);
					fadeswatchIn.start({'opacity':1});
				}});
				fadeColor.start({'opacity':0});
				fadeswatch.start({'opacity':0});
				//
				var fadeColorInName = new Fx.Morph('fabricselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut});
				var fadeColorName = new Fx.Morph('fabricselection',{duration:250, transition: Fx.Transitions.Expo.easeInOut, onComplete: function(){
					var newColorName = '<span class=\"alignright\">'+colors[1][myColorId]+'</span><strong>Fabric and Color:</strong><div class=\"clear\"></div>';
					$('fabricselection').set('html',newColorName);
					fadeColorInName.start({'opacity':1});
				}});
				fadeColorName.start({'opacity':0});
				//
				var myImage = new Asset.image('images/awnings/sunbrella/awnings/med/'+myColorId+'-0000.jpg', {id: 'myImage'+myColorId, onload: loadimagenow});
			}
			oldcurrentImage=currentImage;		
		});
	});