window.addEvent('domready', function() {
	if($('slider')) {
		//slider variables for making things easier below
		var itemsHolder = $('slider');
		var myItems = $$(itemsHolder.getElements('.item'));
		
		//controls for slider
		var theControls = $('sliderMenu');
		var numNavHolder = $(theControls.getElement('ul'));
		var thePlayBtn = $(theControls.getElement('.play_btn'));
		var thePrevBtn = $(theControls.getElement('.prev_btn'));
		var theNextBtn = $(theControls.getElement('.next_btn'));
		
		
		//create instance of the slider, and start it up		
		var mySlider = new SL_Slider({
			slideTimer: 8000,
			orientation: 'horizontal',
			fade: true,                    
			isPaused: false,
			container: itemsHolder,
			items: myItems,
			numNavActive: true,
			numNavHolder: numNavHolder,
			playBtn: thePlayBtn,
			prevBtn: thePrevBtn,
			nextBtn: theNextBtn
		});
		mySlider.start();
	}
	
	if($('SlideItMoo_outer')) {
		new SlideItMoo({
			overallContainer: 'SlideItMoo_outer',
			elementScrolled: 'SlideItMoo_inner',
			thumbsContainer: 'SlideItMoo_items',		
			itemsVisible:3,
			elemsSlide:null,
			duration:300,
			itemsSelector: '.SlideItMoo_element',
			itemWidth: 300,
			showControls:1
		});
	}
	
	if($('accessoriesMenuUpper')) {
		new accessoriesHandler({});
	}
	
	//set up colour swap
	
	var myImg = $('swiftColourSwitch');
	var colours = $('swiftColours');
	var myImg1 = $('urban_jungleColourSwitch');
	var colours1 = $('urban_jungleColours');
	var myImg2 = $('duoColourSwitch');
	var colours2 = $('duoColours');
	var myImg3 = $('swiftColourSwitchCot');
	var colours3 = $('swiftColoursCot');
	var myImg4 = $('urban_jungleColourSwitchCot');
	var colours4 = $('urban_jungleColoursCot');
	var myImg5 = $('duoColourSwitchCot');
	var colours5 = $('duoColoursCot');
	
	if($('swiftColours')) {
		var myColour = new ColourHandler({
			num: 0,
			mainImg: myImg,
			colour: colours
		});
		myColour.start();
	}	
	if($('urban_jungleColours')) {		
		var myColour = new ColourHandler({
			num: 0,
			mainImg: myImg1,
			colour: colours1
		});
		myColour.start();
	}
	if($('duoColours')) {
		var myColour = new ColourHandler({
			num: 0,
			mainImg: myImg2,
			colour: colours2
		});
		myColour.start();
	}
	if($('swiftColoursCot')) {
		var myColour = new ColourHandler({
			num: 0,
			mainImg: myImg3,
			colour: colours3
		});
		myColour.start();
	}
	if($('urban_jungleColoursCot')) {
		var myColour = new ColourHandler({
			num: 0,
			mainImg: myImg4,
			colour: colours4
		});
		myColour.start();
	}
	if($('duoColoursCot')) {
		var myColour = new ColourHandler({
			num: 0,
			mainImg: myImg5,
			colour: colours5
		});
		myColour.start();
	}
	
});

