
var prevContent = "content1";
var nextContent = null;
var effect1 = null;
var effect2 = null;
var defaultEffectType = 'FadeSlide';
var pageHeight = 1400;

var efectIsRunning = false;
var el1 = null;
var el2 = null;
var timeOut = 1;
var velocity = 50;
var opK = 1.1;

var map = null;
/*
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ 
	velocity = 250;
	opK = 1.7;
}


function setOpacity(el, opacity){
	el.style.opacity = opacity;
	el.style.filter= "alpha(opacity = "+Math.round(opacity*100)+")";
	el.style.MozOpacity = opacity;
}

function hideContent(element, op, nextElement) {
	if (op>0.05) {
		op = op / opK;
		setOpacity(el1, op);
		setTimeout("hideContent(\'"+element+"\', " + op + ", \'"+nextElement+"\')", timeOut);
		return;
	}
	
	setOpacity(el1, 0);
	el1.style.height = '0px';
	
	// Gosterme
	el1 = document.getElementById(nextElement);
	el2 = document.getElementById(nextElement + "Holder");		
	setOpacity(el1, 0);
	el1.style.height = (pageHeight) +'px';

	showContent(nextElement, op);
	var menu1 = document.getElementById(element + "Menu");	
	var menu2 = document.getElementById(nextElement + "Menu");
	menu1.style.background="";
	menu2.style.background="url(../images/img03.jpg) no-repeat center top";	
}

function showContent(element, op) {
	if (op < 0.95){
		op = op * opK;
		setOpacity(el1, op);
		setTimeout("showContent(\'"+element+"\', " + op + ")", timeOut);
		return;
	}
	
	setOpacity(el1, 1);
	prevContent = element;
	efectIsRunning = false;		
}

var runEffect = function(element){
	if (efectIsRunning){
		return;
	}
	efectIsRunning = true;
	
	el1 = document.getElementById(prevContent);
	el2 = document.getElementById(prevContent + "Holder");	
	doNotShowAgain = false;
	hideContent(prevContent, op = 1, nextElement = element);
};
*/

var runEffect = function(element){
	if (efectIsRunning){
		return;
	}
	efectIsRunning = true;
	
	el1 = document.getElementById(prevContent);
	el2 = document.getElementById(prevContent + "Holder");	
	el1.style.display = "none";
	//el1.style.height = 0;
	
	el1 = document.getElementById(element);
	el2 = document.getElementById(element + "Holder");	
	
	el1.style.display = "block";
	//el1.style.height = el2.offsetHeight ;	// (pageHeight) +'px';	
	
	if(element=="content6"){
		if(map){
			map.checkResize();
			map.setCenter(new GLatLng(38.530053, 34.806285), 9);
		}
	}
	
	doNotShowAgain = false;
	
	var menu1 = document.getElementById(prevContent + "Menu");	
	var menu2 = document.getElementById(element + "Menu");
	menu1.style.background="";
	menu2.style.background="url(../images/img03.jpg) no-repeat center top";

	prevContent = element;	
	
	efectIsRunning = false;
};

/*  TOOLTIP ICIN KASISLAR*/
var doNotShowAgain = false;
function ShowGalleryTooltip(){
	if (doNotShowAgain) return;
	Tip('Click <img src="../images/imagetooltip.PNG"/> (on the bottom left corner) to see albums.');
	setTimeout("UnTip()", 4000);
	doNotShowAgain = true;
}

/* MAPS GOOGLE*/

function createMarker(lat, lon, type, html, image_index) {
	var iconSize = type == 1 ? new GSize(39,34) : new GSize(20,34);
	var iconAnchor= type == 1 ? new GPoint(20, 34) : new GPoint(10, 34);
	var infoWindowAnchor = type == 1 ? new GPoint(20, 1) : new GPoint(10, 1);
	var iconOpts = {
		image: type == 1 ? "../images/markers/arrow.png" : "../images/markers/marker_"+image_index+".png",
		iconSize: iconSize,
		iconAnchor: iconAnchor,
		infoWindowAnchor: infoWindowAnchor,
		shadow:type == 1 ? "../images/markers/arrow_shadow.png" : "../images/markers/marker_shadow.png",
		shadowSize: type == 1 ? new GSize(39,34) : new GSize(37,34)
	};	
	
	var googleMapIcon = new GIcon(iconOpts);
	
	var point = new GLatLng(lat,lon);
	var marker = new GMarker(point,{draggable: false,	icon: googleMapIcon});
	map.addOverlay(marker);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
	});
}
function CreateHtml(text, image){
	return 	'<table class="GeneralFont" align="center" border="0" width="200px">' +
				'<tbody>'+
					'<tr>'+
						'<td width="752" valign="top" align="center">'+
							'<img class="ImageFitSmall" src="../Photos/thumbnail/'+image+'">'+
						'</td>'+
						'<td width="752" valign="top" align="center">'+
							'<b>'+text+'</b>'+
						'</td>'+
					'</tr>'+
				'</tbody>'+
			'</table>';
}

function initialize() {
    if (GBrowserIsCompatible()) {

		map = new GMap2(document.getElementById("map_canvas"));
		map.addControl(new GHierarchicalMapTypeControl());
		map.addControl(new GLargeMapControl3D());
		map.addControl(new GOverviewMapControl());
		
		map.setCenter(new GLatLng(38.530053, 34.806285), 9);
		
		// Pansiyon
		createMarker(38.630053, 34.806285, 1, CreateHtml("Uchisar Pension","Pansion/pansiyongiris.JPG"), null);
		// Soganli
		createMarker(38.330884,34.987335, 0, CreateHtml("The Soganli Valley","MapsGoogleImagelari/soganli_valley.jpg"), "a");
		// Ihlara
		createMarker(38.232787,34.310303, 0, CreateHtml("The Ihlara Valley","MapsGoogleImagelari/IhlaraValley.jpg"), "b");
		// (Underground City Kaymakli) Derin Kuyu
		createMarker(38.370732,34.747009, 0, CreateHtml("(Underground City Kaymakli) Derin Kuyu","MapsGoogleImagelari/UndergroundCityKaymakli.jpg"), "c");
		// Red Valley Cavusin Entrance
		createMarker(38.675861,34.842453, 0, CreateHtml("The Red Valley Cavusin Entrance","MapsGoogleImagelari/cavusinredvalley.jpg"), "d");
		// Red Valley Ortahisar Entrance
		createMarker(38.617943,34.875412, 0, CreateHtml("The Red Valley Ortahisar Entrance","MapsGoogleImagelari/RedValleyOrtahisarEntrance.jpg"), "e");
		// White Valley
		createMarker(38.664245, 34.827597, 0, CreateHtml("The White Valley & Hourse Riding","BolgeFotolar/beyazvadituru.JPG"), "f");
		// The Pigeon Valley
		createMarker(38.672432,34.860946, 0, CreateHtml("The Pigeon Valley","BolgeFotolar/guvercinlikvadisi.jpg"), "g");
		// Whirling Dervish
		createMarker(38.711567,34.908671, 0, CreateHtml("Whirling Dervish","MapsGoogleImagelari/WhirlingDervish.jpg"), "h");
		
		map.enableGoogleBar();
	}
}