window.addEvent('domready', function(){
	
	
	//---------------------------------------
	//TABS/SLIDESHOW FOR WHAT WE DO PAGE
	//---------------------------------------


	//-------------------
	// add initialisation routine to select tab on initial linking
	//-------------------
	if(window.location.hash !== ''){//we've got a #some-service
		//alert (window.location.hash);
		
		var hashID = window.location.hash.substring(1);//get rid of '#'
		var tabID = 0;
		
        //show hide tabbed blurb
        var tabs = $$('#service-tabbed div');			        
        tabs.each(function(tabRef, j){
        	//alert(tabHideRef.getProperty('id')+' '+hashID);
        	if(tabRef.getProperty('id') == hashID){
        		//alert(tabHideRef.getProperty('id')+'#');
        		tabRef.setStyle('display', 'block');
        		tabID = j;		            		
        	}else{
            	tabRef.setStyle('display', 'none');
            }
        });	
        
        //deal with 'selected' class on tabs
        var selTab = $$('#service-tabs li a');
        selTab.each(function(selTabRef, j){
        	//alert(j+' '+tabRef);
        	if(j != tabID){
            	selTabRef.removeClass('selected');
        	}else{
        		selTabRef.addClass('selected');
        	}
        });
        
        //show hide tabbed scroll
        var scrolls = $$('#service-scroll-tabbed div.service-scroll');			        
        scrolls.each(function(scrollRef, j){
        	if(j != tabID){
            	scrollRef.setStyle('display', 'none');
        	}else{
        		scrollRef.setStyle('display', 'block');
        	}
        });				            		

	}
	//-------------------	
	
	//-------------------
	// add click action
	//-------------------
	var tabs = $$('#service-tabs li a');// 
	
	tabs.each(function(tab , i){	    	
			if( i < tabs.length){		   
			tab.addEvent('click',
			function(event){

		        //show hide tabbed blurb
		        var tabHide =  tabShow = $$('#service-tabbed div');			        
	            tabHide.each(function(tabHideRef, j){
	                tabHideRef.setStyle('display', 'none');
	            });		            
		        tabShow[i].setStyle('display', 'block');
		        
		        //show hide tabbed scroll
		        var tabHide =  tabShow = $$('#service-scroll-tabbed div.service-scroll');			        
	            tabHide.each(function(tabHideRef, j){
	                tabHideRef.setStyle('display', 'none');
	            });		            
		        tabShow[i].setStyle('display', 'block');
		        
		        //deal with 'selected' class on tabs
		        var selRemove = $$('#service-tabs li a');
	            selRemove.each(function(selRemoveRef, j){
	                selRemoveRef.removeClass('selected');
	            });
		        tab.addClass('selected');
		        
		        //return scroller to default position
		        var scroller = new Fx.Scroll($('service-scroll-tabbed'));
				scroller.set(0,0);
				
				//return 'selected' class on tabbed blurb to default		       
	            var clsParent = $$('#service-tabbed div');	            
	            var clsRemove = clsAdd = clsParent[i].getElements('li');
	            clsRemove.each(function(clRef, j){
	                clRef.removeClass('selected');
	            });
		        clsAdd[0].addClass('selected');	
		        
		        pos = i;
	        });		    
	    }
	});	
	//-------------------
	// scrolling code per tab
	//-------------------
	var scrollOne = new Fx.Scroll('service-scroll-tabbed', {
		wait: false,
		duration: 1000,
		offset: {'x': -0, 'y': -0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	
	var secBtn1 = $$('#service-tabbed #service-brand li a');// name of buttons
	var sections1 = $$('#scroll-brand div.service-example');//name of page areas within scroller
	
	secBtn1.each(function(section , i){	    	
			if( i < sections1.length){		   
			section.addEvent('click',
			function(event){
				//var whichTabName = this.getParent().getParent().getParent().id.split('-')[1];	
		        event = new Event(event).stop();
		        scrollOne.toElement(sections1[i].id);
		        
		        //deal with class for button related to this scroll pane
		        var clsRemove = clsAdd = $$('#service-tabbed #service-brand li');
	            clsRemove.each(function(secBtnHolder, j){
	                secBtnHolder.removeClass('selected');
	            });
		        clsAdd[i].addClass('selected');		        
		        
		        pos = i;
	        });		    
	    }
	});
	
	//-------------------
	var scrollTwo = new Fx.Scroll('service-scroll-tabbed', {
		wait: false,
		duration: 1000,
		offset: {'x': -0, 'y': -0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	var secBtn2 = $$('#service-tabbed #service-digital li a');// name of buttons
	var sections2 = $$('#scroll-digital div.service-example');//name of page areas within scroller
	
	secBtn2.each(function(section , i){	    	
			if( i < sections2.length){		   
			section.addEvent('click',
			function(event){
		        event = new Event(event).stop();
		        scrollTwo.toElement(sections2[i].id);
		        
		        //deal with class for button related to this scroll pane
		        var clsRemove = clsAdd = $$('#service-tabbed #service-digital li');
	            clsRemove.each(function(secBtnHolder, j){
	                secBtnHolder.removeClass('selected');
	            });
		        clsAdd[i].addClass('selected');		        
		        
		        pos = i;
	        });		    
	    }
	});
	//-------------------
	var scrollThree = new Fx.Scroll('service-scroll-tabbed', {
		wait: false,
		duration: 1000,
		offset: {'x': -0, 'y': -0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	
	var secBtn3 = $$('#service-tabbed #service-print li a');// name of buttons
	var sections3 = $$('#scroll-print div.service-example');//name of page areas within scroller
	
	secBtn3.each(function(section , i){	    	
			if( i < sections3.length){		   
			section.addEvent('click',
			function(event){
		        event = new Event(event).stop();
		        scrollThree.toElement(sections3[i].id);
		        
		        //deal with class for button related to this scroll pane
		        var clsRemove = clsAdd = $$('#service-tabbed #service-print li');
	            clsRemove.each(function(secBtnHolder, j){
	                secBtnHolder.removeClass('selected');
	            });
		        clsAdd[i].addClass('selected');		        
		        
		        pos = i;
	        });		    
	    }
	});
	//END WHAT WE DO
	//---------------------------------------
	
});