function $(id)
{
	return document.getElementById(id);
}

function hideGallery()
{
	var previewpanel = $("previewpanel");
	previewpanel.style.visibility = "hidden";
	hideScreen();
}

function bigimg(imgname)
{
	var slargeimg = $("largeimg");
	slargeimg.src = "images/gallery/" + imgname;
}

function display1000StarHotel()
{
	var previewpanel = $("previewpanel");
	var lblpreviewtitle = $("lblpreviewtitle");
	lblpreviewtitle.innerHTML = "The Thousand Stars Hotel";
	var lblpreviewtext = $("lblpreviewtext");
	lblpreviewtext.innerHTML = "<p>A model camp will be built for the group in the mountains of Cyprus!</p>" +
    "<p>The whole event is organised in every detail and we highlight the contrast between the basic camping and the luxurious elements.</p>";
	var thumbimg1 = $("thumbimg1");
	var thumbimg2 = $("thumbimg2");
	var thumbimg3 = $("thumbimg3");
	var thumbimg4 = $("thumbimg4");
	var largeimg = $("largeimg");
	largeimg.src = "images/gallery/camp_fire.jpg";
	thumbimg1.innerHTML = "<img src='images/gallery/thumbs/camp_fire_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('camp_fire.jpg')\" onClick=\"bigimg('camp_fire.jpg')\">";
	thumbimg2.innerHTML = "<img src='images/gallery/thumbs/five_star_breakfast_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('five_star_breakfast.jpg')\" onClick=\"bigimg('five_star_breakfast.jpg')\">";
	thumbimg3.innerHTML = "<img src='images/gallery/thumbs/dolce_vita_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('dolce_vita.jpg')\" onClick=\"bigimg('dolce_vita.jpg')\">";
	thumbimg4.innerHTML = "<img src='images/gallery/thumbs/camp_site_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('camp_site.jpg')\" onClick=\"bigimg('camp_site.jpg')\">";
	previewpanel.style.visibility = "visible";
	showScreen();
}

