$(document).ready(function(){
	InitialiseImages();
	$("#thumb1").click(function(){
		ShowImage1();
	});
	$("#thumb2").click(function(){
		ShowImage2();
	});
	$("#thumb3").click(function(){
		ShowImage3();
	});
	$("#thumb4").click(function(){
		ShowImage4();
	});
	$("#right-container2").css("padding-top","40px");
});

function InitialiseImages()
{
	$("#image1").show();
	$("#thumb2").show().css("margin-right","11px");
	$("#thumb3").show();
	$("#thumb4").show().css("margin-left","11px");
}

function ShowImage1()
{
	HideAllImages();
	$("#image1").show();
	$("#thumb2").show().css("margin-right","11px");
	$("#thumb3").show();
	$("#thumb4").show().css("margin-left","11px");
}

function ShowImage2()
{
	HideAllImages();
	$("#image2").show();
	$("#thumb1").show().css("margin-right","11px");
	$("#thumb3").show();
	$("#thumb4").show().css("margin-left","11px");
}

function ShowImage3()
{
	HideAllImages();
	$("#image3").show();
	$("#thumb1").show().css("margin-right","11px");
	$("#thumb2").show();
	$("#thumb4").show().css("margin-left","11px");
}

function ShowImage4()
{
	HideAllImages();
	$("#image4").show();
	$("#thumb1").show().css("margin-right","11px");
	$("#thumb2").show();
	$("#thumb3").show().css("margin-left","11px");
}

function HideAllImages()
{
	$("#image1").hide();
	$("#image2").hide();
	$("#image3").hide();
	$("#image4").hide();
	$("#thumb1").hide().css("margin","0px");
	$("#thumb2").hide().css("margin","0px");
	$("#thumb3").hide().css("margin","0px");
	$("#thumb4").hide().css("margin","0px");
}