var DEBUG;(typeof(window.console) != "undefined")?DEBUG=1:DEBUG=0;//alert(DEBUG);

// details: gallery setup functions
var counter = 0;																// if(DEBUG==1)console.log("         counter:"+counter);

function show(number) {
	var el = 'detail-pic-'+number;												 // if(DEBUG==1)console.log("         el:"+el);
	$('detailPicsArea').getElements('.detail-pic').each(function(i) {			 // if(DEBUG==1)console.log("          i:"+i.get('id'));
	if (i.get('id') == el ) {
		$(i).set({ 'styles': { 'display': 'block' } });
		$(i).tween('opacity', 1);
	} else {
		$(i).tween('opacity', 0);
	}
	});
}

function jump(number) {
	show(number);
}

function next(number, where) {
	// taking care of the fencepost syndrome
	if( number == where.length-1) {
		number = 0;
	} else { 
		number++;										 							//if(DEBUG==1)console.log("         number:"+number);
	}
	show(number);
}

// details: tab setup functions
var showFunction = function(where) {
	
	$$('.hidden').setStyle('display', 'none'); 
	$( where ).setStyle('display', 'block');
}

var highlightTab = function( where ) {
	$$('.aktiv').removeClass('aktiv');
	$( where ).getElement('a').set('class', 'aktiv');
	$( where ).getElement('span').set('class', 'aktiv');
}



