$(document).ready(function () {
//    $('img.menu_class').hover(function () {
//		$('ul.the_menu').slideToggle('medium');
//    });
// 	$('img.menu_class2').hover(function () {
//		$('ul.the_menu2').slideToggle('medium');
//    });
	 $("#img_02").fadeTo("slow", 0);
	 $("#img_03").fadeTo("slow", 0);
	
	
	/*$('#button_1').hover(function(){
		$("#parent4-1-img").attr("src", "images/all-in-one_hover.jpg");
		
	}, function() {
		$("#parent4-1-img").attr("src", "images/all-in-one.jpg");
		
	});
	
	$('#button_2').hover(function(){
		$("#parent4-2-img").attr("src", "images/paying_hover.jpg");
		
	}, function() {
		$("#parent4-2-img").attr("src", "images/paying.jpg");
		
	});
	
	
	$('#button_3').hover(function(){
		$("#parent4-3-img").attr("src", "images/control_hover.jpg");
		
	}, function() {
		$("#parent4-3-img").attr("src", "images/control.jpg");
		
	});
	
		$('#button_4').hover(function(){
		$("#parent4-4-img").attr("src", "images/trial_hover.jpg");
		
	}, function() {
		$("#parent4-4-img").attr("src", "images/trial.jpg");
		
	});
	*/
	
//	Click Funcation 
	
	
	$('#button_1').click(function(){
		$("#img_01").css('left', '0');
		$("#img_01").fadeTo("slow", 1.0);
		$("#img_02").fadeTo("slow", 0);
		$("#img_03").fadeTo("slow", 0);
		$("#img_04").fadeTo("slow", 0);
		$("#img_02").removeAttr("style");
		$("#img_03").removeAttr("style");
		$("#img_04").removeAttr("style");
	}, function() {
		$("#img_01").css('left', '0');
		$("#img_01").fadeTo("slow", 1.0);
		$("#img_02").fadeTo("slow", 0);
		$("#img_03").fadeTo("slow", 0);
		$("#img_04").fadeTo("slow", 0);
		$("#img_02").removeAttr("style");
		$("#img_03").removeAttr("style");
		$("#img_04").removeAttr("style");
	});
	
	$('#button_2').click(function(){
		$("#img_02").css('left', '0');
		$("#img_01").fadeTo("slow", 0);
		$("#img_02").fadeTo("slow", 1.0);
		$("#img_03").fadeTo("slow", 0);
		$("#img_04").fadeTo("slow", 0);
		$("#img_01").removeAttr("style");
		$("#img_03").removeAttr("style");
		$("#img_04").removeAttr("style");
	}, function() {
		$("#img_02").css('left', '0');
		$("#img_01").fadeTo("slow", 0);
		$("#img_02").fadeTo("slow", 1.0);
		$("#img_03").fadeTo("slow", 0);
		$("#img_04").fadeTo("slow", 0);
		$("#img_01").removeAttr("style");
		$("#img_03").removeAttr("style");
		$("#img_04").removeAttr("style");
	});
	
	
	$('#button_3').click(function(){
		$("#img_03").css('left', '0');
		$("#img_01").fadeTo("slow", 0);
		$("#img_02").fadeTo("slow", 0);
		$("#img_03").fadeTo("slow", 1.0);
		$("#img_04").fadeTo("slow", 0);
		$("#img_01").removeAttr("style");
		$("#img_02").removeAttr("style");
		$("#img_04").removeAttr("style");
	}, function() {
		$("#img_03").css('left', '0');
		$("#img_01").fadeTo("slow", 0);
		$("#img_02").fadeTo("slow", 0);
		$("#img_03").fadeTo("slow", 1.0);
		$("#img_04").fadeTo("slow", 0);
		$("#img_01").removeAttr("style");
		$("#img_02").removeAttr("style");
		$("#img_04").removeAttr("style");
	});
	
	$('#button_4').click(function(){
		$("#img_04").css('left', '0');
		$("#img_01").fadeTo("slow", 0);
		$("#img_02").fadeTo("slow", 0);
		$("#img_03").fadeTo("slow", 0);
		$("#img_04").fadeTo("slow", 1.0);
		$("#img_01").removeAttr("style");
		$("#img_02").removeAttr("style");
		$("#img_03").removeAttr("style");
	}, function() {
		$("#img_04").css('left', '0');
		$("#img_01").fadeTo("slow", 0);
		$("#img_02").fadeTo("slow", 0);
		$("#img_03").fadeTo("slow", 0);
		$("#img_04").fadeTo("slow", 1.0);
		$("#img_01").removeAttr("style");
		$("#img_02").removeAttr("style");
		$("#img_03").removeAttr("style");
	});
	
	

	 $("#button_1").click(function () { 
      $(this).addClass("active1"); 
	  $("#button_2").removeClass("active2");
	   $("#button_3").removeClass("active3");
	    $("#button_4").removeClass("active4");
 
  
    });
	 
$("#button_2").click(function () { 
      $(this).addClass("active2"); 
	  $("#button_1").removeClass("active1");
	   $("#button_3").removeClass("active3");
	    $("#button_4").removeClass("active4");
  
    });

$("#button_3").click(function () { 
      $(this).addClass("active3"); 
	  $("#button_1").removeClass("active1");
	   $("#button_2").removeClass("active2");
	    $("#button_4").removeClass("active4");
  
    });

$("#button_4").click(function () { 
      $(this).addClass("active4"); 
	  $("#button_1").removeClass("active1");
	   $("#button_3").removeClass("active3");
	    $("#button_2").removeClass("active2");
  
    });

});