how_to_state = 'closed';

$(document).ready(function(){
	
	show_how_to = true;
	
	hide_how_to = new Array('oferte-avion', 'oferte-cazare', 'news');
	for(i in hide_how_to) {
		if(location.href.indexOf('vacantalowcost.ro/' + hide_how_to[i]) !== -1)
			show_how_to = false;
	}
		
	if(show_how_to) {
	how_to_js = 
	'<a id="how-to" href="#cumrezerv" onclick="toggle_how_to(); return false;">'
+		'Cum rezerv?'
+	'</a>'
+	'<div id="how-to-details">'
+		'<div id="how-to-details-inside">'
+			'<div id="how-to-step-1">'
+				'<div style="padding-left: 65px;">'
+					'Intâi de toate, rezervă biletele de avion.'
+					'<br /><br />'
+					'În funcţie de oferta prezentată, accesează site-ul oficial al operatorului aerian indicat de noi (unde am găsit cele mai ieftine bilete) şi rezervă biletele în deplină siguranţă.'
+					'<br /><br />'
+					'Dacă în ofertă este menţionat Paravion.ro, atunci foloseşte formularul albastru din partea dreaptă a paginii pentru a beneficia de tariful prezentat.'
+					'<br /><br />'
+					'<div class="how-to-important">'
+						'<strong>Important</strong> Ofertele prezentate pe VacantaLowCost.ro pot expira foarte rapid, în mare parte datorită fluctuaţiei de preţ la biletele de avion (care se poate întampla şi de azi pe mâine). Îţi recomandăm să te decizi repede sau să te abonezi la newsletterul VacantaLowCost.ro pentru a fi mereu la curent cu cele mai noi pachete low-cost.			'
+					'</div>'					
+				'</div>'
+				'<div class="how-to-buttons">'
+					'<a class="how-to-next" onclick="next_step(2)">&nbsp;</a>'
+				'</div>'
+			'</div>'
+			'<div id="how-to-step-2">'
+				'<div style="padding-left: 65px;">'
+					'După ce ţi-ai rezervat biletele de avion, urmează cazarea. '
+					'<br /><br />'
+					'Urmăreşte link-urile individuale pentru fiecare dintre hotelurile prezentate şi alege-l pe cel care-ţi place, atât ca preţ final cât şi ca poziţionare sau facilităţi.'
+					'<br /><br />'
+					'Odată ajuns în pagina hotelului ales, pe Booking.com, dă click pe "Rezervă acum" şi urmăreşte paşii.'
+					'<br /><br />'
+					'<div class="how-to-important">'
+						'<strong>Important</strong> Pentru rezervare ai nevoie de un card bancar. La ofertele flexibile sau rambursabile banii nu vor fi încasaţi la momentul rezervării, aceasta putând fi anulată, fără niciun cost, cu până la 24 de ore înainte de data sosirii. Plata o vei face la hotel, la sfârşitul sejurului. Excepţie fac ofertele <b>nerambursabile</b> care sunt marcate ca atare. În cazul acestor oferte banii vor fi transferaţi la momentul efectuării rezervării, aceasta nemaiputând fi anulată.'
+					'</div>	'
+				'</div>'
+				'<div class="how-to-buttons">'
+					'<a class="how-to-previous" onclick="step_previous(1)">&nbsp;</a>'
+					'<a class="how-to-next" onclick="next_step(3)">&nbsp;</a>'
+				'</div>'
+			'</div>'
+			'<div id="how-to-step-3">'
+				'<div style="padding-left: 65px;">'
+					'Dupa cum vezi, nu există intermediari sau paşi ascunşi. '
+					'<ol>'
+						'<li>Biletele de avion le rezervi direct de pe site-urile oficiale ale operatorilor aerieni sau prin platforma Paravion.</li>'
+						'<li>Toate rezervările la hotel îţi sunt garantate de Booking.com - cea mai mare platformă de rezervari hoteliere din lume. Astfel ai siguranţă 100% că vei avea o vacanţă perfectă.</li>'
+					'</ol>'
+					'Echipa VacantaLowCost foloseşte cu încredere deplină serviciile Booking de peste 5 ani.'
+					'<br /><br />'
+					'<div class="how-to-important">'
+						'<strong>Important</strong> Dacă tarifele la avion sau cazare nu mai sunt valabile sau dacă te interesează o altă perioadă, destinaţie sau oraş de plecare, scrie-ne pe <a onclick="how_to_track_event(\'how-to-contact\');" href="mailto:contact@vacantalowcost.ro">contact@vacantalowcost.ro</a> şi vom reveni cu un răspuns în maxim 48 de ore.'
+					'</div>	'
+				'</div>'
+				'<div class="how-to-buttons">'
+					'<a class="how-to-previous" onclick="step_previous(2)">&nbsp;</a>'
+					'<a class="how-to-close" onclick="step_reset()">&nbsp;</a>'
+				'</div>'
+			'</div>'
+		'</div>'
+	'</div>';
	
	$('body').append(how_to_js);
	}
});

function toggle_how_to() {
	how_to_state = how_to_state == 'open' ? 'closed' : 'open';
	if(typeof pageTracker != 'undefined') {
		pageTracker._trackEvent('toggle_how_to', how_to_state, how_to_state);
	}
	if(how_to_state == 'open') {
		var distance = '+' + $('#how-to-details').height(); 
		$('#how-to').animate({'bottom': distance});
		$('#how-to-details').animate({'bottom': 0});	
	} else {
		var distance = $('#how-to-details').height(); 
		$('#how-to').animate({'bottom': 0});
		$('#how-to-details').animate({'bottom': -distance});	
	}
}

function get_closed_top(p) {
	baseline_top = $(window).height() + $(document).scrollTop();
	switch(p) {
		case 'button':							
			return baseline_top - $('#how-to').height();
			break;
		case 'content':
			return baseline_top;
			break;
	}
}

function get_open_top(p) {	
	baseline_top = $(window).height() + $(document).scrollTop();
	new_top = baseline_top - $('#how-to-details').height();
	switch(p) {
		case 'button':							
			return new_top - $('#how-to').height();
			break;
		case 'content':
			return new_top;
			break;
	}
}

function get_closed_bottom() {
	return 0;
}

function get_open_bottom() {
	return '+' + $('#how-to-details').height();
}

function next_step(step) {
	$('#how-to-step-' + (step-1)).hide();
	$('#how-to-step-' + step).fadeIn();
	var distance = '+' + $('#how-to-details').height(); 
	$('#how-to').css({'bottom': distance+'px'});
	if(typeof pageTracker != 'undefined') {
		pageTracker._trackEvent('how_to_next', step, step);
	}
}

function step_previous(step) {
	$('#how-to-step-' + (step+1)).hide();
	$('#how-to-step-' + step).fadeIn();
	var distance = '+' + $('#how-to-details').height(); 
	$('#how-to').css({'bottom': distance+'px'});
	if(typeof pageTracker != 'undefined') {
		pageTracker._trackEvent('how_to_previous', step, step);
	}
}

function step_reset() {
	$('#how-to-step-3').hide();
	$('#how-to-step-2').hide();	
	$('#how-to-step-1').fadeIn();
	toggle_how_to();
}

function how_to_track_event(event) {
	if(typeof pageTracker != 'undefined') {
		pageTracker._trackEvent(event);
	}
}