function reference(ref, type)
{

document.write ("<table border=0 cellpadding=0 cellspacing=0 bgcolor=#f7f7ef width=100% >")

//height=313
//document.write ("<tr><td width=168 align=center valign=top>")
//document.write ("<tr><td bgcolor=white colspan=3>" + Links + "</td></tr>")
//document.write ("<tr><td colspan=3 height=1 align=center valign=top bgcolor=white>")
//document.write ("<a name=" + ref + "></a>" + Links)
//document.write ("</td></tr>")

document.write ("<tr><td height=10 colspan=2></td></tr>")


document.write ("<tr>")
document.write ("<td bgcolor=#B4B4B4 width=1 rowspan=4></td>")
document.write ("<td bgcolor=#B4B4B4 colspan=2 height=1></td>")
document.write ("<td bgcolor=#B4B4B4 width=1 rowspan=4></td>")
document.write ("</tr>")


document.write ("<tr><td bgcolor=#E4E6E5 colspan=2><b>&nbsp;")
document.write ("&nbsp;<img src=images/pix_rouge.gif height=5>&nbsp;&nbsp;" + eval("Nom_" + ref).toUpperCase())
document.write ("</b></td></tr>")

//document.write ("<tr><td bgcolor=#B4B4B4 colspan=2 height=1></td></tr>")


document.write ("<tr>")



document.write ("<td bgcolor=#E4E6E5 valign=top><img src=images/pix.gif height=6><br>")

	document.write ("<table cellpadding=3 cellspacing=0 width=100%><tr><td>")

		document.write ("<b>Technologies:</b><br>")
		document.write ("<img src=../com/pix_bleu.gif width=100% height=1><br>")
		document.write (eval("Tech_" + ref))
		document.write ("<br><br>")
		document.write ("<b>Tasks:</b> <br>")
		document.write ("<img src=../com/pix_bleu.gif width=100% height=1><br>")
		document.write (eval("Inter_" + ref))
		document.write ("<br><br>")
		document.write ("<b>Comments:</b><br>")
		document.write ("<img src=../com/pix_bleu.gif width=100% height=1><br>")
		document.write (eval("Comm_" + ref))
		if (eval("Adresse_" + ref) != "") 
			{document.write ("<br><br><b><span style='font-size:9px;'>></font></b>&nbsp;<a href=" + eval("Adresse_" + ref) +" target=_blank class=LinkToSite>" + eval("Lien_" + ref) + "</a>")}
		

	document.write ("</td>")

	document.write ("</tr></table>")

document.write ("</td>")
document.write ("<td bgcolor=#E4E6E5 width=168 align=center valign=top><img src=images/pix.gif height=5><br>")
document.write ("<img src=images/pict/pict_" + ref + ".jpg><!--<br><a href=" + eval("Adresse_" + ref) + " class=menu target=_blank>" + eval("Lien_" + ref) + "</a>-->")
document.write ("</td>")
document.write ("</tr>")
document.write ("<tr><td bgcolor=#B4B4B4 colspan=3 height=1></td></tr>")

document.write ("</table>")

}


////////////////////////////////////////////
/////////////Numéros affectés aux produits !
////////////////////////////////////////////

ref1 = "fbr"
ref2 = "nga"
ref3 = "jeu"
ref4 = "got"
ref5 = "pbs"
ref6 = "cdm"
ref7 = "gab"
ref8 = "inr"
ref9 = "dia"
ref10 = "tcg"
ref11 = "hei"
ref12 = "adb"
ref13 = "eec"
ref14 = "drd"
ref15 = "sgc"
ref16 = "cni"
ref17 = "pdn"
ref18 = "r21"
ref19 = "pia"
ref20 = "ram"
ref21 = "rdl"
ref22 = "aba"
ref23 = "gtb"
ref24 = "aus"
ref25 = "123"
ref26 = "lfw"
ref27 = "fbc"
ref28 = "sub"
ref29 = "12w"
ref30 = "eus"
ref31 = "rug"
ref32 = "osi"

