Better Breadcrumbs
By Daniel Wood, 4 October 2018
Introduction
Breadcrumb menus are great. They tell the user a lot about where they are within a solutions hierarchy. They also provide a really quick and easy way to navigate up/down that hierarchy if needed. In the FileMaker world, people have been making breadcrumb menus in various forms for a while, the most common implementation is that of a repeating fields, button bars, or in the case of vertical menus, a portal.
And while all of these methods are workable, they tend to have limitations when it comes to 2 aspects - the visual quality of the menu, and the ability to customise and extend the menu. So what do we mean by these? We’ll start off by giving an example of a breadcrumb menu built using a button bar, discuss some of its limitations, and then present our alternative implementation using a tab control object.
Example file time!
Rather than wait til the end to check out the demo, we strongly recommend you download and explore the example file as you read. This will help you follow along with the content of the article and help you to understand what we are talking about.
A typical breadcrumb menu
Here is an example of a standard breadcrumb menu. This is a location based menu, as the items in the menu are locations within the solution the user can navigate to.
The user currently resides at the right-most location in the menu, and as you scan to the left you can work your way back up the navigation hierarchy all the way to home screen. These navigation elements are clickable, so the user is free to traverse back up the hierarchy to any point they wish.
Building this in FileMaker
Many peoples first instinct would be to use a button bar to design and build a breadcrumb menu. It has a number of properties that suit a breadcrumb menu:
- Multiple segments, each could be a step in the hierarchy
- Clickable, as each segment is essentially a button
- You can calculate the text to appear in each segment.
But here’s the problem. Button bars are of a fixed width, and the segments within the button bar are all proportional in width to the overall width of the bar itself. So if you have a 100pt wide button bar, with 10 segments, then each segment will be 10 pts wide. If you extend the width of the bar to 200pts, then each segment grows to 20pts in width. You have no control over the width of each individual segment.
So what does this mean for us in real terms?
Here is a crack at building a breadcrumb menu with a button bar. The issue we have is that each segment has a variable amount of text, yet we can only have a single width per segment. Add to this the fact that typical breadcrumb menus have a divider between each element, and you end up with a pretty average looking menu.
This is what it looks like in layout mode, to further illustrate whats going on.
Now, we have seen people come up with attempts to work around this fixed width segment issue. Some involve creating button bar segments based on calculations, where the text inside each segment is padded with spaces to make it a certain width, while others involve starting off with hundreds of small segments, and programmatically removing certain segments and padding others. The simple fact is these are all complex and a real pain to work with, and you still do not achieve a really beautiful result.
What about a tab control?
What’s that, I hear you ask? A tab control? Surely a tab is the last object you’d think of to build a breadcrumb menu right? Well maybe, but the fact is tab controls are the perfect layout object for building them (short of an actual breadcrumb menu layout object!).
The reason why tab controls are so great for this, is the simple fact that the width of each tab control name is variable in width. This means it doesn’t matter how much or how little text goes into each tab name, they won’t all end up the same width.
This is a tab control, designed to look like a breadcrumb menu. Looks pretty nice doesn’t it. Notice how all of the spacing between the dividers and the items are all consistent. So how is this done?
Here is the same tab control object highlighted in layout mode. The height of the overall object has been reduced such that there is actually no content space, it’s just the height of the tab names themselves. We aren’t going to be using this object for placing other objects in, we are only concerned with the names.
Let’s look at the tab control setup next.
Interesting! What we can see here is that the odd positions in the tab control are given the names of the items in the menu. Whilst the even positions are used for dividers. This is a key concept in our technique for building the menu - odd spaces are for items, even spaces are for separators.
The above setup is kind of useless in an actual solution because it is so hard-coded. Ideally you want the menu to be dynamic, and have elements add/remove as you traverse up/down the navigation hierarchy of your solution, but at this point we’re simply showing you the building blocks for how we structure the object.
We use the “Label width + Margin of” option for tab width, this allows tabs to grow as more text is added, whilst maintaining an even spacing between items and dividers. We are using an ascii character of a right arrow for the divider.
Formatting items
You’ll note that the first three items in the menu are underlined. This is to give visual indication to the user that these are clickable. The right-most element is not underlined, suggesting that is the screen they are current on, and there is no need for them to click that link.
Visual design is achieved through conditional formatting of each individual tab control. In this very basic example, the condition for the first 3 items is simply “true” and we format them to underlined. Again in reality we want to be a bit more dynamic in our conditional formatting, which we’ll cover later.
For a navigation breadcrumb, you may actually wish to simply go with a hard-coded menu such as the one above, and just adjust its display for each layout it appears on, and indeed this may be the easiest implementation. Other implementations may require a more soft-coded dynamic approach.
A simple example
In the example file we start off with a simple wizard example. Here we use a breadcrumb menu to indicate position in a step by step wizard.
This wizard has 5 steps, and the user will work their way through the wizard, and continue to the next section by clicking a button. The menu itself is not clickable, it exists purely as a visual aid to inform the user of their progress in the wizard.
We use the tab control for display of the menu, and we are using a slide-control beneath it for the wizard itself. So, the slide control has 5 panels and each panel is named Wizard_1 through Wizard_5.
The tab control setup is as follows:
Pretty simple stuff. Again odd positions for items, even positions are separators. Because the size of this wizard is known, we only need to add however many tabs are required for each step.
Navigation through the wizard is done by running a script. The script takes as a parameter a direction, be it forward or back. Depending on which direction, it updates the value of a global variable $$WIZARD_POSITION. We use this global variable to help us know which step of the wizard we are on. The script then simply navigates to the next or previous slide panel.
The breadcrumb menu now has to update visually to reflect the users position also. We know the position of the user based on the number in the global variable which will be between 1 and 5. The visual updating is done via conditional formatting, so let's take a look at that:
This is really easy. What we are looking at is the conditional formatting rule for the second position “Your Details”. We’re saying that if the user is at this position, or has gone past this position already, that it should be coloured.
Here the user is on step 4 “Interests”, and so the conditional formatting of items 1 through 4 are evaluated to true, and are coloured bold and green.
For the dividers, they are irrelevant in our example, so we can either always evaluate their conditional formatting to true (and assign them some property, in this case grey colour), or you can leave them without conditional formatting, in which case they will inherit the default formatting of the tab control object.
In this example, you’ll note that the text is black, and the dividers are grey, so we have a difference in formatting of the 2 types of tabs. In the interests of simplicity, we make the default tab text colour black, and we have applied conditional formatting to all dividers, to change them to grey.
Adding action to navigation items
More often than not, you want the user to be allowed to click an item in the navigation menu and run a script accordingly. We can achieve this in tab controls by using the OnPanelSwitch object trigger.
Here is the same wizard, although this time all sections can be navigated to at any point in time.
We start by altering the formatting so that all objects are underlined to begin with, indicating that they can be clicked. The other conditional formatting properties are the same as in the previous example, if the user is on a position, or that position is to the left of where the user currently is, we make it bold and green.
If we apply an OnPanelSwitch trigger to the tab control object, then our script will run regardless of which tab is chosen. An important piece of information we will use in the script is the position of the tab the user has clicked. This can be found by evaluating the first value in the function Get ( TriggerTargetPanel ).
There are 2 possible situations here. Firstly, the user may have clicked a divider. Our script will still run in this instance, so we must handle this situation. Recall all even positions are dividers, so we can check whether the clicked position is even. If it is then we return a FALSE result from the script, and the divider tab is not navigated to.
The only other scenario is the user has clicked on an actual item that they can navigate to. This will be an odd number. We must translate this number into the actual wizard position. We need to do this because of the dividers, they offset the clicked item.
To illustrate this consider clicking on “Immediate Family”. You know that this is the third position in the wizard, but it is actually the 5th position in the tab control. So we need to write a translation between the position chosen and the wizard position. It’s pretty straightforward and simply Ceiling ( $PositionClicked / 2 ). In our example, this would be 5/2 = 2.5, and taking the ceiling of this gives us a wizard position of 3.
Now that we know the wizard position, it’s just a case of setting our location to that value, and going to that sliding panel object, all done !
You can indeed write your own script to cater for any positional click in your menu, regardless of what you are using your menu for.
Abstracting item names into a table
Often times your wizard or menu items will exist in a table as records because you need to customise them, or build different menus for different purposes. In this example we’re going to show that you can still use the breadcrumb menu in this fashion.
Here is a table of records, each for a different section in the breadcrumb menu, and below is the breadcrumb menu. The 2 important bits of information in the table are the name of the item, and its position in the menu.
The beauty of using a tab control really stands out when using an abstracted menu like this. The menu will simply expand to accommodate variable lengths of text. In order for things to work smoothly there are just two things you need to be aware of:
- Make the initial width of the tab object wide enough to cater for a worst case scenario length of menu.
- Add enough tab control objects so that you are sure you have enough menu positions to cater for all the items that may end up in the menu.
Here is the tab control setup of this abstracted menu. Wow things are really getting interesting now! What you see there is a custom function which we have named @BREADCRUMB. It takes 2 parameters. The first is a keyword identifying which records in our wizard setup table to retrieve, and the second is the order number to retrieve. The 5 items in our table are all of type “Abstracted”, and are all numbered 1 through 5.
Here’s the custom function. It’s a simple executeSQL query where we retrieve names of items based on their type and order number, again nothing magical here just standard FileMaker.
The rest of the implementation is no different to our other examples. Conditional formatting for the items, and a script trigger for navigation.
Abstracting the formatting as well as the names
In this last example we show how you can tailor the formatting of individual items in the menu as well as their names. Now you could achieve this with conditional formatting again, but if you want a specific item to have a specific formatting you may wish to abstract this into a table of records to be based on actual items, rather than position in the menu.
This is a very similar example to the one above, with a slight exception that we have an additional field in our table containing an RGB function for the colour we want our item to be.
Here is the tab control setup for this example:
We have added in 9 different tabs here. In fact we add more than required in case more are needed. Because the items are abstracted to a menu, but adding more tabs, we ensure we don’t have to come back and potentially add more in future.
The other interesting thing to notice here is that we no longer are adding dividers into the even positions. It’s all just calls to a custom function called @BREADCRUMB_Formatted. This function is identical in behaviour to the earlier one, but this function does a couple more things
- If the order number passed through is even, it returns the divider character
- If the order number passed through is odd, it obtains the name of that item from corresponding record.
- It also obtains the formatting properties from the record, and applies them to the name, using the Evaluate function.
- It also determines using the wizard position $$WIZARD_POSITION whether to format the item, or whether to not format
So in this case, we are not using conditional formatting to determine whether to format an item or not, it is entirely done within the custom function. The formatting properties we use comes from the record itself.
The end result of this is that because we are only displaying text for items, we have full formatting control over how that looks using the text formatting functions. Here we are using slightly different colours for each item.
Tabs are awesome
The tab control object is just one of those cool objects that just keeps giving. We really love these breadcrumb menus and feel they have a really useful place in solutions. They can also be now made to look really professional and behave just like a breadcrumb menu should as well as being very easy to customise and format.
Example file again!
As with all of our articles we produce we like to provide a detailed example file to go along with it. It’s not enough to just read how something is done, you should be able to see it in action and explore how it works yourself. Please find attached the example file below.
Credits
We'd like to thank Greig Jackson here at Digital Fusion for coming up with this method — nice work!
Something to say? Post a comment...
Comments
Https://24Frameshub.Com 16/04/2025 9:12am (15 days ago)
Critically, your outcomes are going to include the preservation of
your current lean muscle. Anavar helps prevent you from turning
into catabolic – where lean muscle is lost as vitality.
At essentially the most fundamental stage, you'll have the ability to count on to see some good fats loss and a few reasonable muscle features if you use Anavar.
It can dry out your body, promote incredible muscle hardening, and
allow for a really dry, lean, and shredded physique ideal for contests or private goals.
Ideally, you’ll be at a low body fats stage earlier than using
Anavar to enjoy its maximum physique enhancement results.
It works by increasing protein synthesis and enhancing nitrogen retention, resulting in improved muscle progress, enhanced recovery, and increased strength.
Say goodbye to cussed fat and howdy to a sculpted, chiselled physique.
Stacking various anabolic steroids is a typical practice amongst athletes and bodybuilders who need to
achieve maximum positive aspects whereas using steroids for as little time as attainable.
The potential side effects embrace liver toxicity, cardiovascular issues, hormonal imbalances, and psychological results like aggression and temper swings.
Long-term use or abuse can exacerbate these dangers,
making it crucial for customers to method its use with caution and beneath medical supervision. However, when its use is abused (taken in high dosages and for longer
cycles), it could lead to antagonistic unwanted effects.
The finest way to keep away from the side effects and experience
all the advantages is by having a legal Anavar alternative such as ACut from Brutal
Force which has been getting awesome person reviews.
To mitigate the potential negative effects on lipid profiles and blood strain, customers usually incorporate cardiovascular-supportive
dietary supplements. Omega-3 fatty acids, CoQ10, and citrus
bergamot are popular choices for supporting heart health during
Anavar use. Common cardiovascular train can be crucial, not only for its
basic health benefits but additionally to assist counteract a few of the potential adverse cardiovascular effects of Anavar.
Eating a wholesome, balanced diet with plenty of protein and wholesome fats might help help muscle growth
and recovery. Regular exercise can even help you achieve your required results and enhance your general well being.
There are several medicine which may be generally used
for PCT after an Anavar cycle. Both of these medication work by stimulating your body’s
pure testosterone production. You can discover some great
Earlier Than and after pictures on-line, with some very beautiful accomplishments with Anavar only cycles.
A lot of the photographs are of folks who used Anavar to decrease their physique fat,
some to get a more outlined look, and others to increase muscle energy
and firming. Nevertheless, steroids work different on everybody, due to this fact not everybody who uses
steroid achieves the identical consequence.
Anavar helps in preventing the breakdown of proteins within the body, which
promotes muscle progress and aids in restoration after workouts.
The typical Anavar cycle length is 6-8 weeks, though some people could choose to
increase it up to 12 weeks. Testosterone is a compound you need to be more careful when taking,
as it'll trigger your levels of cholesterol to shift
in a negative means (LDL ranges increasing).
It can be helpful for bodybuilders who're attempting to construct bigger muscles.
The increased energy ranges might help them to work out for longer durations of time and raise heavier
weights. In addition, Anavar may help to extend bone density and improve blood circulation. As a outcome,
it is an efficient tool for serving to to construct
muscle and improve athletic efficiency. Alcohol has a adverse effect
on cortisol levels (35); thus, fat-burning might become inhibited.
Furthermore, cortisol is a catabolic hormone, meaning heavy alcohol consumption could
reduce muscle mass.
Anavar is thought for its mild nature in comparison with some other
anabolic steroids, which has led to its popularity amongst athletes and bodybuilders.
It is often used to promote muscle growth, enhance power, and improve athletic efficiency.
Additionally, Anavar has been prescribed to help patients
recuperate from surgical procedure, trauma, or persistent infections.
Check E is a long-acting steroid that's generally used as a base for most steroid
cycles. Its half-life is around eight days, permitting for
sustained muscle growth and strength features.
When combined with Anavar, the 2 steroids work together to
advertise lean muscle mass, improve strength, and enhance athletic
performance. Trenbolone is another powerful steroid that is typically utilized by bodybuilders and athletes
to increase muscle mass and energy.
Drug interactions could change how your medicines work
or improve your risk for serious unwanted facet effects.
Maintain an inventory of all the products you employ (including prescription/nonprescription medicine and natural products) and share
it together with your physician and pharmacist. Do not start, cease, or change the dosage of
any medicines with out your doctor's approval. Nausea, vomiting,
headache, skin color adjustments, increased/decreased sexual
curiosity, oily skin, hair loss, and pimples may occur.
If any of these effects final or worsen, inform
your physician or pharmacist promptly.
Anavar is a popular anabolic steroid that's known for its
ability to promote muscle progress and fat loss.
Anavar offers males an efficient approach to optimize muscle growth, power, and fats loss with out the downsides of traditional anabolic
steroids. Testosterone is a hormone that is
answerable for building and maintaining muscle mass.
When you are taking Anavar, it helps to increase the quantity of testosterone in your body, which may help you construct lean muscle mass and enhance your athletic efficiency.
This makes it, on paper, about 4X more anabolic and 5X much less
androgenic than straight Testosterone. It’s
most well-known among boxers and martial artists, they adore it
as a end result of they can increase their tempo, energy, and endurance, and for that, they don’t should placed on lots of weight.
However they don’t notice that with Anavar, the muscular tissues do appear to be obvious and more cut.
Something that goes above one hundred mg may be very risky and could be categorized as
a excessive dose.
биорепарация глаз 16/04/2025 9:03am (15 days ago)
Greetings! I know this is kinda off topic but I was wondering which blog platform are you using for this website?
I'm getting fed up of Wordpress because I've had issues with hackers
and I'm looking at alternatives for another platform.
I would be fantastic if you could point me in the direction of a good platform.
https://xn----7sbabno2abl4a9aggb.xn--p1ai/food/uslugi-keyteringa-prevratat-lyuboe-sobytie-v-priatnyy-prazdnik.html 16/04/2025 8:59am (15 days ago)
10.7. Оператор при обработке личных данных
обеспечивает простоту https://xn----7sbabno2abl4a9aggb.xn--p1ai/food/uslugi-keyteringa-prevratat-lyuboe-sobytie-v-priatnyy-prazdnik.
is plinko real 16/04/2025 8:47am (15 days ago)
Hi there this is kind of of off topic but I was wanting to know if blogs use WYSIWYG editors or if you
have to manually code with HTML. I'm starting a blog soon but have no coding know-how so I wanted to get guidance from someone with experience.
Any help would be enormously appreciated!
Профилактика ВПЧПрофилактика ВПЧ 16/04/2025 8:41am (15 days ago)
It's awesome to go to see this site and reading the views of all friends on the topic of this article, while I am also keen of
getting experience.
auto body shop 16/04/2025 8:05am (15 days ago)
Good day! I know this is kinda off topic but I was wondering
if you knew where I could locate a captcha plugin for
my comment form? I'm using the same blog platform as yours and I'm having difficulty finding one?
Thanks a lot!
Сукааа бонусы на регистрацию 16/04/2025 7:56am (15 days ago)
<br>Хотите испытать удачу? Тогда добро пожаловать в Sykaaa Casino – лучшее казино для любителей риска! Здесь представлены игровые автоматы с бонусами от мировых разработчиков. https://sykaaa-club.buzz/ и начните играть без границ!<br>
<br>Что делает Sykaaa Casino лучшим выбором?<br>
Крупнейшая коллекция игр от ведущих студий.
Эксклюзивные бонусы на депозиты и ставки.
Гарантированные выигрыши на удобные платежные системы.
Современная графика на любом устройстве.
Дружелюбные операторы быстро решат любые вопросы.
<br>Зарегистрируйтесь в Sykaaa Casino и начать выигрывать уже сегодня!<br>
http://duhiguerlain1.ru 16/04/2025 7:45am (15 days ago)
отличия в концентрации определяют интенсивность и наименование ароматического раствора.
Всегда проверяйте этикетку на парфюме.
web site 16/04/2025 7:43am (15 days ago)
Купить квартиру в Москве – это ваш шанс на комфорт и стабильность!
Просторные и светлые квартиры в лучших районах столицы ждут вас.
Отличная инфраструктура, развитый транспорт и близость к
культуре делают жизнь здесь уникальной.
Инвестируйте в ваше будущее – выберите
квартиру мечты уже сегодня!
ЖК Ярцевская 24 от застройщика ПИК -
официальный сайт, цены на квартиры, отзывы
Connor 16/04/2025 6:38am (15 days ago)
Casino utan omsättningskrav är en trend som växt fram i Sverige i samband med att free spins utan krav på insättning försvann.
proektmedia-stat.ams3.digitaloceanspaces.com 16/04/2025 5:49am (15 days ago)
This is my first time go to see at here and i am in fact pleassant
to read everthing at single place.
tattoo shop 16/04/2025 5:40am (15 days ago)
Thanks! I value it!
Pinco Casino официальный сайт 16/04/2025 4:42am (15 days ago)
Когда demo-счет опустеет, перезапуск игры принесет новые виртуальные фишки.
Also visit my web page: http://pinko-casino-online2025.ru/
اجرت تعویض تسمه تایم 16/04/2025 4:26am (15 days ago)
Hey There. I found your blog the usage of msn. That
is a very neatly written article. I will be sure to bookmark it and return to read
more of your useful information. Thanks for the post. I will definitely return.
id.savefrom.net/ 16/04/2025 3:47am (15 days ago)
Apapun perangkat yang digunakan, baik Android, iPhone, atau PC,
proses unduhan tetap cepat dan praktis.
Fast Private Proxies 16/04/2025 3:17am (15 days ago)
each time i used to read smaller posts which as well clear
their motive, and that is also happening with this paragraph which I am reading at this place.
More information 16/04/2025 3:05am (15 days ago)
Thanks for a marvelous posting! I genuinely enjoyed reading it, you may be a great author.
I will make certain to bookmark your blog and will eventually come back down the road.
I want to encourage yourself to continue your great work,
have a nice morning!
دوربین مداربسته 16/04/2025 2:14am (15 days ago)
Hello, i read your blog from time to time and i
own a similar one and i was just curious if you get a lot of spam remarks?
If so how do you reduce it, any plugin or anything you can recommend?
I get so much lately it's driving me mad so any assistance
is very much appreciated.
طرز تهیه کیک مثلثی با اسنک ساز 16/04/2025 1:59am (16 days ago)
Fantastic beat ! I wish to apprentice whilst you amend your site, how can i subscribe for a weblog website?
The account helped me a applicable deal. I were a
little bit familiar of this your broadcast provided brilliant transparent concept
купить душевую уголок с поддоном 16/04/2025 1:11am (16 days ago)
Центр душевых кабин предлагает широкий ассортимент качественных товаров это
https://centr-dush-kabin.ru/dushevye-kabiny-i-ograzhdenija/dushevye-kabiny/ для ванной комнаты. Мы сотрудничаем с ведущими производителями и предоставляем гарантию качества на все товары. Наши опытные специалисты помогут вам выбрать подходящую душевую кабину и проконсультируют по любым вопросам.
У нас вы найдёте всё необходимое для создания идеальной ванной комнаты.
Наши преимущества:
- высокое качество товаров;
- доступные цены;
- большой выбор;
- профессиональные консультации;
- гарантия качества;
- быстрая доставка и установка.
Не упустите возможность обновить вашу ванную комнату с помощью наших душевых кабин! Заходите на наш сайт, чтобы найти свою идеальную душевую кабину!
ssstwitter download 16/04/2025 12:48am (16 days ago)
Foi esse o caso durante o embate inaugural entre
Casper Ruud e Francisco Cerundolo, com o norueguês recebendo ajuda direta de ‘treinadores’ muito especiais.
https://hype-playbounce.quest/ 16/04/2025 12:39am (16 days ago)
<br>Добро пожаловать в Hype Casino — лучшее казино для азартных игроков! Здесь каждый найдет что-то по душе лучшие слоты, классическую рулетку и блэкджек, а также уникальные промоакции для увеличения выигрышей. https://hype-playbounce.quest/.<br>
<br>Почему стоит играть в Hype Casino?<br>
Высокая скорость вывода выигрышей и скрытых платежей.
Игровая коллекция, которая постоянно обновляется.
Программы лояльности и турниры, позволяющие играть с максимальной выгодой.
<br>Открывайте для себя Hype Casino и выигрывайте с комфортом!<br>
telegram reaction bot free 16/04/2025 12:29am (16 days ago)
Hmm it appears like your blog ate my first comment (it was super long) so I guess I'll
just sum it up what I had written and say, I'm thoroughly enjoying your blog.
I as well am an aspiring blog writer but I'm still new to the whole thing.
Do you have any tips and hints for beginner blog writers?
I'd really appreciate it.
buy real telegram subscribers 16/04/2025 12:19am (16 days ago)
I'm amazed, I have to admit. Rarely do I come across a blog that's both educative and entertaining, and
let me tell you, you have hit the nail on the head.
The issue is something not enough people are speaking intelligently about.
I'm very happy I came across this during my hunt for something relating to this.
Lev casino reviews 15/04/2025 11:49pm (16 days ago)
<br>Lev Casino is your perfect place for unforgettable gambling adventures. Here you can try your luck in a variety of games, enjoying every moment. Every game in Lev Casino is thoroughly tested, and we ensure that your data and funds are completely safe.<br>
<br>What makes https://levcasino-betoasis.lol/ the best choice for online gamers? In our collection, only the best games that meet world standards are available. Bonuses, tournaments, and promotions are your opportunity to increase your bank and make the game even more exciting. Simply start playing, and victory will surely be on your side.<br>
Every new player gets generous bonuses that increase their chances of winning.
We regularly add new games to keep our players entertained.
24/7 customer support.
Getting started at Lev Casino is easy, and withdrawals happen without delay.
<br>Join Lev Casino, become a winner, and enjoy every minute of the game!.<br>
« previous 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 next »
No one has commented on this page yet.
RSS feed for comments on this page | RSS feed for all comments