window.addEvent('domready', function(){ 
	var initMultiBox = new multiBox({
		mbClass: '.mb, .mbMini, .variant-link',//class you need to add links that you want to trigger multiBox with (remember and update CSS files)
		container: $(document.body),//where to inject multiBox
		useOverlay: true,//use a semi-transparent background. default: false;
		maxSize: {w:600, h:600},//max dimensions (width,height) - set to null to disable resizing
		recalcTop: true//subtract the height of controls panel from top position
	});

	var lighboxs = $$('.mb, .mbMini');
	if (lighboxs.length > 0) {
		var plus = new Element('img', {
			'src': base_url + 'assets/images/plus.png',
			'class': 'mbPlus'
		});
		lighboxs.each(function(e) {
			plus.clone().inject(e);
		});
	}
	
	if (document.id('featureProducts')) {
		featureProiductsSlider();
	}
	
	
	if(document.id('client-showcase')) {
		
		//store titles and text
		$$('a.mb').each(function(element,index) {
			element.store('tip:title', element.getChildren('.enlarge')[0].get('alt'));
			element.store('tip:text', '<img src="' + element.get('href') + '" width="214" height="214" />');
		});
		
		//create the tooltips
		var tipz = new Tips('a.mb',{
			className: 'tipz',
			fixed: false,
			hideDelay: 50,
			showDelay: 50
		});
		
	}
	
	if (document.id('products')) {
		//store titles and text
		$$('a.variant-link').each(function(element,index) {
			element.store('tip:title', element.get('title'));
			element.store('tip:text', '<img src="' + element.get('href') + '" width="214" height="214" />');
		});
		
		//create the tooltips
		var tipz = new Tips('a.variant-link',{
			className: 'tipz',
			fixed: false,
			hideDelay: 50,
			showDelay: 50
		});
	}
	 
	if(document.id('footerNav')) {
		var navWidth = 0;
		$$('#footerNav li').each(function(navLi) {
			navWidth += navLi.getWidth().toInt();
		});
		document.id('footerNav').setStyles({
			'width': navWidth +'px',
			'margin-left': ((document.id('footer').getWidth().toInt() - navWidth) / 2)
		});
	}
});

var featureProiductsSlider = function() {
	
	var sliders = $$('#featureProductsSlider a').length;
	var scrollElement = document.id('featureProducts');
	scrollElement.setStyle('overflow', 'hidden');
	
	if(sliders > 4) {
		var scrollFX = new Fx.Scroll(scrollElement);
		
		var scrollOffset = (Browser.Engine.webkit) ? 165.8 : scrollElement.getScrollWidth() / sliders;
	
		var arrowWrapper = new Element('div', {
			style: 'position: relative'
		}).wraps(scrollElement);
	
		var leftArrow = new Element('img', {
			'src': base_url + 'assets/images/left.png',
			'class': 'sliderArrowLeft'
		}).inject(arrowWrapper);
	
		var rightArrow = new Element('img', {
			'src': base_url + 'assets/images/right.png',
			'class': 'sliderArrowRight'
		}).inject(arrowWrapper);
	
		leftArrow.addEvent('click', function() {
			var scrollToX = ((scrollElement.getScrollLeft() - scrollOffset) < 0) ? 0 : (scrollElement.getScrollLeft() - scrollOffset);
			scrollFX.start(scrollToX, 0);
		});
	
		rightArrow.addEvent('click', function() {
			var scrollToX = ((scrollElement.getScrollLeft() + scrollOffset) > (scrollElement.getScrollWidth() - (5 * scrollOffset))) ? (scrollElement.getScrollWidth() - (5 * scrollOffset)) : (scrollElement.getScrollLeft() + scrollOffset);
			scrollFX.start(scrollToX, 0);
		});	
	}
}