// JavaScript Document
$(document).ready( function(){
		$("#introduction").show();
		$("#features").hide();
		$("#specification").hide();
		$("#support").hide();
		$("#buy").hide();
		
		$("#brochurePCVaccine").hide();
		
		$("#introductionPc").click( function(){
			$("#introduction").animate({ width: "820", left: "15"}, "slow");
			$("#features").animate({ width: "20", left: "885"}, "slow");
			$("#specification").animate({ width: "20", left: "885"}, "slow");
			$("#support").animate({ width: "20", left: "885"}, "slow");
			$("#buy").animate({ width: "20", left: "885"}, "slow");
			$("#introduction").show("slow");
			$("#features").hide("slow");
			$("#specification").hide("slow");
			$("#support").hide("slow");
			$("#buy").hide("slow");
			return false; });
		
		$("#featuresPc").click( function(){
			$("#introduction").animate({ width: "20", left: "885"}, "slow");
			$("#features").animate({ width: "820", left: "15"}, "slow");
			$("#specification").animate({ width: "20", left: "885"}, "slow");
			$("#support").animate({ width: "20", left: "885"}, "slow");
			$("#buy").animate({ width: "20", left: "885"}, "slow");
			$("#introduction").hide("slow");
			$("#features").show("slow");
			$("#specification").hide("slow");
			$("#support").hide("slow");
			$("#buy").hide("slow");
			return false; });
			
		$("#specificationPc").click( function(){
			$("#introduction").animate({ width: "20", left: "885"}, "slow");
			$("#features").animate({ width: "20", left: "885"}, "slow");
			$("#specification").animate({ width: "820", left: "15"}, "slow");
			$("#support").animate({ width: "20", left: "885"}, "slow");
			$("#buy").animate({ width: "20", left: "885"}, "slow");
			$("#introduction").hide("slow");
			$("#features").hide("slow");
			$("#specification").show("slow");
			$("#support").hide("slow");
			$("#buy").hide("slow");
			return false; });
			
		$("#supportPc").click( function(){
			$("#introduction").animate({ width: "20", left: "885"}, "slow");
			$("#features").animate({ width: "20", left: "885"}, "slow");
			$("#specification").animate({ width: "20", left: "885"}, "slow");
			$("#support").animate({ width: "820", left: "15"}, "slow");
			$("#buy").animate({ width: "20", left: "885"}, "slow");
			$("#introduction").hide("slow");
			$("#features").hide("slow");
			$("#specification").hide("slow");
			$("#support").show("slow");
			$("#buy").hide("slow");
			return false; });
			
		$("#buyPc").click( function(){
			$("#introduction").animate({ width: "20", left: "885"}, "slow");
			$("#features").animate({ width: "20", left: "885"}, "slow");
			$("#specification").animate({ width: "20", left: "885"}, "slow");
			$("#support").animate({ width: "20", left: "885"}, "slow");
			$("#buy").animate({ width: "820", left: "15"}, "slow");
			$("#introduction").hide("slow");
			$("#features").hide("slow");
			$("#specification").hide("slow");
			$("#support").hide("slow");
			$("#buy").show("slow");
			return false; });
	}
);

// *** download brochure ***

var myBrochureUrl, myBrochureID;
function gotoBrochure(myBrochureUrl, myBrochureID){
	$.ajax({
		type: "GET",
		url: myBrochureUrl,
		data: "pilihan="+myBrochureID,
		success: function(html){
			$("#brochurePCVaccine").html(html);
			$("#brochurePCVaccine").show('slow');
		}
	}
	);	
}

function gotoExample(){
	$.ajax({
		url: "pcvaccineExample.php",
		success: function(html){
			$("#brochurePCVaccine").html(html);
			$("#brochurePCVaccine").show('slow');
		}
	}
	);	
}

$(document).click( function(){ $("#brochurePCVaccine").hide('slow'); });