/* the next line is an example of how you can override default options globally (currently commented out) ... */

 // $.fn.cluetip.defaults.tracking = true;
  // $.fn.cluetip.defaults.width = 'auto';
$(document).ready(function() {
	/*ボタンに対してイベントを設定 ダイアログを開く*/
	$('#imgBtn1').click(displayImg1);
	$('#imgBtn2').click(displayImg2);
	$('#imgBtn3').click(displayImg3);
	$('#imgBtn4').click(displayImg4);

});

function displayImg1(){
	resetTab();
$('#mainImg1').fadeIn(1000); 
$('#mainText1').fadeIn(1000);
}
function displayImg2(){
	resetTab();
$('#mainImg2').fadeIn(1000); 
$('#mainText2').fadeIn(1000);
}
function displayImg3(){
	resetTab();
$('#mainImg3').fadeIn(1000); 
$('#mainText3').fadeIn(1000);
}
function displayImg4(){
	resetTab();
$('#mainImg4').fadeIn(1000); 
$('#mainText4').fadeIn(1000);
}

function resetTab(){
	$('#mainImg1').hide(0);
	$('#mainText1').hide(0);
	$('#mainImg2').hide(0);
	$('#mainText2').hide(0);
	$('#mainImg3').hide(0);
	$('#mainText3').hide(0);
	$('#mainImg4').hide(0);
	$('#mainText4').hide(0);
}