var nFade = 0;

function bounceTile(nStart, nLeft1, nTop1, nLeft2, nTop2, nZoom)
{
	oElement = document.getElementById('divFavoriteTile');
	nProgress = Number(new Date()) - nStart
	if(nProgress>=0&&nProgress<=800)
	{
		oElement.style.left = nLeft1 + ((nLeft2 - nLeft1) * (1 - Math.cos((nProgress / 1600) * 3.1415)));
		oElement.style.top = nTop1 + ((nTop2 - nTop1) * (Math.sin((nProgress / 1600) * 3.1415))) - (Math.sin((nProgress / 800) * 3.1415) * 150);
		oElement.style.zoom = 1 + (Math.sin((nProgress / 800) * 3.1415) * nZoom);
		oElement.style.display = '';
		window.setTimeout('bounceTile(' + nStart + ', ' + nLeft1 + ', ' + nTop1 + ', ' + nLeft2 + ', ' + nTop2 + ', ' + nZoom + ');', 10)
	}
	else
	{
		oElement.style.display = 'none';
		updateFavorites();
		setMyTab(0);
		if(document.getElementById('divNoFavorites')) { document.getElementById('divNoFavorites').style.display = 'none'; }
		document.getElementById('divFavorites').style.display = '';
	}
}

function changeView(n)
{
	nView = n;
	setResultsPage(1, false)
	document.cookie='nView='+n+';expires='+(new Date((new Date()).getTime()+(89*86400000))).toGMTString();
	document.images.imgView1.src = ((n==1)?(document.images.imgView1.src.replace(/_off/i, '_on')):(document.images.imgView1.src.replace(/_on/i, '_off')));
	document.images.imgView2.src = ((n==2)?(document.images.imgView2.src.replace(/_off/i, '_on')):(document.images.imgView2.src.replace(/_on/i, '_off')));
	document.images.imgView3.src = ((n==3)?(document.images.imgView3.src.replace(/_off/i, '_on')):(document.images.imgView3.src.replace(/_on/i, '_off')));
	document.getElementById('divResultsFade').innerHTML = document.getElementById('divResults').innerHTML;
	document.getElementById('divResultsFade').style.filter = '';
	document.getElementById('divResultsFade').style.opacity = 0.90;
	document.getElementById('divResultsFade').style.display = '';
	document.getElementById('divResults').innerHTML = getResults(n, nPage);
	nFade = Number(new Date());
	window.setTimeout('viewFade();', 10);
	updateCurleys();
	return false;
}

function getAbsoluteLeft(o)
{
	if(o.offsetParent) { return getAbsoluteLeft(o.offsetParent) + o.offsetLeft; } else { return o.offsetLeft; }
}

function getAbsoluteTop(o)
{
	if(o.offsetParent) { return getAbsoluteTop(o.offsetParent) + o.offsetTop; } else { return o.offsetTop; }
}

function getRatingDate(t)
{
	// find a tour's rating
	if(('~' + sBuyerPropertyKey).indexOf('~' + t + '|')>-1)
	{
		return ('~' + sBuyerPropertyKey).split('~' + t + '|')[1].split('|')[3].split('~')[0]
	}
	else
	{
		return '';
	}
}