function displayGalleryInfo(m_sGallery)
{
	var previewpanel = $("previewpanel");
	var lblpreviewtitle = $("lblpreviewtitle");
	var lblpreviewtext = $("lblpreviewtext");
	var thumbimg1 = $("thumbimg1");
	var thumbimg2 = $("thumbimg2");
	var thumbimg3 = $("thumbimg3");
	var thumbimg4 = $("thumbimg4");
	var largeimg = $("largeimg");
	switch(m_sGallery)
	{
		case "1000StarHotel": 
			lblpreviewtitle.innerHTML = "The Thousand Stars Hotel";
			lblpreviewtext.innerHTML = "<p>A model camp will be built for the group in the mountains of Cyprus!</p>" +
			"<p>The whole event is organised in every detail and we highlight the contrast between the basic camping and the luxurious elements.</p>";
			largeimg.src = "images/gallery/camp_fire.jpg";
			thumbimg1.innerHTML = "<img src='images/gallery/thumbs/camp_fire_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('camp_fire.jpg')\">";
			thumbimg2.innerHTML = "<img src='images/gallery/thumbs/five_star_breakfast_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('five_star_breakfast.jpg')\">";
			thumbimg3.innerHTML = "<img src='images/gallery/thumbs/dolce_vita_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('dolce_vita.jpg')\">";
			thumbimg4.innerHTML = "<img src='images/gallery/thumbs/camp_site_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('camp_site.jpg')\">";
			break;
		case "BeachGames":
			lblpreviewtitle.innerHTML = "Beach Games";
			lblpreviewtext.innerHTML = "<p>Our guests will compete in several team events, each providing endless fun with both competitive and creative elements. The multiple and varied events will provide each competitor with the opportunity to demonstrate and develop their natural skills and abilities.</p>" +
			"<p>Competition, team work and most of all...Fun!</p>";
			largeimg.src = "images/gallery/beach_ski.jpg";
			thumbimg1.innerHTML = "<img src='images/gallery/thumbs/beach_ski_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('beach_ski.jpg')\">";
			thumbimg2.innerHTML = "<img src='images/gallery/thumbs/beach_barrel_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('beach_barrel.jpg')\">";
			thumbimg3.innerHTML = "<img src='images/gallery/thumbs/beach_football_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('beach_football.jpg')\">";
			thumbimg4.innerHTML = "<img src='images/gallery/thumbs/water_polo_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('water_polo.jpg')\">";
		break;
		case "BoatBuilding":
			lblpreviewtitle.innerHTML = "Boat Building";
			lblpreviewtext.innerHTML = "<p>The idea of the event is based on a technique which is several centuries old... </p>" +
			"<p>After a short briefing, the participants will compete against each other in teams to construct a sailing boat.</p>";
			largeimg.src = "images/gallery/boat_building_final.jpg";
			thumbimg1.innerHTML = "<img src='images/gallery/thumbs/boat_building_final_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('boat_building_final.jpg')\">";
			thumbimg2.innerHTML = "<img src='images/gallery/thumbs/boat_building_biggroups_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('boat_building_biggroups.jpg')\">";
			thumbimg3.innerHTML = "<img src='images/gallery/thumbs/boat_building_good_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('boat_building_good.jpg')\">";
			thumbimg4.innerHTML = "<img src='images/gallery/thumbs/boat_building_competition_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('boat_building_competition.jpg')\">";
		break;
		case "ClientsTrophy":
			lblpreviewtitle.innerHTML = "The Client's Trophy";
			lblpreviewtext.innerHTML = "<p>A real adventurous event organised in an original and sophisticated way.</p>" +
			"<p>Quizzes, tasks, interaction with the locals, sightseeing, team building and adventure are just some of the elements of this very popular event.</p>" + 
			"<p>A perfect way to discover the island!</p>";
			largeimg.src = "images/gallery/bridge_crossing.jpg";
			thumbimg1.innerHTML = "<img src='images/gallery/thumbs/bridge_crossing_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('bridge_crossing.jpg')\">";
			thumbimg2.innerHTML = "<img src='images/gallery/thumbs/mixing_with_locals_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('mixing_with_locals.jpg')\">";
			thumbimg3.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
			thumbimg4.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
		break;
		case "TheChallenge":
			lblpreviewtitle.innerHTML = "The Challenge";
			lblpreviewtext.innerHTML = "<p>This is a combination of activities and competitions including Dune Buggies, 4x4 technical driving, rally cars experience, mountain bike trial and a rope type army assault!</p>" +
			"<p>A real challenge and an unforgettable event!</p>";
			largeimg.src = "images/gallery/Final_Instructions.jpg";
			thumbimg1.innerHTML = "<img src='images/gallery/thumbs/Final_Instructions_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Final_Instructions.jpg')\">";
			thumbimg2.innerHTML = "<img src='images/gallery/thumbs/Jeep_Climbing_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Jeep_Climbing.jpg')\">";
			thumbimg3.innerHTML = "<img src='images/gallery/thumbs/Mountain_Bike_Trial_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Mountain_Bike_Trial.jpg')\">";
			thumbimg4.innerHTML = "<img src='images/gallery/thumbs/Rally_driving_experience_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Rally_driving_experience.jpg')\">";
		break;
		case "CycleTreasureHunt":
			lblpreviewtitle.innerHTML = "Cycle Treasure Hunt";
			lblpreviewtext.innerHTML = "<p>Get in your sports gear and let’s go for a biking adventure!</p>" +
			"<p>On the way, there will be tasks to complete, people to meet and some local specialties to sample!</p>" +
			"<p>A truly unique and fun way to explore the Old Town or a local village!</p>";
			largeimg.src = "images/gallery/Cycle_treasure_hunt.jpg";
			thumbimg1.innerHTML = "<img src='images/gallery/thumbs/Cycle_treasure_hunt_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Cycle_treasure_hunt.jpg')\">";
			thumbimg2.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
			thumbimg3.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
			thumbimg4.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
		break;
		case "CatamaranBoatTrip":
			lblpreviewtitle.innerHTML = "Catamaran Boat Trip";
			lblpreviewtext.innerHTML = "<p>Sail along the coast in this 75ft vessel for a memorable day on the Mediterranean sea!!</p>" +
			"<p>You will enjoy swimming, sunbathing and for the more adventurous ...snorkelling!</p>";
			largeimg.src = "images/gallery/Catamaran.jpg";
			thumbimg1.innerHTML = "<img src='images/gallery/thumbs/Catamaran_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Catamaran.jpg')\">";
			thumbimg2.innerHTML = "<img src='images/gallery/thumbs/Mediterraneo_I_II_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Mediterraneo_I_II.jpg')\">";
			thumbimg3.innerHTML = "<img src='images/gallery/thumbs/Panoramic-aerial_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Panoramic-aerial.jpg')\">";
			thumbimg4.innerHTML = "<img src='images/gallery/thumbs/Kaiki_Boat_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Kaiki_Boat.jpg')\">";
		break;
		case "SailingRegatta":
			lblpreviewtitle.innerHTML = "Sailing Regatta";
			lblpreviewtext.innerHTML = "<p>A unique opportunity to show your skills as seamen!</p>" +
			"<p>Get to know how to sail a boat in the first part of the event and then show your sailing capabilities in a sailing regatta!</p>";
			largeimg.src = "images/blank.gif";
			largeimg.style.display = "none";
			thumbimg1.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
			thumbimg2.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
			thumbimg3.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
			thumbimg4.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
		break;
		case "ShorkyInTown":
			lblpreviewtitle.innerHTML = "Shorky In Town!";
			lblpreviewtext.innerHTML = "<p>A very well prepared sightseeing interactive detective game, combining all the interesting elements an incentive client would like to experience: </p>" +
			"<p>Team work, communication, competition, sightseeing, interaction with locals and fun to mention but a few.</p>";
			largeimg.src = "images/blank.gif";
			largeimg.style.display = "none";
			thumbimg1.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
			thumbimg2.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
			thumbimg3.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
			thumbimg4.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
		break;
		case "Sightseeing":		
			lblpreviewtitle.innerHTML = "Sightseeing and Cultural Excursions";
			lblpreviewtext.innerHTML = "<p>Discover the beauty and rich history of this Mediterranean island in tailor made excursions with a difference. Cyprus cooking lessons, pottery making, wine tasting, surprise champagne stops, themed dancing performances and church choirs are just some of the elements to enrich your program.</p>";
			largeimg.src = "images/blank.gif";
			largeimg.style.display = "none";
			thumbimg1.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
			thumbimg2.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
			thumbimg3.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
			thumbimg4.innerHTML = "<img src='images/blank.gif' width='1' height='66' >";
		break;
		case "VehicleBuilding":
			lblpreviewtitle.innerHTML = "Vehicle Building";
			lblpreviewtext.innerHTML = "<p>Constructing your own car... is definitely something that does not happen everyday!</p>" +
			"<p>The idea of the event is based on constructing a 'pedal' car that will actually be able to move!!!! A team building activity at it's best.</p>";
			largeimg.src = "images/gallery/Materials.jpg";
			thumbimg1.innerHTML = "<img src='images/gallery/thumbs/Materials_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Materials.jpg')\">";
			thumbimg2.innerHTML = "<img src='images/gallery/thumbs/vehiclebuild1_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('vehiclebuild1.jpg')\">";
			thumbimg3.innerHTML = "<img src='images/gallery/thumbs/vehiclebuild2_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('vehiclebuild2.jpg')\">";
			thumbimg4.innerHTML = "<img src='images/gallery/thumbs/vehiclebuild3_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('vehiclebuild3.jpg')\">";
		break;
		case "WalkingTreasureHunt":
			lblpreviewtitle.innerHTML = "Walking Treasure Hunt Down Town";
			lblpreviewtext.innerHTML = "<p>Another way to discover the treasures that Cyprus hides. </p>" +
			"<p>A fun team building activity that leads you through the narrow streets of an old city or a village, mingle with the locals and let them treat you with a coffee or a sweet at the local coffee shop. </p>";
			largeimg.src = "images/gallery/Compas_walking.jpg";
			thumbimg1.innerHTML = "<img src='images/gallery/thumbs/Compas_walking_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Compas_walking.jpg')\">";
			thumbimg2.innerHTML = "<img src='images/gallery/thumbs/Handheld_GPS_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Handheld_GPS.jpg')\">";
			thumbimg3.innerHTML = "<img src='images/gallery/thumbs/Lofou_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Lofou.jpg')\">";
			thumbimg4.innerHTML = "<img src='images/gallery/thumbs/Walking_Safari_Team_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('Walking_Safari_Team.jpg')\">";
		break;
		case "WaterSports":
			lblpreviewtitle.innerHTML = "Water Sports";
			lblpreviewtext.innerHTML = "<p>A large variety of watersports can be made available for you to enjoy and sample</p>" +
			"<p>These include para kiting, water skiing, wind surfing, jet skis or splashing through the blue waters of the Mediterranean sea riding on an inflatable.</p>";
			largeimg.src = "images/gallery/watersports1.jpg";
			thumbimg1.innerHTML = "<img src='images/gallery/thumbs/watersports1_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('watersports1.jpg')\">";
			thumbimg2.innerHTML = "<img src='images/gallery/thumbs/watersports2_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('watersports2.jpg')\">";
			thumbimg3.innerHTML = "<img src='images/gallery/thumbs/watersports3_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('watersports3.jpg')\">";
			thumbimg4.innerHTML = "<img src='images/gallery/thumbs/watersports4_thumb.jpg' width='100' height='66' onMouseOver=\"bigimg('watersports4.jpg')\">";
		break;

	}
	previewpanel.style.visibility = "visible";
	showScreen();
}

function showScreen()
{
	var sScreen = $("screen");
	sScreen.style.visibility = "visible";
}

function hideScreen()
{
	var sScreen = $("screen");
	sScreen.style.visibility = "hidden";
}