//initialise
jQuery.noConflict();
 
jQuery(document).ready(function()
{
	var p1 = document.getElementById('place1');
	var p2 = document.getElementById('place2');
	var p3 = document.getElementById('place3');
	var p4 = document.getElementById('place4');
	var i1 = document.getElementById('place1').getElementsByTagName('img')[0].src;
	var i2 = document.getElementById('place2').getElementsByTagName('img')[0].src;
	var i3 = document.getElementById('place3').getElementsByTagName('img')[0].src;
	var i4 = document.getElementById('place4').getElementsByTagName('img')[0].src;
	var po1 = document.getElementById('place1').getElementsByTagName('p')[0].innerHTML;
	var po2 = document.getElementById('place2').getElementsByTagName('p')[0].innerHTML;
	var po3 = document.getElementById('place3').getElementsByTagName('p')[0].innerHTML;
	var po4 = document.getElementById('place4').getElementsByTagName('p')[0].innerHTML;
	jQuery("#place1").click(function()
	{
		jQuery("#place1 img").animate({"opacity":0, "left":"181px","top":"-55px", "width":"350px","height":"197px"}, 500);
		jQuery("#place2 img").animate({"opacity":0, "left":"360px","top":"55px", "width":"170px", "height":"96px" }, 600);
		jQuery("#place3 img").animate({"opacity":0, "left":"-276px","top":"-157px"}, 500);
		jQuery("#place4 img").animate({"opacity":0, "left":"-255px","top":"156px"}, 500, function ()
		{
			jQuery("#place1 img").animate({"opacity":0, "left":"0","top":"0", "width":"170px","height":"96px"}, 50);
			jQuery("#place2 img").animate({"opacity":0, "left":"0","top":"0", "width":"350px", "height":"197px" }, 50);
			jQuery("#place3 img").animate({"opacity":0, "left":"0","top":"0"}, 50);
			jQuery("#place4 img").animate({"opacity":0, "left":"0","top":"0"}, 50, function ()
		{
			p1.getElementsByTagName('img')[0].src = i4.replace("lg","sm");
			p2.getElementsByTagName('img')[0].src = i1.replace("sm","lg");
			p3.getElementsByTagName('img')[0].src = i2.replace("lg","sm");
			p4.getElementsByTagName('img')[0].src = i3.replace("lg","sm");
			i1 = document.getElementById('place1').getElementsByTagName('img')[0].src;
			i2 = document.getElementById('place2').getElementsByTagName('img')[0].src;
			i3 = document.getElementById('place3').getElementsByTagName('img')[0].src;
			i4 = document.getElementById('place4').getElementsByTagName('img')[0].src;
			jQuery("#place1 p").html(po4);
			jQuery("#place2 p").html(po1);
			jQuery("#place3 p").html(po2);
			jQuery("#place4 p").html(po3);
			po1 = document.getElementById('place1').getElementsByTagName('p')[0].innerHTML;
			po2 = document.getElementById('place2').getElementsByTagName('p')[0].innerHTML;
			po3 = document.getElementById('place3').getElementsByTagName('p')[0].innerHTML;
			po4 = document.getElementById('place4').getElementsByTagName('p')[0].innerHTML;
			jQuery("#place1 img").animate({"opacity":1 }, 150);
			jQuery("#place2 img").animate({"opacity":1 }, 150);
			jQuery("#place3 img").animate({"opacity":1 }, 150);
			jQuery("#place4 img").animate({"opacity":1 }, 150);
			p2.getElementsByTagName('a')[0].href = i2;
			p2.getElementsByTagName('a')[1].href = p2.getElementsByTagName('a')[0].href.replace("thumb","img");
			//p2.getElementsByTagName('a')[1].href.;
		});
		});
	});
	/*jQuery("#place2").click(function()
	{
		jQuery("#place1 img").animate({"opacity":0, "left":"170px","top":"-80px", "width":"350px","height":"197px"}, 500);
		jQuery("#place2 img").animate({"opacity":0, "left":"355px","top":"70px", "width":"170px", "height":"130px" }, 600);
		jQuery("#place3 img").animate({"opacity":0, "left":"-280px","top":"-210px"}, 500);
		jQuery("#place4 img").animate({"opacity":0, "left":"-260px","top":"210px"}, 500, function ()
		{
			jQuery("#place1 img").animate({"opacity":0, "left":"0","top":"0", "width":"170px","height":"130px"}, 50);
			jQuery("#place2 img").animate({"opacity":0, "left":"0","top":"0", "width":"350px", "height":"197px" }, 50);
			jQuery("#place3 img").animate({"opacity":0, "left":"0","top":"0"}, 50);
			jQuery("#place4 img").animate({"opacity":0, "left":"0","top":"0"}, 50, function ()
		{
			p1.getElementsByTagName('img')[0].src = i4.replace("lg","sm");
			p2.getElementsByTagName('img')[0].src = i1.replace("sm","lg");
			p3.getElementsByTagName('img')[0].src = i2.replace("lg","sm");
			p4.getElementsByTagName('img')[0].src = i3.replace("lg","sm");
			i1 = document.getElementById('place1').getElementsByTagName('img')[0].src;
			i2 = document.getElementById('place2').getElementsByTagName('img')[0].src;
			i3 = document.getElementById('place3').getElementsByTagName('img')[0].src;
			i4 = document.getElementById('place4').getElementsByTagName('img')[0].src;
			jQuery("#place1 p").html(po4);
			jQuery("#place2 p").html(po1);
			jQuery("#place3 p").html(po2);
			jQuery("#place4 p").html(po3);
			po1 = document.getElementById('place1').getElementsByTagName('p')[0].innerHTML;
			po2 = document.getElementById('place2').getElementsByTagName('p')[0].innerHTML;
			po3 = document.getElementById('place3').getElementsByTagName('p')[0].innerHTML;
			po4 = document.getElementById('place4').getElementsByTagName('p')[0].innerHTML;
			jQuery("#place1 img").animate({"opacity":1 }, 150);
			jQuery("#place2 img").animate({"opacity":1 }, 150);
			jQuery("#place3 img").animate({"opacity":1 }, 150);
			jQuery("#place4 img").animate({"opacity":1 }, 150);
		});
		});
	});*/
	jQuery("#place3").click(function()
	{																								   
		jQuery("#place1 img").animate({"opacity":0, "left":"265px","top":"-163px"}, 500);
		jQuery("#place2 img").animate({"opacity":0, "left":"-186px","top":"56px", "width":"170px", "height":"96px" }, 600);
		jQuery("#place3 img").animate({"opacity":0, "left":"-356px","top":"-57px", "width":"350px","height":"197px"}, 500);
		jQuery("#place4 img").animate({"opacity":0, "left":"275px","top":"155px"}, 500, function ()
		{
			jQuery("#place1 img").animate({"opacity":0, "left":"0","top":"0"}, 50);
			jQuery("#place2 img").animate({"opacity":0, "left":"0","top":"0", "width":"350px", "height":"197px" }, 50);
			jQuery("#place3 img").animate({"opacity":0, "left":"0","top":"0", "width":"170px","height":"96px" }, 50);
			jQuery("#place4 img").animate({"opacity":0, "left":"0","top":"0"}, 50, function ()
		{
			p1.getElementsByTagName('img')[0].src = i2.replace("lg","sm");
			p2.getElementsByTagName('img')[0].src = i3.replace("sm","lg");
			p3.getElementsByTagName('img')[0].src = i4.replace("lg","sm");
			p4.getElementsByTagName('img')[0].src = i1.replace("lg","sm");
			i1 = document.getElementById('place1').getElementsByTagName('img')[0].src;
			i2 = document.getElementById('place2').getElementsByTagName('img')[0].src;
			i3 = document.getElementById('place3').getElementsByTagName('img')[0].src;
			i4 = document.getElementById('place4').getElementsByTagName('img')[0].src;
			jQuery("#place1 p").html(po2);
			jQuery("#place2 p").html(po3);
			jQuery("#place3 p").html(po4);
			jQuery("#place4 p").html(po1);
			po1 = document.getElementById('place1').getElementsByTagName('p')[0].innerHTML;
			po2 = document.getElementById('place2').getElementsByTagName('p')[0].innerHTML;
			po3 = document.getElementById('place3').getElementsByTagName('p')[0].innerHTML;
			po4 = document.getElementById('place4').getElementsByTagName('p')[0].innerHTML;
			jQuery("#place1 img").animate({"opacity":1 }, 150);
			jQuery("#place2 img").animate({"opacity":1 }, 150);
			jQuery("#place3 img").animate({"opacity":1 }, 150);
			jQuery("#place4 img").animate({"opacity":1 }, 150);
			p2.getElementsByTagName('a')[0].href = i2;
			p2.getElementsByTagName('a')[1].href = p2.getElementsByTagName('a')[0].href.replace("thumb","img");
		});
		});
	});
	jQuery("#place4").click(function()
	{
		jQuery("#place1 img").animate({"opacity":0, "left":"535px","top":"0px"}, 500);
		jQuery("#place2 img").animate({"opacity":0, "left":"80px","top":"-110px", "width":"170px", "height":"96px" }, 600);
		jQuery("#place3 img").animate({"opacity":0, "left":"-535px","top":"0px"}, 500);
		jQuery("#place4 img").animate({"opacity":0, "left":"-80px","top":"110px", "width":"350px","height":"197px"}, 500, function ()
		{
			jQuery("#place1 img").animate({"opacity":0, "left":"0","top":"0"}, 50);
			jQuery("#place2 img").animate({"opacity":0, "left":"0","top":"0", "width":"350px", "height":"197px" }, 50);

			jQuery("#place3 img").animate({"opacity":0, "left":"0","top":"0"}, 50);
			jQuery("#place4 img").animate({"opacity":0, "left":"0","top":"0", "width":"170px","height":"96px"}, 50, function ()
		{
			p1.getElementsByTagName('img')[0].src = i3.replace("lg","sm");
			p2.getElementsByTagName('img')[0].src = i4.replace("sm","lg");
			p3.getElementsByTagName('img')[0].src = i1.replace("lg","sm");
			p4.getElementsByTagName('img')[0].src = i2.replace("lg","sm");
			i1 = document.getElementById('place1').getElementsByTagName('img')[0].src;
			i2 = document.getElementById('place2').getElementsByTagName('img')[0].src;
			i3 = document.getElementById('place3').getElementsByTagName('img')[0].src;
			i4 = document.getElementById('place4').getElementsByTagName('img')[0].src;
			jQuery("#place1 p").html(po3);
			jQuery("#place2 p").html(po4);
			jQuery("#place3 p").html(po1);
			jQuery("#place4 p").html(po2);
			po1 = document.getElementById('place1').getElementsByTagName('p')[0].innerHTML;
			po2 = document.getElementById('place2').getElementsByTagName('p')[0].innerHTML;
			po3 = document.getElementById('place3').getElementsByTagName('p')[0].innerHTML;
			po4 = document.getElementById('place4').getElementsByTagName('p')[0].innerHTML;
			jQuery("#place1 img").animate({"opacity":1 }, 150);
			jQuery("#place2 img").animate({"opacity":1 }, 150);
			jQuery("#place3 img").animate({"opacity":1 }, 150);
			jQuery("#place4 img").animate({"opacity":1 }, 150);
			p2.getElementsByTagName('a')[0].href = i2;
			p2.getElementsByTagName('a')[1].href = p2.getElementsByTagName('a')[0].href.replace("thumb","img");
		});
		});
	});
});