app = "5;6;21;22;23"
fla = "12;14;11;15;10"
cdrom = "7;8;9"


web = "32;31;29;30;24;20;5;6;1;2;4"
gra = "21;22;23;19"
log = "25;27;28;26"


tout = "1;2;4;5;6;7;8;9;10;11;12;13;14;15;16;17;19;20;21;22;23;24"

concept = "5;1;7;2;6"
//graph = "5;2;1;6;4;3;19"
dvpt = "5;1;6;12;2;14;10"

jvs = "5;6;1;2;10"
aspsql = "1;2;3"
divers = "19;8;7;9"
apercu = "1;5;12;7;2;6;8"




////////////////////////////////////////////
/////////////Infos concernant les produits !
////////////////////////////////////////////

//pict_" + page + ".jpg
//HC_" + page + ".gif


//Air des beffrois
Nom_adb = "www.airdesbeffrois.org"
NomCourt_adb = "AirDesBeffrois"
Tech_adb = "Flash, Javascript"
Inter_adb = "Development"
Lien_adb = "Connexion"
Adresse_adb = ""
Comm_adb = "A web site where HTML and Flash animations are mixed. The numerous interactions between those components are handled by JavaScript and Flash Action Script functions."


//Coupe du monde
Nom_cdm = "Soccer World Cup 2002"
NomCourt_cdm = "Soccer WC"
Tech_cdm = "Javascript"
Inter_cdm = "Design, Graphics, Development"
Lien_cdm = "Try it"
Adresse_cdm = ""
Comm_cdm = "Made before the 2002 Football World Cup, this program has been offered on Goto Softwares and some of its partners web sites. It allows the users to fill the score of each match and then the ranking and qualified teams are calculated and displayed. The program had to work on local PC without internet connexion. So it doesn't use any database and information are recorded in cookies by JavaScript functions. This program has been downloaded over 40 000 times."


//Problèmes de bridge
Nom_pbs = "Bridge Problems"
NomCourt_pbs = "Bridge Problems"
Tech_pbs = "Javascript"
Inter_pbs = "Design, Graphics, Development"
Lien_pbs = "Try it"
Adresse_pbs = ""
Comm_pbs = "In order to complement its Bridge range, Goto Software offers bridge problems inspired by those published in some newspapers.<br>Thanks to the web technology, the problems are interactive. The bids are displayed one by one and are commented. Then the card play is explained by a French champion. This product has to work on a local PC without internet connection, so it is entirely developed in JavaScript."


//CD-Rom Le pétrole au Gabon
Nom_gab = "Petroleum in Gabon"
NomCourt_gab = "Petroleum in Gabon"
Tech_gab = "Director, Lingo"
Inter_gab = "Design, Information research, Development"
Lien_gab = ""
Adresse_gab = ""
Comm_gab = "Demanded by the Gabonese Financial Minister, this CD-Rom has been distributed to the main international petroleum firms investing or whishing to invest in Gabon."

//INRA
Nom_inr = "INRA CD-Rom"
NomCourt_inr = "INRA CD-Rom"
Tech_inr = "Director, Lingo"
Inter_inr = "Development"
Lien_inr = ""
Adresse_inr = ""
Comm_inr = "The French National Institute of Agricultural Research demanded a CD-Rom presenting its works through 40 years of existence. <br>A hundred product files are available through an index or through an interactive moving picture."


//Ville de Tourcoing
Nom_tcg = "www.ville-tourcoing.fr"
NomCourt_tcg = "ville-tourcoing"
Tech_tcg = "Flash, Javascript"
Inter_tcg = "Design, Graphics, Development"
Lien_tcg = "Connexion"
Adresse_tcg = ""
Comm_tcg = "The city of Tourcoing (France) web site. Several Flash animations interact with one another and ASP pages thanks to JavaScript functions."


