$(document).ready(function(){
	$('#btn1img').attr('src','includes/images/header/red1.png');
	$('#btn2img').attr('src','includes/images/header/gray2.png');
	$('#btn3img').attr('src','includes/images/header/gray3.png');
	$('#btn4img').attr('src','includes/images/header/gray4.png');
	
});

function btnclick(thisli){
	for(i=1;i<5;i++){
		var thisimg = 'btn' + i + 'img';
		if(thisli == i){
			$('#' + thisimg).attr('src','includes/images/header/red' + i + '.png');
		} else {
			$('#' + thisimg).attr('src','includes/images/header/gray' + i + '.png');
		}
	}
}

function rotationbtnclick(index){
	for(i=1;i<5;i++){
		var thisimg = 'btn' + i + 'img';
		if(index == i){
			$('#' + i).attr('class','show');
			$('#' + i).css('opacity','1');
			$('#' + thisimg).attr('src','includes/images/header/red' + i + '.png');
		} else {
			$('#' + i).attr('class','');
			$('#' + i).css('opacity','0');
			$('#' + thisimg).attr('src','includes/images/header/gray' + i + '.png');
		}
	}
}