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://www.kla-ca.com/japan-bcgame/bc-game-casino-online-the-ultimate-destination-for/ 25/03/2025 3:22pm (9 days ago)
as a whole, design and graphics of https://www.kla-ca.com/japan-bcgame/bc-game-casino-online-the-ultimate-destination-for/ of bc games will especially
appeal to regulars, that appreciate the futuristic aesthetics
and comfortable search.
https://technoaid.or.ke/2025/02/26/betwinner-contact-comment-contacter-le-support-de/ 25/03/2025 3:20pm (9 days ago)
Paris combinés: série opportunités/ options Paris – sur différents/ différents nouvelles dans un pari.
betwinner offre une riche gamme méthodes calcul pour répondre
à la besoins de tous tous fans dans https://technoaid.or.
Read My Reviews Here 25/03/2025 3:09pm (9 days ago)
Thank you, I've recently been looking for info about this topic for ages
and yours is the greatest I have came upon till now. However,
what about the bottom line? Are you sure about the source?
aviator by lucky star app 25/03/2025 3:03pm (9 days ago)
if you want bet anonymously, choose https://lucky-star-games.com/app/ that that operate in cryptocurrencies, because you specify your crypto wallet ID only during transactions.
https://wp1-c12567-1.btsndrc.ac/login-betwinner-comprehensive-guide-and-tips/ 25/03/2025 2:33pm (9 days ago)
most interesting thing is waiting for perfect
moment. during the coefficient increases, https://wp1-c12567-1.btsndrc.ac/login-betwinner-comprehensive-guide-and-tips/, increasing not only the potential gain, but also the risk .
Drip cryptocurrency casinos 25/03/2025 2:03pm (9 days ago)
<br>Welcome to Drip Casino – where excitement never stops!, where every player get maximum winning chances. https://drip-legend.top/ to explore the best casino games!<br>
<br>What makes Drip Casino the perfect choice?<br>
Top-rated casino slots featuring stunning graphics.
Loyalty rewards available daily.
Fast transactions to various payment systems.
User-friendly interface for smooth gameplay.
Reliable assistance ready to solve any issue.
<br>Become part of our gaming community to test your luck!<br>
https://premieraestheticclinics.com/tout-ce-que-vous-devez-savoir-sur-betwinner-casino/ 25/03/2025 1:55pm (9 days ago)
in relazione a ciò con dato posizione è importante comprendere appieno i meccanismi attraverso di cui i bookmaker possono fornire margine su
qualsiasi eventi cosa https://premieraestheticclinics.
https://unlim-777-casino.homes/ 25/03/2025 1:26pm (9 days ago)
Unlim Casino is a unique platform offering incredible
gaming opportunities and an excellent experience for all gambling enthusiasts.
Here, you'll find a large selection of gaming machines, roulette, as well as many tournaments and promotions that can significantly improve your chances
of winning.
We are happy to offer a user-friendly interface, a
huge collection of gaming machines, and new table games.
Gambling with high bonuses and daily promotions will make your gaming experience even more exciting.
What awaits you when you join Unlim Casino?
Easy registration to start playing — quick profile setup, and you
are ready to go.
Fantastic bonuses for new players — we offer you
bonuses on your first deposit, providing a great start to your gaming journey.
Regular promotions and tournaments — for all players who want to increase
their chances of winning and earn additional
prizes.
24/7 support ready to assist you with any questions or issues related to gaming.
Games available on any device, so you can enjoy the
gameplay, whether on your PC or smartphone.
Join us now! Exciting adventures await you at Unlim Casino, offering waves of emotions
and the chance to win big prizes. Join us and start winning today! https://unlim-777-casino.homes/
kra28 at 25/03/2025 12:08pm (9 days ago)
Thanks in favor of sharing such a good thinking, paragraph is
nice, thats why i have read it entirely
https://maisfoco.ao/exciting-world-of-live-casino-on-bc-game/ 25/03/2025 12:01pm (9 days ago)
The platform also promotes to the creation of a dynamic community where customers can chat on a resource, play exciting
events, talk https://maisfoco.ao/exciting-world-of-live-casino-on-bc-game/ and use profitable promotions.
Vavada быстрые выплаты 25/03/2025 11:38am (9 days ago)
<br>Vavada Casino открывает вам мир инновационных игровых возможностей|Vavada Casino приглашает вас, чтобы испытать эксклюзивным опытом, который покорит всех любителей азартных игр. В нашем казино представлены популярные игры в том числе рулетка, покер, блэкджек и слоты. Кроме того, множество игроков участвуют в ежедневных турнирах, что позволяет повысить шансы на победу и испытать азарт. Включение в наши мероприятия – это невероятно выгодная возможность сэкономить деньги и сделать игру еще более захватывающей. Каждый турнир в Vavada Casino – это шанс быстро найти свою игру - https://vavada-battle.top/.<br>
<br>В какой момент стоит принять участие в наши игры Vavada Casino? В любое время, когда вам удобно!<br>
<br>Существуют ситуации, когда необходимо начать играть Vavada Casino, чтобы получить максимальную отдачу от игры:<br>
До того, как приступить к игре, рекомендуем прочитать нашими правилами использования.
Если вы профессиональный игрок, попробуйте VIP-условия, чтобы максимизировать удовольствие от игры и выигрыша.
Если вы прерывали игру, можно начать с бесплатных версий, чтобы проверить свои навыки.
安全 無料アダルト 25/03/2025 10:52am (9 days ago)
Casinon erbjuder bonusar utan omsättningskrav för att locka spelare med enklare och mer rättvisa villkor.
https://www.onebrothercarehome.com/exploring-the-thrills-of-betwinner-betting/ 25/03/2025 10:38am (9 days ago)
With the Betwinner mobile app, opportunities to play on result of competitions reach top peakshttps://www.onebrothercarehome.com/exploring-the-thrills-of-betwinner-betting/.
Misooda 25/03/2025 10:36am (9 days ago)
The private college sector is much larger (in terms of total foreign teachers hired) than the public school sector.
My homepage - https://repo.reapertech.com/fosterc0098812
http://imaikogyo6666.com/3543-sajtov-onlajn-kazino-264/ 25/03/2025 10:21am (10 days ago)
From state-of-the-art safety protocols to the expansion of
sweepstakes casinos, the industry is adapting to cater
to the expectations of a increasing worldwide community.
https://safezoneauditing.com/bc-game-win-strategies-and-success-tips/ 25/03/2025 10:14am (10 days ago)
Responsible play: read the rules of responsible play set out on the
https://safezoneauditing.com/bc-game-win-strategies-and-success-tips/ on our website.
dealer motor 25/03/2025 9:13am (10 days ago)
Thank you for the auspicious writeup. It in fact was
a amusement account it. Look advanced to more added agreeable from
you! By the way, how could we communicate?
Anastasia 25/03/2025 8:50am (10 days ago)
Wonderful article! Press statements are essential for influencing
media stories and communicating significant news. They facilitate develop links between companies and journalists.
Developing successful press releases means being focused,
aligned with the needs of relevant news channels.
In the modern media landscape, press releases likewise function a critical role in web-based PR.
They also reach mainstream news outlets but additionally boost engagement and elevate a business’s web presence.
Including visuals, such as media, can turn press releases further
appealing and viral. Adapting to the changing media landscape
while keeping core principles can significantly enhance
a press release’s influence. What are your thoughts on using
multimedia in press releases?
1хбет рабочее зеркало 25/03/2025 8:20am (10 days ago)
как избежать 1хбет рабочее зеркало блокировку сайта 1xbet?
highstakespoker 25/03/2025 8:16am (10 days ago)
EP
Online Betting 25/03/2025 8:16am (10 days ago)
This location combines a ski resort with a casino to make for an exciting knowledge all year round.
Feel free to visit my web blog :: http://docker.clhero.fun:3000/alinaogles5524
git.blinkpay.Vn 25/03/2025 6:31am (10 days ago)
The teres major, a clean muscle situated in the higher arm and shoulder area, lies just underneath the teres minor,
which is part of the rotator cuff. The trapezius muscle is a
diamond-shaped muscle that lies among the many middle and upper again muscles, extending to the back of the neck and reaching right down to the mid-spine.
To goal the lats, you must use a rowing exercise and
a vertical pulling train. For instance, the Barbell Row and Lat Pulldown are two of the most well-liked
exercises to focus on the lats. These broad, fan-shaped muscle
tissue start from the decrease (lumbar) and center (thoracic)
sections of your spine and hook up with the
upper arm bone. They contribute to the general energy and shape of the chest, enjoying
an important function in various arm movements and some aspects of posture.
Beginners with poor upper body power can nonetheless practice pull-ups
by first bettering three basic components of the
exercise. First, train your grip energy by performing dead hangs by simply hanging from
the pull-up bar. Set a aim of accelerating the amount of time you’re able to carry out this task over time.
Hold off the bar like before, but pull your body up with simply the
shoulders for four to six reps in order to strengthen your shoulders.
Finally, construct energy and coordination for the compound movement of the
pull-up by training unfavorable pull-ups. With time and persistence, these fundamental workout routines build enough higher
body strength to carry out a full standard pull-up. The
lifeless hold is an isometric train in which you dangle from a pull-up bar, strengthening your shoulder and again muscle
tissue as well as your core.
The Superman Row is a pull train you are in a place to do while mendacity on the floor.
It bolsters the posterior chain muscles, primarily the decrease back, and helps
contribute to creating a resilient back. You can prepare
both muscle tissue alternatively or by doing the superset.
Sturdy shoulders and again improve posture, minimize accidents,
and enhance overall efficiency. Whether you’re a newbie or pro, male or feminine, you can do these workout routines at home to construct and tone your again and shoulder.
When it involves the fifth train, pull-ups, you'll do three units to failure.
Your again consists of the erector spinae, lats, traps, teres main, rhomboids, and multifidus.
However, shifting your arms somewhat wider makes it simpler.
On the downside, you won’t have the ability to use as a lot weight compared to typical bench presses.
That stated, it is a hypertrophy program and not a brute strength exercise, so this doesn’t really matter very a lot.
Along together with your added muscular energy will come
accompanying muscle features as well. Also, do not overlook that you hit your anterior and posterior deltoids together with
your back and chest, so it is essential to
emphasize lateral delt workout routines in your coaching.
Based Mostly on that, you must be doing about 8-12 total sets per week for aspect and rear
delts and 6-8 units for the entrance delts. The posterior deltoids are located
on the back of your upper arm. They are connected to your shoulder blade as
nicely, allowing you to extend and laterally rotate
your arm. The posterior deltoids are primarily in use with exercises that deliver your arms behind you (i.e.
reverse flys).
These are the most effective exercises for traps and shoulders
when programmed correctly. This train additionally improves
your posture by strengthening the muscles responsible for preserving your shoulders down and back.
It is a classic upper-body train and a staple in upper again exercises around the globe.
Don’t confuse this exercise with chin-ups, by which you employ an underhand grip (palms going through towards you) rather than the overhand grip used within the pull-up.
They’re important in maintaining good posture and stopping that dreaded office-worker slouch.
They also work additional time when you throw something or carry out overhead workouts.
If you do no much less than one exercise for each of these main motion patterns, that will be all of your again wants to gain strength and construct muscle.
Plus, with an adjustable bench, you train your back from
a wide selection of angles for higher muscle growth. This machine
is specifically designed to target the shoulder muscle tissue,
as it supplies a controlled surroundings for overhead pressing actions.
The shoulder machine press is excellent for constructing the
front and facet deltoid muscles. Each your pectoralis major and minor are activated within the barbell bench
press, making it a should for chest and shoulder days. It
also prompts the anterior deltoids, enabling you to target one of many shoulder heads - no further exercise required.
"This may help with on an everyday basis movements that contain lifting your arms up and away from your physique," says Dr.
Stewart. Seated cable rows are a great train to focus on the muscle tissue of the upper back and arms in addition to an excellent shoulder exercise.
Not solely is Buglioli working her abs here, however she can be
enhancing her posture through spinal and hip flexion. If you need a knockout physique that may wow your individual audience,
do that session for your self. I’ve spent my life studying the
fundamental elements of human health with a give consideration to motion and scientific massage therapy.
In a world of specialists, surgical procedures, medicine and fast repair cures, I’m dedicated to finding and
creating methods that help folks stuck on the "gap".
Over the final 20 years I’ve studied dozens of techniques and methodologies for uncovering the root
cause of aches and pains, together with postural and movement issues.
While the actions in a shrug could seem small, this lets you load up the
barbell with a heavy amount of weight. Dumbbell shrugs may be accomplished at the side of
any again day strength coaching workout. Unilateral coaching is highly beneficial for any muscle group, and the
shrug presents that sort of power coaching. If you’re aware
of a muscle imbalance in certainly one of your arms or back muscle tissue, dumbbell
shrugs may help to even out these areas. Anywhere you've a
pair of dumbbells, and the space to stroll is a good time to
complete the Farmer’s stroll. This is why the Farmer’s Walk is an effective exercise to train the traps; it forces
your traps to engage through each step. Ask any
seasoned weightlifter, and they’ll tell you that rack
pulls are important to successfully targeting the traps.
car maintenance 25/03/2025 5:15am (10 days ago)
Link exchange is nothing else however it is just placing the other person's blog
link on your page at suitable place and other person will also do similar
in support of you.
poker online 25/03/2025 5:00am (10 days ago)
PY
https://spgaex.processus.edu.br/2025/02/25/betwinner-casino-your-gateway-to-unmatched-gaming/ 25/03/2025 4:54am (10 days ago)
immersed in the vibrant gaming community in Aviator
slot machines, https://spgaex.processus.edu.
« 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 next »
No one has commented on this page yet.
RSS feed for comments on this page | RSS feed for all comments