function getResults(nMode, nPage)
{
	// allocate variables
	var sBuffer = '';
	
	// load the view variables
	getTemplate(nMode)
	
	// start table
	aTours = sTours.split('~');
	sBuffer = '<table border=0 cellspacing=0 cellpadding=0></tr>' + sRowSeperator + '<tr valign=top><tr valign=top>'
	nStartIndex = (nPage - 1) * nPerPage;
	nEndIndex = nStartIndex + nPerPage;
	if(nEndIndex>aTours.length) { nEndIndex = aTours.length; }
	for(a=nStartIndex;a<nEndIndex;a++)
	{
		aTmp = aTours[a].split('|');
		sBlock = sTD;
		if(getRatingDate(aTmp[0])=='')
		{
			sBlock = sBlock.replace(/{ratebox}/gi, sRateBoxSet);
		}
		else
		{
			sBlock = sBlock.replace(/{ratebox}/gi, sRateBoxDone);
		}
		sBlock = sBlock.replace(/{ratedate}/gi, getRatingDate(aTmp[0]));
		sBlock = sBlock.replace(/{nTourID}/gi, aTmp[0]);
		sBlock = sBlock.replace(/{feature}/gi, aTmp[1]);
		sBlock = sBlock.replace(/{sTitle}/gi, aTmp[2]);
		sBlock = sBlock.replace(/{sDisplayPrice}/gi, aTmp[3]);
		sBlock = sBlock.replace(/{sUserName}/gi, aTmp[5]);
		sBlock = sBlock.replace(/{description}/gi, aTmp[4]);
		sBlock = sBlock.replace(/{launchtour}/gi, '/launchtour.asp?t=' + aTmp[0] + '" onclick="return launchTour(' + aTmp[0] + ');"  target="_blank');
		sBlock = sBlock.replace(/{thumbpath}/gi, 'http://media.tourfactory.com/tour/thumb/' + photoPathExtend(aTmp[0]) + '/' + aTmp[0]);
		sBlock = sBlock.replace(/{hr}/gi, sHR);
		sBlock = sBlock.replace(/{iwidth}/gi, nIWidth);
		sBuffer += '<td id="tdTour' + aTmp[0] + '" width=' + nWidth + '>' + sBlock + '</td>';
		if(a < aTours.length)
		{
			if((((a - nStartIndex) + 1) % nColumns)==0)
			{
				sBuffer += '</tr>' + sRowSeperator + '<tr valign=top>';
			}
			else
			{
				sBuffer += sColumnSeperator;
			}
		}
	}
	
	// end table
	for(a=((a-nStartIndex)%nColumns);a<nColumns;a++)
	{
		sBuffer += '<td><img src="/art/pixel.gif" width='+nWidth+' height=1></td><td><img src="/art/pixel.gif" width=1 height=1></td>';
	}
	sBuffer += '</tr></table>'
	
	// return result
	return sBuffer
}

function getTemplate(nMode)
{
	switch(nMode)
	{
		case 1:  
			sTD = '<table border=0 bgcolor=#CED7E1 cellspacing=0 cellpadding=1 width=165 height=20><tr><td align=right><font color=#103F68 face="Verdana" size=2 style="font-size:11px;"><b>{feature}&nbsp;</b></font></td></tr></table><center><table border=0 cellspacing=0 cellpadding=4 width=160><tr><td><font color=#7A694C face="Tahoma, Arial" size=2 style="font-size:11px"><div style="width:156px; height:28px; overflow:hidden;"><a href="{launchtour}"><font color=#7A694C><b>{sTitle}</b></font></a></div>{hr}<font color=#3E6394><b>{sDisplayPrice}</b></font><br><div style="width:156px; height:42px; overflow:hidden;"><nobr>{description}</nobr></div>{hr}<div style="width:156px; height:28px; overflow:hidden;"><b>{sUserName}</b></div>{ratebox}</font></td></tr></table><img src="/art/pixel.gif" width=1 height=6><br></center>';
			sColumnSeperator = '<td background="/art/dots2.gif" width=1><table border=0 cellspacing=0 cellpadding=0 width=1><tr><td bgcolor=#ffffff><img src="/art/pixel.gif" width=1 height=23></td></tr></table></td>';
			sRowSeperator = '<tr><td background="/art/dots2.gif" colspan=7><img src="/art/pixel.gif" width=1 height=3></td></tr>';
			sHR = '<img src="/art/dots3.gif" width={iwidth} height=7><br>';
			nWidth = 165;
			nIWidth = 150;
			nColumns = 4;
			nPerPage = 20;
			break;
		
		case 2:  
			sTD = '<table border=0 cellspacing=0 cellpadding=5 width=132><tr><td align=center bgcolor=#CED7E1><table border=0 cellspacing=0 cellpadding=0 width=116 height=20><tr><td align=right><font color=#103F68 face="Verdana" size=2 style="font-size:11px;"><b>{feature}</b></font></td></tr></table><a href="{launchtour}"><img src="{thumbpath}_108_80.jpg" border=0 width=108 height=80 style="border:1px solid #ffffff"></a><br><img src="/art/pixel.gif" width=1 height=6><br></td></tr></table><center><table border=0 cellspacing=0 cellpadding=4><tr><td><font color=#7A694C face="Tahoma, Arial" size=2 style="font-size:11px"><div style="width:116px; height:28px; overflow:hidden;"><a href="{launchtour}"><font color=#7A694C><b>{sTitle}</b></font></a></div>{hr}<font color=#3E6394><b>{sDisplayPrice}</b></font><br>{hr}<div style="width:116px; height:42px; overflow:hidden;"><nobr>{description}</nobr></div>{hr}<div style="width:116px; height:28px; overflow:hidden;"><b>{sUserName}</b></div>{ratebox}</font></td></tr></table><img src="/art/pixel.gif" width=1 height=10><br></center>';
			sColumnSeperator = '<td background="/art/dots2.gif" width=1><div style="background:#ffffff;height:120px;width:1px;overflow:hidden;">&nbsp;</div></td>';
			sRowSeperator = '<tr><td background="/art/dots2.gif" colspan=9><img src="/art/pixel.gif" width=1 height=3></td></tr>';
			sHR = '<img src="/art/dots3.gif" width={iwidth} height=7><br>';
			nWidth = 132;
			nIWidth = 116;
			nColumns = 5;
			nPerPage = 20;
			break;
		
		case 3:  
			sTD = '<table border=0 cellspacing=0 cellpadding=0><tr valign=top><td><table border=0 cellspacing=0 cellpadding=3 width=132><tr><td align=center bgcolor=#CED7E1><table border=0 cellspacing=0 cellpadding=0 width=110 height=20><tr><td align=right><font color=#103F68 face="Verdana" size=2 style="font-size:11px;"><b>{feature}</b></font></td></tr></table><a href="{launchtour}"><img src="{thumbpath}_108_80.jpg" border=0 width=108 height=80 style="border:1px solid #ffffff"></a><br><img src="/art/pixel.gif" width=1 height=6><br></td></tr></table></td><td>&nbsp;&nbsp;</td><td><table border=0 cellspacing=0 cellpadding=4><tr><td><font color=#7A694C face="Tahoma, Arial" size=2 style="font-size:11px"><div style="width:180px; height:26px; overflow:hidden;"><a href="{launchtour}"><font color=#7A694C><b>{sTitle}</b></font></a></div>{hr}<font color=#3E6394><b>{sDisplayPrice}</b></font><br><div style="width:180px; height:39px; overflow:hidden;"><nobr>{description}</nobr></div>{hr}<div style="width:180px; height:26px; overflow:hidden;"><b>{sUserName}</b></div></font></td></tr></table>{ratebox}</td></tr></table><img src="/art/pixel.gif" width=1 height=12><br>';
			sColumnSeperator = '<td background="/art/dots2.gif" width=1><img src="/art/pixel.gif" width=3 height=120></td>';
			sRowSeperator = '<tr><td background="/art/dots2.gif" colspan=3><img src="/art/pixel.gif" width=1 height=3></td></tr>';
			sHR = '<img src="/art/dots3.gif" width={iwidth} height=7><br>';
			nWidth = 331;
			nIWidth = 180;
			nColumns = 2;
			nPerPage = 20;
			break;
	}
}

