//slider function for services page
$(document).ready(function(){
	//bind the tab
	$("#link1").hover(function () {
		$('#holderLeft').css("background-image", "url(images/home_image1.jpg)");
	});
	//bind the tab
	$("#link2").hover(function () {
		$('#holderLeft').css("background-image", "url(images/home_image2.jpg)");
	});
	//bind the tab
	$("#link2").hover(function () {
		$('#holderLeft').css("background-image", "url(images/home_image2.jpg)");
	});
	//bind the tab
	$("#link3").hover(function () {
		$('#holderLeft').css("background-image", "url(images/home_image3.jpg)");
	});
	//bind the tab
	$("#link4").hover(function () {
		$('#holderLeft').css("background-image", "url(images/home_image4.jpg)");
	});
	//bind the tab
	$("#link5").hover(function () {
		$('#holderLeft').css("background-image", "url(images/home_image5.jpg)");
	});
	//bind the tab
	$("#link6").hover(function () {
		$('#holderLeft').css("background-image", "url(images/home_image6.jpg)");
	});
	//bind the tab
	$("#link7").hover(function () {
		$('#holderLeft').css("background-image", "url(images/home_image7.jpg)");
	});
	//bind the tab
	$("#link9").hover(function () {
		$('#holderLeft').css("background-image", "url(images/home_image9.jpg)");
	});
	//bind the tab
	$("#link10").hover(function () {
		$('#holderLeft').css("background-image", "url(images/home_image10.jpg)");
	});
});


/*
window.addEvent('domready', function(){
	
	//for image 1
	$('link1').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('holderLeft').set('opacity', 0.5);
			$('holderLeft').morph({
				'opacity': 1,
				'background-image': 'url(images/home_image1.jpg)'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			
		}
	});
	
	//for image 2
	$('link2').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('holderLeft').set('opacity', 0.5);
			$('holderLeft').morph({
				'opacity': 1,
				'background-image': 'url(images/home_image2.jpg)'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			
		}
	});
	
	//for image 3
	$('link3').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('holderLeft').set('opacity', 0.5);
			$('holderLeft').morph({
				'opacity': 1,
				'background-image': 'url(images/home_image3.jpg)'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			
		}
	});
	
	//for image 4
	$('link4').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('holderLeft').set('opacity', 0.5);
			$('holderLeft').morph({
				'opacity': 1,
				'background-image': 'url(images/home_image4.jpg)'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			
		}
	});
	
	//for image 5
	$('link5').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('holderLeft').set('opacity', 0.5);
			$('holderLeft').morph({
				'opacity': 1,
				'background-image': 'url(images/home_image5.jpg)'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			
		}
	});
	
	//for image 6
	$('link6').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('holderLeft').set('opacity', 0.5);
			$('holderLeft').morph({
				'opacity': 1,
				'background-image': 'url(images/home_image6.jpg)'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			
		}
	});
	
	//for image 7
	$('link7').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('holderLeft').set('opacity', 0.5);
			$('holderLeft').morph({
				'opacity': 1,
				'background-image': 'url(images/home_image7.jpg)'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			
		}
	});
	
	//for image 8
	$('link8').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('holderLeft').set('opacity', 0.5);
			$('holderLeft').morph({
				'opacity': 1,
				'background-image': 'url(images/home_image8.jpg)'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			
		}
	});
	
	//for image 9
	$('link9').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('holderLeft').set('opacity', 0.5);
			$('holderLeft').morph({
				'opacity': 1,
				'background-image': 'url(images/home_image9.jpg)'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			
		}
	});
	
	//for image 10
	$('link10').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			$('holderLeft').set('opacity', 0.5);
			$('holderLeft').morph({
				'opacity': 1,
				'background-image': 'url(images/home_image10.jpg)'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			
		}
	});

	
});

*/

//function to change hover buttons color on home
function homeBtnStay (btnId){
	for(var i=1;i<11;i++){
		if(btnId!=i){
			document.getElementById('link'+i).style.backgroundPosition = '0';
		}else{
			document.getElementById('link'+i).style.backgroundPosition = '-162px 0';
		}
	}
}