window.addEvent('domready', function() {

	// details: tab setup 
	$$('.hidden').setStyle('display', 'none'); 

	var tab1	= 'detailPicsArea';
	var tab2	= 'calendarArea';
	var tab3	= 'mapArea';
	var tab4	= 'commentArea';
	var tab5	= 'bookingArea';

	var trigger1	= 'trigger1';
	var trigger2	= 'trigger2';
	var trigger3	= 'trigger3';
	var trigger4	= 'trigger4';
	var trigger5	= 'trigger5';
	
	if( $(tab1) ){
		$(tab1).setStyle('display', 'block');
	
		$( trigger1 ).addEvent('click', function(e){
			e.stop();
			showFunction( tab1 );
			highlightTab( trigger1 );
			pageTracker._trackPageview(window.location.pathname + "tab1/");
		});
		$( trigger2 ).addEvent('click', function(e){
			e.stop();
			showFunction( tab2 );
			highlightTab( trigger2 );
			pageTracker._trackPageview(window.location.pathname + "tab2/" );
		});
		$( trigger3 ).addEvent('click', function(e){
			e.stop();
			showFunction( tab3 );
			highlightTab( trigger3 );
			pageTracker._trackPageview(window.location.pathname + "tab3/" );
		});
		$( trigger4 ).addEvent('click', function(e){
			e.stop();
			showFunction( tab4 );
			highlightTab( trigger4 );
			pageTracker._trackPageview(window.location.pathname + "tab4/" );
		});
		$( trigger5 ).addEvent('click', function(e){
			e.stop(); 
			showFunction( tab5 );
			highlightTab( trigger5 );
			pageTracker._trackPageview(window.location.pathname + "tab5/" );
			
		});
		$('triggerBig').addEvent('click', function(e){
			e.stop();
			showFunction( tab5 );
			highlightTab( trigger5 );
			var myFx = new Fx.Scroll(window).toElement('tabNavi');
			pageTracker._trackPageview(window.location.pathname + "tab5/" );
			
		});
	}
	
	// details: gallery setup 
 
	if( $('detailPicsArea') ) {
		var imgs 		= $$('#detailPicLarge .detail-pic');							//if(DEBUG==1)console.log("   No. of images:"+imgs.length);
		var imgLinks	= $$('#detailPicLarge .detail-pic a');							//if(DEBUG==1)console.log(" No. of imgLinks:"+imgLinks.length);
		var thumbs		= $$('#thumbNailArea img');										//if(DEBUG==1)console.log("   No. of thumbs:"+thumbs.length);

		// preparation of gallery elements:
		//		give each .project-pic "position: absolute",
		//		give first element class="active"
		//		hide the other elements
		imgs.each( function(i,x) {
			i.set({
				'styles': {
					'position': 'absolute',
					'display': 'none'
				}
			});
		});
		$('detailPicLarge').getFirst('.detail-pic').set({ 'styles': { 'display': 'block' } });

		imgLinks.each( function(i,x) {
			i.addEvent('click',function(e){
				e.stop();

				next(x, imgLinks);
			});
		});

		// image link setup
		thumbs.each( function(i,x) {
			i.addEvent('click',function(e){
				e.stop();

				jump(x);
				counter = x;														//if(DEBUG==1)console.log("         counter:"+counter);

			});
		});
		// thumbnail opacity setup, disabled for iphone.
		if ( Browser.Platform.ipod != true ) {
			thumbs.each(function(i) {
				i.set({'opacity':'0.8'});
			});

			thumbs.each( function(i) {
				i.addEvent('mouseenter',function(){
					i.set('tween', {duration: '192'});
					i.tween('opacity', 1);
				});
				i.addEvent('mouseleave',function(){
					if(i.getParent().hasClass('active')!=true) {
						i.set('tween', {duration: '192'});
						i.tween('opacity', 0.8);
					}
				});
			});
		}
	}

	
	/* Merkzettel*/
	// hinzu
	mzLinks = $$('.mzLink');
	if(sys_language_uid=='0'){
		var href_url = '/de/mein-merkzettel/';
		var html_text = 'Merkzettel zeigen';
	}
	if(sys_language_uid=='1'){
		var href_url = '/nc/es/mis-notas/';
		var html_text = 'Mis notas';
	}
	if(sys_language_uid=='2'){
		var href_url = '/nc/en/my-bookmarks/';
		var html_text = 'Show bookmarks';
	}
	
	mzLinks.each(function(el,i){
		el.addEvent('click',function(e){
			if(e != undefined){
				new Event(e).stop();
			}
			
			var haus_id = el.get('id').split("haus_");
			var oldValues = Cookie.read("riumarMZ");
			
			
			if(oldValues==null){
				var startValue = haus_id[1];
				var newCookieArr = new Array(startValue);
				Cookie.write('riumarMZ', newCookieArr, {duration:365, path:"/"});
			}else{
				
				// dazuschreiben, wenn wert noch nicht vorhanden
				var newValue = haus_id[1];
				var newCookieArr = oldValues.split(",");
				if(oldValues.contains(newValue) == false){
					newCookieArr.include(newValue);
				}
				
				Cookie.write('riumarMZ', newCookieArr, {duration:365, path:"/"});
			}
		
			el.removeEvent('click', this);
			
			var showMZ = new Element('a', {
				'id': el.get('id'),
				'class': '',
				'href': href_url,
				'html': html_text
			}).inject(el,'before');
			el.destroy();
			
		}.bind(this));
	}.bind(this));
	
	// löschen
	mzLinks = $$('.mzLinkdel');
	mzLinks.each(function(el,i){
	el.addEvent('click',function(e){
			if(e != undefined){
				new Event(e).stop();
			}
			
			var haus_id = el.get('id').split("haus_");
			var oldValues = Cookie.read("riumarMZ");
			if(oldValues==null){
				
			}else{
				
				// löschen, wenn wert vorhanden
				var newValue = haus_id[1];
				var newCookieArr = oldValues.split(",");
				newCookieArr.erase(newValue);
				Cookie.write('riumarMZ', newCookieArr, {duration:365, path:"/"});
				var destroyID = 'resultView_' + haus_id[1];
				$(destroyID).destroy();
			}
			

		}.bind(this));
	}.bind(this));
	
	
	// verfügbarkeit prüfen
	
	if($('check')){
		$('check').addEvent('click', function(){
			checkAvailViaAjax();
		});	
	}
	initCalSwitch();
	// jahreskalender holen 
	

	
	// anfrage absenden
	/*
	if($('sendRequest')){
		$('sendRequest').addEvent('click', function(e){
			if(e != undefined){
				new Event(e).stop();
			}
			requestViaAjax();
		});	
	}
	*/

	new FormCheck('reservation_form_data', {
		submitByAjax : true,	
		submitByAjaxMethode : 'post',	
		ajaxResponseDiv : 'bookingForm',
		display : {
			errorsLocation : 1,
			indicateErrors : 1,
			addClassErrorToField : 1
		},
		onAjaxRequest : {
		
		},
		onAjaxSuccess :function(){
			adWordsCheckout('res');
			pageTracker._trackPageview("/buchung");
			//doYahoo();
		},
		onAjaxFailure : {
			//alert('Es ist ein Fehler aufgetreten, bitte setzen Sie sich mit uns per Telefon in Verbindung Deutschland: +49 6106 773015 Spanien: +38 998 5206598');
		}
	})
	
	
	
	//store titles and text
	$$('.tipzTrigger').each(function(element,index) {
		if(element.get('title')){
			var content = element.get('title').split('::');
			element.store('tip:title', content[0]);
			element.store('tip:text', content[1]);
		}else{
			var content = $('info_ausstattung').get('html').split('::');
			element.store('tip:title', content[0]);
			element.store('tip:text', content[1]);
		}
	});
	
	//create the tooltips
	var tipz = new Tips('.tipzTrigger',{
		className: 'tipz',
		fixed: false,
		hideDelay: 50,
		showDelay: 50,
		offset: {'x': 150, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut

	});
	
	
	tipz.addEvents({
		'show': function(tip) {
			tip.fade('in');
		},
		'hide': function(tip) {
		tip.fade('out');
		}
	});
	



});

function adWordsCheckout(id){
	
	if(id == "res"){
		ifrm = document.createElement("IFRAME");
		var aurl= "/adwords/reservierung.html?" + Math.random();
   		
		ifrm.setAttribute("src", aurl);
   		ifrm.style.width = 1+"px";
   		ifrm.style.height = 1+"px";
   		document.body.appendChild(ifrm);
   	}
   	return "";
}


/*
function requestViaAjax(){
	
	var jsonRequest = new Request.JSON({
		url: 'http://www.riumar-family-resort.de/ajax/', 
		onRequest: function() {
			//$('check').addClass('loader');
			//$('priceField').addClass('loader');
		},
		onComplete: function(oRsp){	
			//$('check').removeClass('loader');
			//$('priceField').removeClass('loader');
					
			//$('check').set('html', oRsp.result.data);
			//$('priceField').set('value', oRsp.result.preis + ',-');
			console.log(oRsp.result.data);
			}
		}).post($('reservation_form_data'));
}
*/
function getCal(getUrlYear){
	var jsonRequest = new Request.JSON({
		url: getUrlYear, 
		onRequest: function() {
			$('calendarArea').addClass('loader');
			var oldh = $('calendarTable').getStyle('height');
			var oldw = $('calendarTable').getStyle('width');
		//	console.log(oldh);
		//	console.log(oldw);
			$('calendarTable').set('height', oldh);
			$('calendarTable').set('width', oldw);
			//$('yearTable').set('html', '');
			$('calendarTable').setStyle('visibility', 'hidden');
		},
		onComplete: function(oRsp){	
			$('calendarArea').removeClass('loader');
			var datavar = oRsp.result.data;
			$('calendarTable').set('html', datavar);
			$('calendarTable').setStyle('visibility', 'visible');
			initCalSwitch();
		}
	
	}).get();
}

// jahreskalender holen 
function initCalSwitch(){

		//var calTrigger = ;
		$$('.ajaxCal').each(function(el,i){
			el.addEvent('click',function(e){
				if(e != undefined){
					new Event(e).stop();
				}
				getCal(el.href);
			}.bind(this));
		}.bind(this));
}	


function checkAvailViaAjax(){
	if($('resDateField').getProperty('value') == ''){
		$('check').set('html', '');
		$('priceField').set('value', '--,-');
		return;
	}
	var jsonRequest = new Request.JSON({
		url: 'http://www.riumar-family-resort.de/ajax/', 
		onRequest: function() {
			$('check').addClass('loader');
			$('priceField').addClass('loader');
		},
		onComplete: function(oRsp){	
			$('check').removeClass('loader');
			$('priceField').removeClass('loader');
					
			$('check').set('html', oRsp.result.data);
			$('priceField').set('value', oRsp.result.preis + ',-');
			
			$('mietpreis').set('html', oRsp.result.mietpreis + ',- &euro;');
			$('nebenkosten').set('html', oRsp.result.nebenkosten + ',- &euro;');
			
			if($('kosten_aircon')){
				$('kosten_aircon').set('html', oRsp.result.kosten_aircon + ',- &euro;');
				$('aircon_form').set('value', oRsp.result.kosten_aircon);
			}
			if($('kosten_wlan')){
				$('kosten_wlan').set('html', oRsp.result.kosten_wlan + ',- &euro;');
				$('wlan_form').set('value', oRsp.result.kosten_wlan);
			}
			
			$('kosten_wasche').set('html', oRsp.result.kosten_wasche + ',- &euro;');
			$('kosten_endreinigung').set('html', oRsp.result.kosten_endreinigung + ',- &euro;');
			
				
			$('mietpreis_form').set('value', oRsp.result.mietpreis);
			$('nebenkosten_form').set('value', oRsp.result.nebenkosten);
			
			
			$('wasche_form').set('value', oRsp.result.kosten_wasche);
			$('endreinigung_form').set('value', oRsp.result.kosten_endreinigung);
			$('anzahlung_prozent').set('value', oRsp.result.anzahlung_prozent);
			
			if($('valuetext')){
				$('valuetext').destroy();
			}
			if($('tmpbutton')){
					$('tmpbutton').destroy();
				}
			// Button aktivieren
			if(oRsp.result.value == '1'){
				$('sendRequest').setStyle('display', 'block');
				
			}else{
				$('sendRequest').setStyle('display', 'none');
				var button = new Element('div', {
					'id': 'tmpbutton'
				}).inject($('sendRequest'),'before');
				
				var valuetext = new Element('div', {
					'id': 'valuetext',
					'html': oRsp.result.value
				}).inject($('sendRequest'),'before');

			}
			
			
			
			initShowBelegung();
			//console.log(oRsp.result);
					//bezInfo(oRsp.result.data.bez,1);
			}
		}).post($('reservation_form_data'));
}


function initShowBelegung(){
	if($('linktobelegung')){
		$('linktobelegung').addEvent('click', function(e){
			e.stop();
			var tab2	= 'calendarArea';
			var trigger2	= 'trigger2';
			showFunction( tab2 );
			highlightTab( trigger2 );
	
		});	
	}
}


function showCheck(){
	if($('check')){
		if(sys_language_uid=='0'){
			$('check').set('html', 'Verf&uuml;gbarkeit pr&uuml;fen');
		}
		if(sys_language_uid=='1'){
			$('check').set('html', 'Disponibilidad');
		}
		if(sys_language_uid=='2'){
			$('check').set('html', 'Availability checker');
		}
		
		$('check').setStyle('display', 'block');
	}
}

var fadeDuration	= 1100;
var displaytime		= 4400;

function slideShow( Obj ){
	// Version 0.2; Created by Kow, 2008; http://skyweb.hu/kow
	// modified by mtness for better startup look & feel
	var pass = this;
	// initializing
	this.curImg = 0;
	this.slides = Obj;
	this.slides.each( function( img, index ){ 
		if( index == 0 ) { 
			img.set('tween', {duration: fadeDuration });
			img.tween('opacity', 1 );
		}
		img.set('morph', { duration: fadeDuration });
	}, this);
	this.next = function(){
		pass.curImg++;
		this.slides.each( function( img, index ){ 
			img.morph({ opacity: 0 });
		}, this);
		if( pass.curImg == this.slides.length ) pass.curImg = 0;
		this.slides[ pass.curImg ].morph({ 'opacity': 1 });
	}
	this.prev = function(){
		pass.curImg--;
		this.slides.each( function( img, index ){ 
			img.morph({ opacity: 0 });
		}, this);
		if( pass.curImg < 0 ) pass.curImg = this.slides.length - 1;
		this.slides[ pass.curImg ].morph({ 'opacity': 1 });
	}
}



window.addEvent('domready', function() {
	if( $('mainPic') ) {
		$$('#mainPic img').setStyles({ opacity: 0 }); 
	}
}); 
window.addEvent( 'load', function(){
	if( $('mainPic') ) {
		sshow = new slideShow( $$('#mainPic img') );
		sshow.next.periodical( displaytime, sshow );
	}
}); 


function doYahoo(){
	window.ysm_customData = new Object();
	window.ysm_customData.conversion = "transId=,currency=,amount=";
	var ysm_accountid = "1FTK3C4IM98I7G6A9NFSDO3U9BS";
	document.write("<SCR" + "IPT language='JavaScript' type='text/javascript' " 
	+ "SRC=//" + "srv1.wa.marketingsolutions.yahoo.com" + "/script/ScriptServlet" + "?aid=" + ysm_accountid 
	+ "></SCR" + "IPT>");
	
	//return false;
}