function photoPathExtend(n)
{
	sKey = '0000000000'.substr(n.length) + n;
	return sKey.substr(0, 2) + '/' + sKey.substr(2, 2) + '/' + sKey.substr(4, 2) + '/' + sKey.substr(6, 2) + '/' + sKey.substr(8, 2);
}

function rateSave(tour, nRank)
{
	// setup variables
	sNewKey = '';
	
	// tell server
	document.images.imgFavoritePush.src = '/SetFavorite.asp?t=' + tour + '&r=' + nRank;
	
	// find the tour and build the new key
	aTours = sTours.split('~');
	for(a=0;a<aTours.length;a++)
	{
		aTmp = aTours[a].split('|');
		if(aTmp[0] == tour)
		{
			sNewKey = aTmp[0] + '|' + nRank + '|' + aTmp[3] + '|' + aTmp[4] + '|' + today();
		}
	}
	
	// update sBuyerPropertyKey
	if(sBuyerPropertyKey=='')
	{
		sBuyerPropertyKey = sNewKey;
	}
	else
	{
		aBuyerPropertyKey = sBuyerPropertyKey.split('~');
		sBuyerPropertyKey = sNewKey;
		for(a=0;a<aBuyerPropertyKey.length;a++)
		{
			aTmp = aBuyerPropertyKey[a].split('|');
			if(aTmp[0]!=tour)
			{
				sBuyerPropertyKey += '~' + aBuyerPropertyKey[a];
			}
		}
	}
	
	// remove the button
	document.getElementById('divFav' + tour).outerHTML = sRateBoxDone.replace(/{hr}/gi, sHR).replace(/{iwidth}/gi, nIWidth).replace(/{ratedate}/gi, today());
	
	// setup tile
	document.getElementById('divFavoriteTile').style.display = 'none';
	document.getElementById('divFavoriteTile').innerHTML = document.getElementById('tdTour' + tour).innerHTML;
	bounceTile(Number(new Date()), getAbsoluteLeft(document.getElementById('tdTour' + tour)), getAbsoluteTop(document.getElementById('tdTour' + tour)), getAbsoluteLeft(document.getElementById('divFavorites')), getAbsoluteTop(document.getElementById('divFavorites')), 1)
	
	// cancel click
	return false;
}

