var tripplannerbox = '<div id=topbn style=\'position:absolute;z-index:10; display:inline;top:95px;left: 0px;width:207px; height:64px; background:url(/fileadmin/templates/images/bg_TripPlanner.gif) no-repeat top;"\'><table border="0" cellpadding="0" cellspacing="0" class="bgInside"><tr><td valign="top" colspan="2"><img src="/fileadmin/templates/images/clear.gif" alt="" width="57" height="1" border="0" /></td><td width="51" height="20" valign="middle"><div align="right"><a href="#" onclick="tp_open();return false;" class="openLink">Open</a>&nbsp;&nbsp;&nbsp;</div></td></tr><tr><td width="57" valign="top">&nbsp;</td><td width="99" height="44" valign="middle" class="textLink"> <div align="left"><span id="tp_itemcollected">0</span> Items Collected<br /><span id="tp_plancreated">0</span> Plans Created</div></td><td valign="middle" height="44" align="center"><a id="tp_btsignin" href="#" onclick="tp_signin();return false;"><img src="/fileadmin/templates/images/btSignin.gif" alt="" width="17" height="17" border="0" /></a><br /><a id="tp_txtsignin" href="#" onclick="tp_signin();return false;" class="textLink">Sign in</a></td></tr></table></div>';

/*function _hidebox(){
	var box=document.getElementById('topbn');
	box.style.visibility='hidden';
	//alert('close');
}

function setPosX(){
	var mainb=document.getElementById('topbn');
		
	var tx=document.body.clientWidth;	
	var px=(tx/2)+((950/2)-(207+12));		
	if(px<731) px=731;
	mainb.style.left= px;
	//document.getElementById('submenu').innerHTML=px;
}

//alert(BrowserDetect.browser);

window.onresize=resize;

var origInnerWidth=window.innerWidth;
var origInnerHeight=window.innerHeight;
var origOffsetWidth=document.documentElement.offsetWidth;
var origOffsetHeight=document.documentElement.offsetHeight;
var browser=BrowserDetect.browser;

function resize(){
	if(origInnerWidth!=window.innerWidth || origInnerHeight != window.innerHeight || origOffsetWidth != document.documentElement.offsetWidth || origOffsetHeight != document.documentElement.offsetHeight){
		if(browser=='Explorer')
			setPosX();
		else
			window.location.reload();
	}
}*/



//---------------------------------------------------------------------
var posX = 0;
var posY = 0;
var spaceLeft = 0;

function tp_resize() {
	var documentWidth = jQuery(document).width();
	var contentWidth = 950;
	var height = 94;
	
	if (jQuery("#nav_sub") != null) {
		contentWidth = jQuery('#nav_sub').width();
		height = jQuery('#nav_sub').offset().top;
	}
	
	spaceLeft = (documentWidth - contentWidth) / 2;
	//alert(spaceLeft);
	
	posY = height;
	//posX = spaceLeft + contentWidth - jQuery('#topbn').width() - 10;
	posX = (spaceLeft + contentWidth - 207) - 20;

	jQuery('#topbn').css({
		left: posX,
		top: posY
	});
}

function tp_get(name, text) {
	var result = '';
	if (text.length > 0) {
		var start = text.indexOf(name + '=');
		var end = text.length;
		
		if (start != -1) {
			start = start + (name + '=').length;
			end = text.indexOf(';', start);
			if (end == -1) {
				end = text.indexOf('&', start);
				if (end == -1) {
					end = text.length;
				}
		    }
		    result = unescape(text.substring(start, end));
		}
	}
	result = jQuery.trim(result);
	
	if (result == '') {
		result = 'undefined';
	}
	
	return result;
}

function tp_open() {
	var sid = tp_get('fe_typo_user', document.cookie);
	var l = tp_get('L', location.href);
	if (l != 'undefined') {
		l = '&L=' + l;
	} else {
		l = '';
	}
	
	jQuery.get('/fileadmin/scripts/common.php?t=check&st=login&sid=' + sid, function(data) {
		if (data == 'true') {
			//location.href = 'index.php?id=427' + l;
			location.href = jQuery.translateLink(427, l);
		} else {
			//location.href = 'index.php?id=25&redirect_url=index.php?id=427' + l;
			location.href = jQuery.translateLink(25, '&redirect_url='+jQuery.translateLink(427, l));
		}
	});
}

