window.addEvents({
	'domready': function() {
		
		// ipad, iphone, ipod check
		var userAgent = navigator.userAgent.toLowerCase();
		var osVersion = null;
		
		if (document.location.pathname.indexOf('/gallery') == 0 && userAgent.match(/ipad|ipod|iphone/i)) {
			if (userAgent.indexOf("os ") >= 0) {
				//alert(userAgent);
				osVersion = parseFloat(userAgent.match(/os [0-9_.]*/).toString().substr(3, 3).replace(/_/g, "."));
				if (osVersion < 5) {
					alert("Use two fingers to scroll through the gallery.");
				} else {
					alert("Use one finger to scroll through the gallery.");
				}
			}
		}
		
		// feature & showcase
		if(!Browser.Platform.ipod) {
			if(document.id('homeCarousel')) {
				new Swiff(base_url +'assets/flash/feature.swf', {
					id: 'featureFlash',
					container: 'homeCarousel',
					width: 497,
					height: 388,
					params: {
						wmode: 'transparent',
						allowScriptAccess: 'always'
					},
					vars: { 
						xml: base_url + 'showcase/feature.xml'
					},
					callBacks: { }
				});
			}
			if(document.id('showcase')) {
				new Swiff(base_url +'assets/flash/showcase.swf', {
					id: 'showcaseFlash',
					container: 'showcase',
					width: '100%',
					height: 200,
					params: {
						wmode: 'transparent',
						allowScriptAccess: 'always'
					},
					vars: { 
						xml: base_url + 'showcase/showcase.xml'
					},
					callBacks: { }
				});
			}
		}
		
		// search box
		if(document.id('search_for')) {
			var search = document.id('search_for');
			search.addEvents({
				'focus': function() {
					if(search.get('value').match('Search the TecSystems website...')) search.set('value', '');
					search.setStyles({
						'color': '#000000',
						'font-size': '12px'
					});
					
				},
				'blur': function() {
					if(search.get('value').match('Search the TecSystems website...') || search.get('value').length < 1) {
						search.setStyles({
							'color': '#cccccc',
							'font-size': '11px'
						}).set('value', 'Search the TecSystems website...');
					} else {
						search.setStyles({
							'color': '#000000',
							'font-size': '12px'
						});
					}
				},
				'domready': function() {
					if(search.get('value').match('Search the TecSystems website...')) {
						search.setStyles({
							'color': '#cccccc',
							'font-size': '11px'
						});
					} 
				}
			});
		}
		
		// main nav
		if (document.id('nav')) {
			document.id('nav').setStyle('background', 'url('+ base_url +'assets/images/navbg.gif) no-repeat 0px 0px');
			if($$('#nav ul li').length > 0) {
				
				// calculate position
				var isOpen          = false;
				var selected_ele    = ($$('#nav .selected')[0] != undefined) ? $$('#nav .selected')[0] : null;
				var selected_item   = ($$('#nav .selected')[0] != undefined) ? $$('#nav .selected')[0].getCoordinates() : {top: 80, left: -100, width: 0};
				var selected_parent = $('nav').getCoordinates();
				var bg_width        = 83;
				var ul_padding_left = 12;
				var x = selected_item.left - selected_parent.left - Math.floor(((bg_width + ul_padding_left) - selected_item.width) / 2) + 6;
				var y = selected_item.top - selected_parent.top;
				document.id('nav').setStyle('background-position', x + 'px ' + y + 'px');
			
				var tweener = document.id('nav').set('tween',{ 
					duration: 500, 
					onComplete: function() {
						isOpen = !isOpen;
						if (isOpen) {
							if (selected_ele.getElement('.sub')) {
								selected_ele.getElement('.sub').setStyle('display', 'block');
							}
						}
					} 
				}); 
				
			
				$$('#nav li').each(function(ele, index) {
					if (ele.getParent('ul').get('id') == "nav") { // only do parent level
						if (selected_ele != ele) {
							ele.addEvent('mouseover', function(ev) {
								isOpen = true;
								if (selected_ele != null && selected_ele.getElement('.sub')) {
									selected_ele.getElement('.sub').setStyle('display', 'none');
								}
								selected_item = ele.getCoordinates();
								selected_parent = ele.getParent('ul').getCoordinates();
								x = selected_item.left - selected_parent.left - Math.floor(((bg_width + ul_padding_left) - selected_item.width) / 2) + 6;
								y = selected_item.top - selected_parent.top;
								tweener.tween('background-position', x + 'px ' + y + 'px');
								if (ele.getElement('.sub')) {
									ele.getElement('.sub').setStyle('display', 'block');
								}
							});
						
							ele.addEvent('mouseout', function(ev) {
								selected_item = ($$('#nav .selected')[0] != undefined) ? $$('#nav .selected')[0].getCoordinates() : {top: 80, left: -100, width: 0};
								//selected_parent = $$('#nav .selected')[0].getParent('ul').getCoordinates();
								x = selected_item.left - selected_parent.left - Math.floor(((bg_width + ul_padding_left) - selected_item.width) / 2) + 6;
								y = selected_item.top - selected_parent.top;
								tweener.tween('background-position', x + 'px ' + y + 'px');
								if (ele.getElement('.sub')) {
									ele.getElement('.sub').setStyle('display', 'none');
								}
							});
						}
						// sub nav 
						var subNavs = ele.getChildren('.sub');
						var navWidth = ele.getCoordinates().width;
						if (subNavs.length > 0) {
							subNavs.each(function(subNav, index) {
								subNav.setStyle('display', 'block'); // invisible elements have no width
								var totalWidth = 0;
								subNav.getChildren('li').each(function(li, i) {
									totalWidth += li.getCoordinates().width;
								});
								subNavs.setStyle('margin-left', '-' + Math.floor((totalWidth - navWidth) / 2) + 'px');
								if (!subNav.getParent('li').hasClass('selected')) subNav.setStyle('display', 'none');
								
							});
						}
					}
				});
			}
			
			
		}
		
		var fading_images = $$('.product-images');
		fading_images.each(function(img_block) {
			var layers = img_block.getElements('a img');
			var lyri = 0;
			if(document.id(layers[0])) {
				layers.each(function(img, index) {
					if(index > 0) img.set('opacity', 0);
				});
				(function(){ 
					document.id(layers[lyri]).set('tween', {duration: 500}).fade(0);
					lyri = (lyri == layers.length-1)? 0 : lyri+1;
					document.id(layers[lyri]).set('tween', {duration: 500}).fade(1);
				}).periodical(5000);
			}
		});
		
		/*
		var fadeToNextImage = function() {
			fading_images.each(function(ele, index) {
				var images = ele.getElements('a img');
				if (images.length > 1) {
					images[0].fade('out');
					images[1].fade('in');
					ele.grab(images[0]);
				}
			});
		}
		
		if (fading_images.length != 0) {
			setInterval(fadeToNextImage, 5000);
		}
		
		/*if ($$('.subNav')) {
			if (accordion_item == undefined) {
				var accordion_item = 0;
			}
			var accordion = new Fx.Accordion($$('.toggler'), $$('.element'), {
				show: accordion_item,
			    opacity: 0
			    
			});
			$$('.toggler span').setStyle('cursor', 'pointer')
			//$$('.toggler').addEvent('mouseover', function(){this.fireEvent('click');});
			
		}*/
		
		/*
		// panel switcher
		if ($$('.subpageSelection li').length > 0) {
			$$('.subpageSelection li a').each(function(ele, index) {
				ele.addEvent('click', function(ev) {
					new Event(ev).stop();
					
					// remove current selection
					$$('.subpageSelection li a').each(function(btn, i) {
						if (btn.hasClass('selected')) btn.removeClass('selected');
					});
					$$('.pagePanel').each(function(pnl, i) {
						if (pnl.hasClass('selected')) pnl.removeClass('selected');
					});
					
					// selects the clicked one
					ele.addClass('selected');
					document.id(ele.id.replace('btn', 'pnl')).addClass('selected');
				});
			});
		}
		*/
	}
});

Cufon.set('fontFamily', 'ApexNewBook').replace('#homeContent h3')('#content h3');
Cufon.set('fontFamily', 'ApexNewBold').replace('#homeFeat h2')('#homeFeat .phone')('#content h2');
Cufon.now();