var accessoriesHandler = new Class({
								   
	initialize: function() {
		var self = this;
		//init menu click events
		$('accessoriesMenuUpper').getFirst().getChildren().each(function(el, i){ el.addEvents({	'click': function() { self.clickHandler(i);	} }); });
		//init submenu click events
		$('aML-universal').getElements('a').each(function(el, i){ el.addEvents({ 'click': function() { self.subClickHandler(1,i); } }); });
		$('aML-swift').getElements('a').each(function(el, i){ el.addEvents({ 'click': function() { self.subClickHandler(2,i); } }); });
		$('aML-urban').getElements('a').each(function(el, i){ el.addEvents({ 'click': function() { self.subClickHandler(3,i); } }); });
		$('aML-duo').getElements('a').each(function(el, i){ el.addEvents({ 'click': function() { self.subClickHandler(4,i); } }); });
		$('accessoriesMenu-swiftThumb').addEvents({'click': function() { self.clickHandler(2); } });
		$('accessoriesMenu-urbanJungleThumb').addEvents({'click': function() { self.clickHandler(3); } });
		$('accessoriesMenu-duoThumb').addEvents({'click': function() { self.clickHandler(4); } });
	},
	
	clickHandler: function(num) {
		var self = this;
		
		var c0 = $('tab-home');
		var c1 = $('tab-universal');
		var c2 = $('tab-swift');
		var c3 = $('tab-urban');
		var c4 = $('tab-duo');
		
		var cArray = new Array(c0,c1,c2,c3,c4);
		var pArray = $('accessoriesMenuLower').getChildren();
		
		//hide all content
		cArray.each(function(el, i) { 
			el.style.display = 'none';
			el.getChildren().each(function(el, i) { el.style.display = 'none'; });
			if(i >= 0) {
				el.getFirst().style.display = 'block';
			}
		});
		
		if(num == 0) {
			cArray[0].getChildren().each(function(el,i) {el.style.display = 'block';})
		}
		
		pArray.each(function(el, i) { el.style.display = 'none'; });
		
		//show info
		cArray[num].style.display = 'block';
		//show submenu
		if(num-1 >= 0) { //if not homepage
			pArray[num].style.display = 'block';
		}
		//accessories menu current states
		$('accessoriesMenuUpper').getFirst().getChildren().getFirst().each(function(el, i){ el.removeClass('acc'); });
		switch(num) {
			case 0:
				$('accessoriesMenu-home').addClass('acc');
				break;
			case 1:
				$('accessoriesMenu-universal').addClass('acc');
				break;
			case 2:
				$('accessoriesMenu-swift').addClass('acc');
				break;
			case 3:
				$('accessoriesMenu-urban').addClass('acc');
				break;
			case 4:
				$('accessoriesMenu-duo').addClass('acc');
				break;
		}
	},
	
	subClickHandler: function(q,num) {
		var self = this;		

		//hide all sub content
		var subCArray = $('accessoriesContent').getChildren();
		subCArray.each(function(el,i){ 
			el.getChildren().each(function(el, i) { el.style.display = 'none'; });
		});		
		//show correct content
		subCArray[q].getChildren()[num].style.display = 'block';
		
	}
	
});

function changeFeature(num,p) {

	var c0 = $('tab-productName');
	var c1 = $('tab-features');
	var c2 = $('tab-configurations');
	var c3 = $('tab-specifications');
	var c4 = $('tab-instructions');
	var c5 = $('tab-duo2');
	
	var m0 = $('featuresMenu-product');
	var m1 = $('featuresMenu-features');
	var m2 = $('featuresMenu-configurations');
	var m3 = $('featuresMenu-specifications');
	var m4 = $('featuresMenu-instructions');
	var m5 = $('featuresMenu-duo2');
	
	if(c5 == null && m5 == null) { //if there are only 5 links do:
		var myArray = new Array(c0, c1, c2, c3, c4);
		var myArray2 = new Array(m0, m1, m2, m3, m4);
		for(var i = 0; i < 5; i++) { 
			myArray[i].style.display = 'none';
			myArray2[i].className = "";
		}
	} else {//if there are 6 links do:
		var myArray = new Array(c0, c1, c2, c3, c4, c5);
		var myArray2 = new Array(m0, m1, m2, m3, m4, m5);
		for(var i = 0; i < 6; i++) {
			myArray[i].style.display = 'none';
			myArray2[i].className = "";
		}
	}
		
		
	
	
	
	var pageArray = new Array("swift","urbanJungle","duo","carrycots");
	//var pageArrayOff = new Array("swiftOff", "urbanOff",duoOff);
	//var myArray3 = new Array(b0, b1, b2, b3, b4);

	

	switch(num) {
		case 0:
			c0.style.display = 'block';
			m0.className = pageArray[p];
			break;
		case 1:
			c1.style.display = 'block';
			m1.className = pageArray[p];
			break;
		case 2:
			c2.style.display = 'block';
			m2.className = pageArray[p];
			break;
		case 3:
			c3.style.display = 'block';
			m3.className = pageArray[p];
			break;
		case 4:
			c4.style.display = 'block';
			m4.className = pageArray[p];
			break;
		case 5:
			c5.style.display = 'block';
			m5.className = pageArray[p];
			break;
	}
}


//suckerfish
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);