//DRDJS
Nom_drd = "www.js-npdc.org"
NomCourt_drd = "js-npdc"
Tech_drd = "Flash"
Inter_drd = "Development"
Lien_drd = "Connexion"
Adresse_drd = ""
Comm_drd = "The navigation between HTML pages is entirely handled by Flash animations."


//Sydicat du Genie Climatique
Nom_sgc = "www.genie-climatique.org"
NomCourt_sgc = "genie-climatique"
Tech_sgc = "Flash, Javascript"
Inter_sgc = "Graphics, Development"
Lien_sgc = "www.genie-climatique.org"
Adresse_sgc = "http://www.genie-climatique.org"
Comm_sgc = "The introduction and the menu are Flash animations. Javascript functions handle interactions between those two components."

//HEI
Nom_hei = "www.hei.fr"
NomCourt_hei = "hei"
Tech_hei = "Flash"
Inter_hei = "Graphics, Development"
Lien_hei = "Connexion"
Adresse_hei = ""
Comm_hei = "Creation of the home page Flash animation."


//FunBridge
Nom_fbr = "www.funbridge.com"
NomCourt_fbr = "FunBridge"
Tech_fbr = "ASP, SQL, Javascript"
Inter_fbr = "Design, Graphics, Development"
Lien_fbr = "www.funbridge.com"
Adresse_fbr = "http://www.funbridge.com/uk/index.asp"
Comm_fbr = "This is Goto Software online Bridge club. All the players play the same deals on their PC with the same software. They then send their results to the server which calculates and displays the scores and rankings. All the information are handled by SQL databases. FunBridge community has recently raised to more than 5 000 players."


//NetGammon
Nom_nga = "www.netgammon.com"
NomCourt_nga = "NetGammon"
Tech_nga = "ASP, SQL, Javascript"
Inter_nga = "Design, Graphics, Development"
Lien_nga = "www.netgammon.com"
Adresse_nga = "http://www.netgammon.com"
Comm_nga = "NetGammon is a software which allows players from all over the world to meet online, and play backgammon. A web browser is included in the software and displays personalised information (rankings, points, same level players...). The NetGammon community reaches more than 40 000 players. "


//jeux.goto.fr	
Nom_jeu = "www.jeux.goto.fr"
NomCourt_jeu = "Jeux.Goto"
Tech_jeu = "ASP, Javacript"
Inter_jeu = "Design, Graphics, Development"
Lien_jeu = "www.jeux.goto.fr"
Adresse_jeu = ""
Comm_jeu = "Goto Games web site presents Goto Software mind games range. It is connected with Goto Software web site on which one can purchase the products online."


//goto games
Nom_got = "www.goto-games.com"
NomCourt_got = "Goto-Games"
Tech_got = "Javascript"
Inter_got = "Design, Graphics, Development"
Lien_got = "Connexion"
Adresse_got = ""
Comm_got = "Goto Games web site presents Goto Software mind games range. It is connected with Goto Software web site on which one can purchase the products online."


//diaporama
Nom_dia = "GTM Entrepose Slide Show"
NomCourt_dia = "GTM Entrepose"
Tech_dia = "Director, Lingo"
Inter_dia = "Design, Development"
Lien_dia = ""
Adresse_dia = ""
Comm_dia = "This application allows GTM Entrepose lecturers to prepare and handle their slide shows."


//entreprises et cites
Nom_eec = "Entreprises-et-Cites"
NomCourt_eec = "entreprises-et-cites.com"
Tech_eec = "Flash, Javascript"
Inter_eec = "Design, Graphics, Development"
Lien_eec = "Connexion"
Adresse_eec = ""
Comm_eec = "Introduction and menu are Flash animations."


