window.addEvent('domready',function() { 
				
	new SmoothScroll({ duration:700 }, window); 
	
	var re = [];
	$$('.bodyGallery.').each(function(el, i) {

		el.getElement('.carousel').set('id', 'galleryID_'+i);

		horID = el.getElement('.carousel').get('id');
		
		var re = new Fx.Scroll.Carousel(horID,{
			mode: 'horizontal',
			onStart: function(){
				re.getCurrent().tween('color','#000');
			},
			onComplete: function(){
				re.getCurrent().tween('color','#fff');
			}
		});


			var pagination = el.getElement('.imgShift');
			pagination.empty();
			
			var paging = new Element("ul").injectInside(pagination).addClass("paging");
			for(i=0;i<re.elements.length;i++) {

				if ( ( i != 0) ) new Element("li", {'html' : ' l '}).injectInside(paging);
				var w = new Element("li").injectInside(paging);

				new Element("a", {
					'href' : 'javascript:void(0);',
					'html' : parseInt(i+1),
					'class' : (( i == 0) ? "onCurrent" : ""),
					'events' : {
						'click' : function() {
							
							this.index = parseInt(re.currentIndex+1);
							this.page = parseInt(this.get('html'));
							
							this.getParent().getParent().getElements('a').removeClass('onCurrent');
							this.addClass('onCurrent');

							if ( this.index < this.page ) {
									re.currentIndex = this.page - 1;
									re.toNext();
							} else if ( this.index > this.page ) {
									re.currentIndex = this.page - 1;
									re.toPrevious();
							}
														
							return false;
						}
					}
				}).injectInside(w);

		} 
	});

	if ( $$("div.gallery")[0] != null) { 
	/* Mootools Plugin for Gallery Slide */
		var gallery8 = new slideGallery($$("div.gallery")[0], {
			steps: 1,
			mode: "circle",
			autoplay: true,
			duration: 4000,
			paging: true
		});
		
	}
	
	function supportsPlaceholder() {
		var i = document.createElement('input');
		return 'placeholder' in i;
	}
	
	function supportsRequired() {
		var i = document.createElement('input');
		return 'required' in i;
	}
	
	var inputFields = $$('input');
	inputFields.each(function(el) {
		if (!supportsPlaceholder()) {
			  var placeholderText = el.get('placeholder');
			  if (placeholderText) {
				  var textOverlay = new OverText(el, {
					textOverride: placeholderText
				  });
			  }
		}
	});
	
	var mootips = new Tips($$('.tooltips'));
	
	
	/*
	
	$('input[type="submit"]').addEvent('click', function(k) {
		k.getElements('input').each(function(z) {
								 
			/*
								 
			if (!supportsRequired()) {
				  var placeholderText = el.get('required');
				  if (placeholderText) {
					  var textOverlay = new OverText(el, {
						textOverride: placeholderText
					  });
				  }
			}
			
			
			var $field = $(this);
			if ($field.attr('required')) {
				return false
			}
			
			required
			alert(z.get('required'));
		});
		return false;
	});
	*/
	
	/* Showroom */
	
	if ( document.id('showroom') != null ) {
	
		var canvas = document.id('showroom');
		var selectType = canvas.getElement('li.dropdown').getElements('a');
		var ceiling = canvas.getElement('ul.top-menu').getElements('img');	
		var selectCeiling = canvas.getElement('ul.top-menu');	
		var bottom = canvas.getElement('ul.bottom-menu').getElements('img');	
		var bodyCeiling = canvas.getElement('p.body-ceiling');	
		var ceilingInfo = canvas.getElement('div.ceiling-details');	
		var bodyCornice = canvas.getElement('p.body-cornice');	
		var infoCornice = canvas.getElement('p.cornice-shown');
		var infoCeiling = canvas.getElement('p.ceiling-shown');	
		var bodyBackground = canvas.getElement('div.body-background');	
		var colorPicker = canvas.getElement('ul.color-picker').getElements('li');	
		
		var images_path = 'images/show-room/ceiling/';
		
		
	
		selectType.addEvent('click', function(e) {
			e.stop();
			var type = this.get('rel');
			var request = new Request.JSON({
				url: '/show-room-info.php',
				onComplete: function(jsonObj) {
					selectCeiling.empty();
					
					if ( type == "domes" ) addImages(jsonObj.domes, type);
					else addImages(jsonObj.centres, type);
				}
			}).send();
			
		});
		
		var addImages = function(images, type) {
			images.each(function(image) {
	
				var el = new Element('li', {'class': type});
				var img = new Element('img', {'src': images_path + 'thumbnails/s' + image.src + '.gif'}).inject(el);
				img.addEvents({
					'click' : function() {
			//			alert(this.get('src'));
						
						var imgSrc = this.get('src');
						
						var newImg = imgSrc.substr(imgSrc.indexOf("thumbnails")+12, imgSrc.indexOf(".gif")-(imgSrc.indexOf("thumbnails")+12));
						var ceilingShown = newImg;
						var newImg = new Element('img', { 'src': 'image.php?image=/images/show-room/ceiling/' + newImg + '.gif&width=271&height=148&cropratio=271:148:0:0"' });
						
						bodyCeiling.empty();
			//			
						newImg.inject(bodyCeiling);
						
						infoCeiling.getElement('strong').set('html', ceilingShown.toUpperCase());
						
						ceilingInfo.empty();
						
						if ( image.diameter != null ) {
							var details_diameter = new Element('p', {'html': '<span>Diameter:</span> ' + image.diameter}).inject(ceilingInfo);
						}
						if ( image.length != null ) {
							var details_length = new Element('p', {'html': '<span>Length:</span> ' + image.length}).inject(ceilingInfo, 'bottom');
						}
						if ( image.width != null ) {
							var details_width = new Element('p', {'html': '<span>Width:</span> ' + image.width}).inject(ceilingInfo, 'bottom');
						}
						if ( image.depth != null ) {
							var details_depth = new Element('p', {'html': '<span>Depth:</span> ' + image.depth}).inject(ceilingInfo, 'bottom');
						}
						if ( image.egde != null ) {
							var details_egde = new Element('p', {'html': '<span>Edge:</span> ' + image.egde}).inject(ceilingInfo, 'bottom');
						}
						if ( image.misc != null ) {
							var details_misc = new Element('p', {'html': image.misc}).inject(ceilingInfo, 'bottom');
						}
						
					},
					'mouseenter' : function () {
						this.setStyle('opacity', '.5');
					},
					'mouseleave' : function () {
						this.setStyle('opacity', '1');
					}
				});
				el.inject(selectCeiling);
			});
		};
		
		ceiling.addEvents({
			'click' : function() {
	//			alert(this.get('src'));
				
				var imgSrc = this.get('src');
				
				var newImg = imgSrc.substr(imgSrc.indexOf("thumbnails")+12, imgSrc.indexOf(".gif")-(imgSrc.indexOf("thumbnails")+12));
				var ceilingShown = newImg;
				var newImg = new Element('img', { 'src': 'image.php?image=/images/show-room/ceiling/' + newImg + '.gif&width=271&height=148&cropratio=271:148:0:0"' });
				
				bodyCeiling.empty();
	//			
				newImg.inject(bodyCeiling);
				
				infoCeiling.getElement('strong').set('html', ceilingShown.toUpperCase());
							
				
			},
			'mouseenter' : function () {
				this.setStyle('opacity', '.5');
			},
			'mouseleave' : function () {
				this.setStyle('opacity', '1');
			}
		});
		
		bottom.addEvents({
			'click' : function() {
	//			alert(this.get('src'));
				
				var imgSrc = this.get('src');
				
				var newImg = imgSrc.substr(imgSrc.indexOf("thumbnails")+12, imgSrc.indexOf(".gif")-(imgSrc.indexOf("thumbnails")+12));
				var corniceShown = newImg;
				var newImg = new Element('img', { 'src': 'image.php?image=/images/show-room/cornices/' + newImg + '.png&width=593&height=86&cropratio=593:86'});
				bodyCornice.empty();
				
	//			
				newImg.inject(bodyCornice);
				
				infoCornice.getElement('strong').set('html', corniceShown.toUpperCase());
				
			},
			'mouseenter' : function () {
				this.setStyle('opacity', '.5');
			},
			'mouseleave' : function () {
				this.setStyle('opacity', '1');
			}
		});
		
		
		colorPicker.each(function(c) {
			c.setStyle('background', '#' + c.get('rel'));
			c.addEvents({
				'click': function() {
					bodyBackground.setStyle('background', '#' + c.get('rel'));
				}, 
				'mouseenter' : function () {
					this.setStyle('opacity', '.5');
				},
				'mouseleave' : function () {
					this.setStyle('opacity', '1');
				}
			});
		});
	}
	
	$$("[class^=widget] a").each(function(el) {
		el.addEvent("click", function(l) {
			l.stop();
//			el.get("href");
			popupform(el.get("href"));
		});
	});
	
//	alert(ceiling[0].get('src'));
	
	
	
	
	var shareIt = function(id) {
			
		var target = $$('.share-this');

		target.each(function(el, i) {

			var shareURL = el.get('data-href'), shareTitle = el.get('data-title'), shareOption = el.get('data-option');
							 
			var promoDiv = new Element('div', {
				'class': 'promoDiv',
				'styles': {
					'opacity': 0
				}
			}).inject(el);
			
			new Element('div',{
				'class': 'fb-like',
				'data-href': shareURL,
				'data-send': shareOption ? 'false' : 'false',
				'data-width': shareOption ? '55' : '350',
				'data-layout': shareOption ? 'button_count' : '',
				'data-show-faces': true
			}).inject(new Element('span',{ 'class': 'share-button b-facebook' }).inject(promoDiv));
			
			if  ( !shareOption )
			{
			
				var el = document.id(document.createElement('g:plusone')).set({
					'href': shareURL,
					'size': 'medium'
				}).inject(new Element('span',{ 'class': 'share-button b-gplus'}).inject(promoDiv));
				
		//			require(['http://apis.google.com/js/plusone.js']);
		
				var span1 = new Element('span',{ 'class': 'share-button b-twitter'}).inject(promoDiv);
				new Element('a',{
					'href': 'http://twitter.com/share',
					'class': 'twitter-share-button',
					'data-url': shareURL,
					'data-text': shareTitle,
					'data-count': 'horizontal'
				}).inject(span1);
				
				var span2 = new Element('span',{ 'class': 'share-button b-email'}).inject(promoDiv);
				new Element('a',{
					'href': 'mailto:?subject=FW:%20' + shareTitle + '&body=' + shareURL,
					'class': 'email-share-button',
				}).inject(span2);
				
				new Element('script',{
					'src': 'http://platform.twitter.com/widgets.js',
					'async': true
				}).inject(span1);
				
				
				new Element('script',{
					'src': 'https://apis.google.com/js/plusone.js',
					'async': true,
					'html': '{"parsetags": "explicit"}'
				}).inject(document.id(document.body));
				/*
				(function() {
					var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
					po.src = 'https://apis.google.com/js/plusone.js';
					po.innerHTML = '{"parsetags": "explicit"}';
					var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
				})();
				*/
			}
			
			promoDiv.fade(1);
			
		});
		
		(function() {
			target.each(function(el, i) { if ( !el.get('data-option') ) { gapi.plusone.go(el); } });
		}).delay(1000);
	}
	
	shareIt();
	
});

