{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf320
{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;\red255\green0\blue0;}
\paperw11900\paperh16840\margl1440\margr1440\vieww16580\viewh13900\viewkind0
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\ql\qnatural\pardirnatural

\f0\b\fs24 \cf0 GRAPHIC NEWS TOURNAMENT APPLICATION 
\b0 (last modified 03Aug2010)\
\
Graphic News tournament graphics are designed in Flash for web sites.  In addition to a tournament overview, the graphic provides the latest fixtures and results, with live match trackers for every single game. For each match the tracker shows pre-match information including squad members and starting line-up, with live results during the match including goals, yellow and red cards, substitutions and rolling statistics until the final whistle. Visitors to web sites can therefore follow all the key events from before the teams are announced to the last kick of the ball.\
\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\ql\qnatural\pardirnatural
\cf0 \
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\ql\qnatural\pardirnatural
\cf0 These graphics can either be embedded into web pages or displayed in a lightbox. Flash buttons are supplied to create these links.\
\
The results feeds are served automatically from a Graphic News server. Contact Graphic News if you would prefer to host the live data on your own servers to speed up loading times in your country. \
\
The ReadMe below gives information on how to use Tournament graphics. If you need help please contact helpdesk@graphicnews.com +44 207 404 4280\
------------------------------\
------------------------------\

\b 1. Download
\b0 \
Download the graphic from http://www.graphicnews.com, e.g. for graphic 
\b GN12345
\b0 , download file
\b  GN12345W.zip
\b0  and decompress to a folder called 
\b GN12345 interactive
\b0 .\
\
How the files are organized is important because the text for the Flash graphic GN12345.swf are in the .xml file, so the .swf flash graphic file has to know where to find the words. (This is similar to having a .jpg picture linked to an Illustrator file). DO NOT RENAME. \
\
Contents 
\b GN12345W.zip
\b0  \

\b GN12345 interactive
\b0  (folder)\
-	
\b GN12345ReadMe.txt
\b0  (instructions)\
	-	
\b GN12345
\b0  (folder)\
		-	
\b GN12345.html
\b0  (this contains the code required to play the graphic)\
		-	
\b GN12345.swf
\b0  (the tournament graphic)\
		-	
\b GN12345_match.swf
\b0  (the match tracker)\
		- 	
\b images
\b0  (folder)\
		-	
\b xml
\b0  (folder)\
			-	
\b translate.xml
\b0  (contains the text for editing or translating)\
			-	
\b translate_match.xml
\b0  (text for the match tracker)
\b \

\b0 		-	
\b style
\b0  (folder containing font data)\
		-	
\b swfobject.js
\b0  (recommended javascript for displaying flash in a web page)\
		-	
\b flash-unicode-table.xml
\b0  (font support for glyphs in multiple languages)\
		-	
\b playerProductInstall.swf
\b0  (if browser doesn't have Flash Player installed)\
		-	
\b framework_4.1.0.16076.swz
\b0  (Runtime Shared Libraries to cache application on user's computer for speed on repeat visits)\
		-	
\b textLayout_1.1.0.604.swz
\b0 \
		-	
\b sparkskins_4.1.0.16076.swz\

\b0 		-	
\b spark_4.1.0.16076.swz
\b0 \
		-	
\b rpc_4.1.0.16076.swz
\b0 \
		-	
\b osmf_flex.4.0.0.13495.swz
\b0 \
\
Contents 
\b GN12345B.zip
\b0 \

\b GN12345B
\b0  (folder)\
-	
\b GN12345B.swf
\b0  (Flash button to open the match tracker in a web page)\
-	
\b button.xml
\b0 \
\
Contents 
\b GN12345L.zip
\b0 \

\b GN12345L
\b0  (folder)\
-	
\b GN12345L.swf
\b0  (Flash button to open the match tracker in a Javascript lightbox)\
-	
\b button.xml
\b0 \
\
The following files are also downloadable separately:\
GN12345ReadMe.txt (instructions)\
GN12345.html (this contains the code required to play the match console)\
GN12345Matches.txt (list of matches in the competition)\
\

\b 1. TO PLAY GRAPHIC ON YOUR DESKTOP
\b0  \
**Because of the results data, to see the graphic play it needs to be served from a web server (i.e. it can't play on your desktop like other Graphic News interactive graphics).\
To make your Mac act as a webserver:\
Go to System Preferences > Sharing > Web Sharing.\
Move the folder GN12345 to the location of your personal website as described.\
Click on the link to your personal website.\
Add GN12345/G12345.html in the browser address bar - you should now see the interactive graphic play.\
\
Alternatively you could ask your system administrator to place the file on a suitable "test" webserver and then view the application by opening GN12345.html in a browser window.\
\

\b 2. TO TRANSLATE OR EDIT THE WORDS
\b0 \
To translate these words, open the file 
\b translate.xml
\b0  in Text Edit, Notepad or other text editor) and edit the appropriate words. \
e.g. \
		<VENUE><![CDATA[<font size='12' color='#000000'>
\b \cf2 Venue: 
\b0 \cf0 <b>$VALUE</b></font]]>></VENUE>\
		<KICK_OFF><![CDATA[<font size='12' color='#000000'>
\b \cf2 Kick-off:\cf0  
\b0 <b>$VALUE</b></font>]]></KICK_OFF>\
		<LOCAL_TIME><![CDATA[<font size='12' color='#000000'>
\b \cf2 Local Time:\cf0  
\b0 <b>$VALUE</b></font>]]></LOCAL_TIME>\
		<DATE><![CDATA[<font size='12' color='#000000'>
\b \cf2 Date: 
\b0 \cf0 <b>$VALUE</b></font>]]></DATE>\
\
\
Do NOT change any of the the tags such as <VENUE> or </VENUE> at the beginning and end. Do NOT change $VALUE.\
NB: For best results, preserve line lengths as they appear in the original xml file.\
-- Save the file. DO NOT RENAME IT. When you save in Text Edit you need to select Plain Text, and in addition, you need to specify the encoding as UTF-8 when you Save As or by setting Preferences. \
-- See your changes by refreshing your browser window.\
\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\ql\qnatural\pardirnatural
\cf0 \
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\ql\qnatural\pardirnatural

\b \cf0 3. PLACE THE GRAPHIC FILES ON YOUR WEBSITE
\b0 \
When you first start to use GN interactive graphics, create a folder "gn_swf" on your website. You can place all GN interactive graphics inside this folder. Take the folder "GN12345" from within the folder "GN12345 interactive" and place this in the gn_swf folder on your website. \
\
\

\b 4. USING A FLASH BUTTON AS A LINK
\b0 \
The files GN12345B.zip and GN12345L.zip contain the files for a Flash button which can be used as a link to the graphic. GN12345B.swf will open the graphic in your browser window, while GN12345L.swf will open it in a lightbox (see below). Supplied with each is an xml file in which you can change the page to which it links. You must change the cross-domain policy to your own website.\
\
<cross-domain-policy><allow-access-from domain="\cf2 www.graphicnews.com\cf0 " /></cross-domain-policy>\
<link>\cf2 gn_swf/GN12345/GN12345.html\cf0 </link>\
\
\

\b 5. USING A LIGHTBOX
\b0 \
A lightbox is a stylish and convenient way to display interactive graphics as it keeps the original page visible underneath. To see an example look at the Graphic News Gallery. You can use a lightbox for static graphics and pictures as well as interactive graphics.\
\
a.  Download Shadowbox from the Graphic News website -- GN22748. Place the "src" folder inside the folder on your website where javascripts are stored, e.g. "Scripts". \
\
b. Download a file "openShadowbox.js" from the Graphic News website -- GN23476. Place this  file inside the "src" folder on your website. This is required to use the Flash buttons supplied with the interactive graphics, e.g. GN12345B.swf.\
\
c. Add the following inside the <head></head> section of the page in which the graphic will be located.\
	<script src="Scripts/src/shadowbox.js" type="text/javascript"></script>\
	<script src="Scripts/src/skin/classic/skin.js" type="text/javascript"></script>\
    	<script type="Scripts/javascript">window.onload = Shadowbox.init;</script>  \
	<script src="Scripts/src/openShadowbox.js" type="text/javascript"></script>\
	<link href="Scripts/src/skin/classic/skin.css" rel="stylesheet" type="text/css" />\
\
d. To open Shadowbox from your web page, either place the Flash button GN12345B.swf onto the web page or create your own text or image button.\
\
For a text link use the following cut-and-paste code:\
<a href="gn_swf/GN12345/GN12345.html" rel="lightbox; width=800; height=600; player=iframe" title="&copy; Graphic News">Your text here</a>\
\
For an image link (e.g an iconic "play" button such as GN22747) use the following cut-and-paste code:\
<a href="gn_swf/GN12345/GN12345.html" rel="lightbox; width=800; height=600; player=iframe" title="&copy; Graphic News"><img src="gn_swf/Your.jpg"></a>\
\
Remember to change "gn_swf/GN12345/GN12345.swf" to correspond to the actual graphic you want to use. When you download GN12345W.zip, the width and height are shown below the graphic preview in the download window.\
\

\b ABOUT SHADOWBOX
\b0 \
Shadowbox is a javascript lightbox produced by Michael J.I. Jackson and can be downloaded free of charge with the link on the GN22748 download page, or directly from his website http://mjijackson.com/shadowbox/index.html, where you will find comprehensive information about the lightbox and how to use it. We have a Commercial Licence that includes our subscribers, but we need to keep count of numbers so you must register with us to use Graphic News Interactives.\
\
\
}