//CNIAE
Nom_cni = "www.cniae.gouv.fr"
NomCourt_cni = "Cniae.Gouv"
Tech_cni = "Javascript"
Inter_cni = "Development"
Lien_cni = "Connexion"
Adresse_cni = ""
Comm_cni = "Mainly developed with JavaScript"


//Prefecture du Nord
Nom_pdn = "Nord.Pref"
NomCourt_pdn = "nord.pref.gouv.fr"
Tech_pdn = "Javascript"
Inter_pdn = "Development"
Lien_pdn = "Connexion"
Adresse_pdn = ""
Comm_pdn = "The official Nord (one of the 96 French administrative units) prefecture web site."


//Reseau 21
Nom_r21 = "reseau21.univ-valenciennes.fr"
NomCourt_r21 = "reseau21"
Tech_r21 = "Javascript"
Inter_r21 = "Development"
Lien_r21 = "Connexion"
Adresse_r21 = ""
Comm_r21 = "Il s'agit d'un portail de l'économie solidaire dans la région Nord Pas de Calais."

//Piano
Nom_pia = "The Piano"
NomCourt_pia = "Piano"
Tech_pia = "3DS Max"
Inter_pia = "Modélisation, Animation"
Lien_pia = ""
Adresse_pia = ""
Comm_pia = "This 3D motion was a project I realized with 3DS Max at the end of my first year of graphics courses."


//Ramdam
Nom_ram = "www.ramdam.fr"
NomCourt_ram = "Ramdam"
Tech_ram = "ASP, SQL, Javascript"
Inter_ram = "Design, Graphics, Development"
Lien_ram = "www.ramdam.fr"
Adresse_ram = "http://www.ramdam.fr/fr/communaute/connect.asp?pseudo=kortex&password=leffe"
Comm_ram = "A successful new word game. In complement of the software RAMDAM, the web site allows the players to compares one to each other. Every day, a new grid is published. The players can send their results to the server. The scores are recorded in databases and several rankings are automatically displayed on the web site. Many other services are also offered to the numerous players on the web site."

// RamdamDeLuxe
Nom_rdl = "Ramdam DeLuxe"
NomCourt_rdl = "Ramdam"
Tech_rdl = "Photoshop, Illustrator"
Inter_rdl = "Graphics"
Lien_rdl = "Zoom"
Adresse_rdl = ""
//Adresse_rdl = "images/pict/Agr_rdl.jpg"
Comm_rdl = "The DeLuxe version of RAMDAM word game. Easier to use, it also offers additional functionalities."


//Abalone
Nom_aba = "Abalone"
NomCourt_aba = "Abalone"
Tech_aba = "Photoshop, Illustrator"
Inter_aba = "Graphics"
Lien_aba = "Zoom"
Adresse_aba = ""
//Adresse_aba = "images/pict/Agr_aba.jpg"
Comm_aba = "This is the software version of the mind game Abalone. Another product, NetAbalone has also been created by Goto Software, using the same graphics. It allows players from all over the world to play Abalone online through a server."




//GotoBridge
Nom_gtb = "Goto Bridge"
NomCourt_gtb = "Goto Bridge"
Tech_gtb = "Photoshop, Illustrator"
Inter_gtb = "Graphics"
Lien_gtb = "Zoom"
Adresse_gtb = ""
//Adresse_gtb = "images/pict/Agr_gtb.jpg"
Comm_gtb = "The latest version of Goto Software bridge game. Some graphical characteristics can be modified by the users."



//Australix
Nom_aus = "www.australix.net"
NomCourt_aus = "Australix"
Tech_aus = "HTML, Javascript, PHP, ASP, SQL"
Inter_aus = "Design, Graphics, Development"
Lien_aus = "www.australix.net"
Adresse_aus = "/australix"
Comm_aus = "A personal web site which allows us to tell our friends and family about our 4WD trip through Australia. A database handles registration for members who want to be alerted when new elements are available online. The site is often animated with stories, pictures, contests and even an online TV channel !"