(function() {
	window.addEvent('domready', function() {
										 
		var radio = $$('.radio-options');
		
		radio.each(function(el, i) {
			
			var radioButton = new Element('div', { 'class': 'radio-button-wrapper' }).inject(el, 'top');
			
			radioButton.setStyles({
				'background': '#d5d5d5',
				'border': '2px solid #0b4594',
				'border-radius': '15px',
				'display': 'block',
				'height': '10px',
				'left': 0,
				'position': 'absolute',
				'top': '-6px',
				'margin-top': '50%',
				'width': '10px'
			})
			
			el.addEvent('click', function() {
				$$('[name='+el.getElement('input').get('name')+']').removeProperty('checked');			  
				el.getElement('input').setProperty('checked', true);				
				if ( el.getElement('input').getProperty('checked') === true ) 
				{
					radio.getElement('div').setStyles({ 'background': '#d5d5d5' });
					radioButton.setStyles({
						'background': '#f3f4f4',
						'background': '-moz-radial-gradient(center, circle contain, #0b4594 0%, #f3f4f4 50%, #d5d5d5 100%)',
						'background': '-ms-radial-gradient(center, circle contain, #0b4594 0%, #f3f4f4 50%, #d5d5d5 100%)',
						'background': '-o-radial-gradient(center, circle contain, #0b4594 0%, #f3f4f4 50%, #d5d5d5 100%)',
						'background': '-webkit-radial-gradient(center, circle contain, #0b4594 0%, #f3f4f4 50%, #d5d5d5 100%)',
						'background': 'radial-gradient(center, circle contain, #0b4594 0%, #f3f4f4 50%, #d5d5d5 100%)'
					});
				}
			});
			
			el.setStyles({
				'cursor': 'pointer',
				'display': 'block',
				'margin-right': '5px',
				'padding': '3px 0 2px 20px',
				'position': 'relative'
			});
			
			el.getElement('input').setStyles({ 
				'position': 'absolute', 
				'left': '-9999px', 
				'top': '-99999px' 
			});
			
		});
										 
	});
})();

function popupform(c) {
	LeftPosition = (screen.width) ? (screen.width-550)/2 : 0;
	TopPosition = (screen.height) ? (screen.height-450)/2 : 0;
	if (!window.focus)return true;
		window.open(c, '', 'height=450,width=550,scrollbars=no,location=no,status=no,toolbars=no,top='+TopPosition+',left='+LeftPosition);

	return true;
}