function setResultsPage(p, u)
{
	// validate page
	getTemplate(nView);
	nPages = Math.floor((aTours.length / nPerPage) + 0.99);
	if(p<1){p=1;}else{if(p>nPages){p=nPages;}}
	
	// set page
	if(nPages>1)
	{
		document.images.imgPage.src = '/art/page' + p + 'big.gif';
		document.images.imgPages.src = '/art/page' + nPages + 'small.gif';
		document.getElementById('tdpg'+nPage+'a').innerHTML = '<img src="/art/pixel.gif" width=20 height=1><br><a href="#" onClick="setResultsPage(' + nPage + ', true); return false;"><font color=#58626F face="Verdana, Tahoma, Arial" size=1 style="font-size:11px;">' + nPage + '</font></a><br>';
		document.getElementById('tdpg'+nPage+'b').innerHTML = '<img src="/art/pixel.gif" width=20 height=1><br><a href="#" onClick="setResultsPage(' + nPage + ', true); return false;"><font color=#58626F face="Verdana, Tahoma, Arial" size=1 style="font-size:11px;">' + nPage + '</font></a><br>';
		document.getElementById('tdpg'+p+'a').innerHTML = '<img src="/art/pixel.gif" width=20 height=2><br><font face="Verdana, Tahoma, Arial" size=2 style="font-size:12px; cursor:default;"><b>' + p + '</b></font><br>';
		document.getElementById('tdpg'+p+'b').innerHTML = '<img src="/art/pixel.gif" width=20 height=2><br><font face="Verdana, Tahoma, Arial" size=2 style="font-size:12px; cursor:default;"><b>' + p + '</b></font><br>';
		for(a=2;a<7;a++)
		{
			document.getElementById('tdsp'+a+'a').style.display = ((a>nPages)?'none':'');
			document.getElementById('tdsp'+a+'b').style.display = ((a>nPages)?'none':'');
			document.getElementById('tdpg'+a+'a').style.display = ((a>nPages)?'none':'');
			document.getElementById('tdpg'+a+'b').style.display = ((a>nPages)?'none':'');
		}
		nPage = p;
		if(u)
		{
			document.getElementById('divResults').innerHTML = getResults(nView, nPage);
			updateCurleys();
		}
	}
}

function today()
{
	var nCurrentTime = new Date()
	return (nCurrentTime.getMonth() + 1) + "/" + nCurrentTime.getDate() + "/" + nCurrentTime.getFullYear();
}

function updateFavorites()
{
	var sBuffer = '';
	var aBuyerPropertyKey = sBuyerPropertyKey.split('~');
	for(a=0;a<5;a++)
	{
		if(a<aBuyerPropertyKey.length)
		{
			aTmp = aBuyerPropertyKey[a].split('|');
			sBlock = sFavoriteBlock;
			sBlock = sBlock.replace(/{nTourID}/gi, aTmp[0]);
			sBlock = sBlock.replace(/{sDisplayPrice}/gi, aTmp[2]);
			sBlock = sBlock.replace(/{description}/gi, aTmp[3]);
			sBlock = sBlock.replace(/{dtCreateDate}/gi, aTmp[4]);
			sBlock = sBlock.replace(/{launchtour}/gi, '/launchtour.asp?t=' + aTmp[0] + '" onclick="return launchTour(' + aTmp[0] + ');"  target="_blank');
			sBlock = sBlock.replace(/{thumbpath}/gi, 'http://media.tourfactory.com/tour/thumb/' + photoPathExtend(aTmp[0]) + '/' + aTmp[0]);
			sBuffer += sBlock;
		}
	}
	document.getElementById('divFavoriteList').innerHTML = sBuffer;
}

function viewFade()
{
	nPercentage = 1 - ((Number(new Date()) - nFade) / 750);
	if(nPercentage>0)
	{
		document.getElementById('divResultsFade').style.filter='Alpha(opacity=' + Math.floor(nPercentage * 100) + ')';
		document.getElementById('divResultsFade').style.opacity = nPercentage;
		window.setTimeout('viewFade()', 10);
	}
	else
	{
		document.getElementById('divResultsFade').style.display = 'none';
		document.getElementById('divResultsFade').innerHTML = '';
	}
}

function firstLoadOfResults()
{
	if(document.getElementById('divResults'))
	{
		document.getElementById('divResults').innerHTML = getResults(nView, nPage);
	}
	else
	{
		window.setTimeout('firstLoadOfResults()', 50);
	}
}
firstLoadOfResults()