//Abalone
Tech_ = ""
Inter_ = ""
Lien_ = ""
Adresse_ = ""
Comm_ = ""


//123 soleil logo
Nom_123 = "123 soleil"
NomCourt_123 = "123 Soleil"
Tech_123 = "Illustrator"
Inter_123 = "Design"
Lien_123 = "www.123soleil.com.au"
Adresse_123 = "http://www.123soleil.com.au"
Comm_123 = "Perth french speaking pre-primary school logo. The logo needed to reflect childhood, frenchness. In french, the word Soleil means sun. This logo was designed along with the web site (www.123soleil.com.au)."

//luc felix web design logo
Nom_lfw = "Luc Felix Web Design"
NomCourt_lfw = "Luc Felix Web Design"
Tech_lfw = "Illustrator"
Inter_lfw = "Design"
Lien_lfw = ""
Adresse_lfw = ""
Comm_lfw = "My personnal web design activity logo, before the launching of The Blue Frog"

//Fremantle Building Company logo
Nom_fbc = "Fremantle Building Company"
NomCourt_fbc = "FBC"
Tech_fbc = "Illustrator"
Inter_fbc = "Design"
Lien_fbc = ""
Adresse_fbc = ""
Comm_fbc = "This logo was designed for a building company"

//Subsea logo
Nom_sub = "Subsea"
NomCourt_sub = "Subsea"
Tech_sub = "Illustrator"
Inter_sub = "Design"
Lien_sub = ""
Adresse_sub = ""
Comm_sub = "This logo was designed for a company specialised in underwater building and maintenance. It complies with very strict requests"


//123 soleil web site
Nom_12w = "123 Soleil"
NomCourt_12w = "123 Soleil"
Tech_12w = "PHP, HTML, JavaScript, CSS, MySQL, Photoshop, Illustrator"
Inter_12w = "Graphics, Design, Development"
Lien_12w = "www.123soleil.com.au"
Adresse_12w = "http://www.123soleil.com.au"
Comm_12w = "Perth french speaking pre-primary school web site. The site administrator can change any text in the site through a very simple web interface."

//Eustralis web site
Nom_eus = "Eustralis"
NomCourt_eus = "Eustralis"
Tech_eus = "PHP, HTML, JavaScript, CSS, MySQL, Photoshop, Illustrator"
Inter_eus = "Design, Development"
Lien_eus = "www.eustralis.com.au"
Adresse_eus = "http://www.eustralis.com.au"
Comm_eus = "A web site that can be managed by the client. Thanks to a very simple web interface, the catalogue pages can be udated by the marketing manager."


//Ruggero Gandossini web site
Nom_rug = "Ruggero Gandossini"
NomCourt_rug = "Ruggero Gandossini"
Tech_rug = "PHP, HTML, JavaScript, CSS, MySQL, Photoshop, Illustrator"
Inter_rug = "Design, Development"
//Lien_rug = "www.ruggero.com.au"
//Adresse_rug = "http://www.ruggero.com.au"
Lien_rug = ""
Adresse_rug = ""
Comm_rug = "Ruggero Gandossini is an italian artist, with a growing popularity. This website allows him to display his paintings online. Some simple tools have been developed so Ruggero can manage his web site on his own, adding removing or modifying his paintings."

//OSI Design web site
Nom_osi = "OSI Design"
NomCourt_osi = "OSI Design"
Tech_osi = "PHP, HTML, JavaScript, CSS, MySQL, Photoshop, Illustrator"
Inter_osi = "Design, Development"
//Lien_osi = "www.osidesign.com"
//Adresse_osi = "http://www.osidesign.com"
Lien_osi = ""
Adresse_osi = ""
Comm_osi = "OSI design is a french designing and selling shade sails. The web site shows the products and allow the visitor to fill in a shopping cart and sent it for quotation request. Some simple tools have been developed so the company can update his online catalogue on its own."