function tp_signin() {
	var sid = tp_get('fe_typo_user', document.cookie);
	var l = tp_get('L', location.href);
	if (l != 'undefined') {
		l = '&L=' + l;
	} else {
		l = '';
	}
	
	jQuery.get('/fileadmin/scripts/common.php?t=check&st=login&sid=' + sid, function(data) {
		if (data == 'true') {
			//location.href = 'index.php?id=35&logintype=logout&pid=35' + l;
			location.href = jQuery.translateLink(35, '&logintype=logout&pid=35' + l);
		} else {
			//location.href = 'index.php?id=25&redirect_url=' + location.href;
			location.href = jQuery.translateLink(25, '&redirect_url=' + location.href);
		}
	});
}

jQuery(window).resize(tp_resize);

jQuery(document).ready(function() {
	jQuery('body').append(tripplannerbox);
	
	tp_resize();
	
	var sid = tp_get('fe_typo_user', document.cookie);
	
	jQuery('img[src$=add_tp.gif]').each(function() {
		var onclick = jQuery(this).parent('a').attr('onclick');
		if (onclick != null) {
			var s = String(onclick).split(',');
			var secId = jQuery.trim(s[1]);
			var elId = jQuery.trim(s[2].split(')')[0]);
			
			var imgRef = jQuery(this);
			var data = {
				t: 'check',
				st: 'trip',
				sec: secId,
				el: elId,
				sid: sid
			};
			jQuery.get('/fileadmin/scripts/common.php', data, function(data) {
				if (data == 'true') {
					imgRef.attr('src', '/fileadmin/templates/images/add_tp_disable.gif');
				}
			}, 'text');
		}
	});	

	jQuery.get('/fileadmin/scripts/trip_planner.php?u=' + sid, function(data) {
		var item = data.split('#');
		jQuery('#tp_itemcollected').html(item[0]);
		jQuery('#tp_plancreated').html(item[1]);
		
		var sid = tp_get('fe_typo_user', document.cookie);
		
		jQuery.get('/fileadmin/scripts/common.php?t=check&st=login&sid=' + sid, function(data) {
			if (data == 'true') {
				jQuery('#tp_txtsignin').text('Sign out');
			}
		});
	});
});

var animatedtripId = 0;

function addTripPlanner(owner, sectionId, elementId) {
	if (owner.find('img').attr('src') == '/fileadmin/templates/images/add_tp_disable.gif') {
		alert('This place has already been added.');
		return false;
	}
	owner.find('img').attr('src', '/fileadmin/templates/images/add_tp_disable.gif');
	
	var pageId = tp_get('id', String(location.href));
	var pos = owner.find('img').offset();
	
	var srcTop = pos.top + 4;
	var srcLeft = pos.left + 10;
	var destTop = posY + 18;
	var destLeft = posX + 20;
	
	animatedtripId++;
	
	jQuery('#topbn').after('<div id="animatedtrip' + animatedtripId + '" style="position:absolute;z-index:20;top:' + srcTop + 'px;left:' + srcLeft + 'px;"><img src="/fileadmin/templates/images/add-travel-loading.gif" width="14" height="14" /></div>');
	
	var sid = tp_get('fe_typo_user', document.cookie);
	var language = jQuery("#TAT_L").val();
	
	var data = {
		sec: sectionId,
		el: elementId,
		u: sid,
		l: language
	};
	
	jQuery.get('/fileadmin/scripts/trip_planner.php', data, function(data) {
		if (data == '') return;
		
		var debug = tp_get('debug', String(location.href));
		if (debug == '1') return;
		
		jQuery('#animatedtrip' + animatedtripId).animate({delay: 1000}, 1000, function() {
			jQuery('#animatedtrip' + animatedtripId).find('img').attr('src', '/fileadmin/templates/images/add-photo.png');
			
			var disX = destLeft - srcLeft;
			var disY = destTop - srcTop;
			var distance = Math.sqrt((disX * disX) + (disY * disY));
			var time = Math.round(distance / 0.38);
			
			var properties = {
				top: destTop,
				left: destLeft
			};
			jQuery('#animatedtrip' + animatedtripId).animate(properties, time, function() {
				var time = 250;
				
				jQuery(this).animate({top: '-=18', left: '-=18', opacity: 0}, time, function(){
					var item = data.split('#');
					jQuery('#tp_itemcollected').html(item[0]);
					jQuery('#tp_plancreated').html(item[1]);
					jQuery(this).remove();
				});
				jQuery(this).find('img').animate({width: 50, height: 50}, time, function() { });
			});
		});
	}, 'text');
	
	return false;
}