/*
 * Les donnees de la colone: Objet JSON -- 
 * -> Les deuxiemes href et title sur le paragraphe
 *    permettent d-avoir deux destinations differentes au besoin
 */
data = {
    "articles"  :   [
		//
        {   "href"        :   "http://www.partirautrement.ca/",
            "target"      :   "_blank",
            "title"       :   "Partirautrement.ca",
            "alt"         :   "Partirautrement.ca",
            "titre"       :   "Partirautrement.ca",
            "img_src"     :   "/media/image/libre/PartirAutrement_ca_LeSite.jpg",
            "paragraphe"  :   {
                "title"       :   "Partirautrement.ca",
                "href"        :   "http://www.partirautrement.ca/",
                "texte"       :   "Avec le coloré Yves Pelletier, explorez des destinations fascinantes tout en contribuant au développement durable des communautés visitées. Planifiez votre prochain voyage »"
            }
        },
		 //
        {   "href"        :   "http://www.sexeautourdumonde.com/",
            "target"      :   "_blank",
            "title"       :   "Sexeautourdumonde.com",
            "alt"         :   "Sexeautourdumonde.com",
            "titre"       :   "Sexeautourdumonde.com",
            "img_src"     :   "/media/image/libre/SAM_com_LeSite.gif",
            "paragraphe"  :   {
                "title"       :   "Sexeautourdumonde.com",
                "href"        :   "http://www.sexeautourdumonde.com/",
                "texte"       :   "Vous désirez explorer les territoires mouvants du désir? Détendez-vous, laissez-nous vous guider. Qui sait ce que vous découvrirez…"
            }
        },
		//
        {   "href"        :   "http://www.cabouge.tv5.ca/",
            "target"      :   "_self",
            "title"       :   "Ça bouge au Canada",
            "alt"         :   "Ça bouge au Canada",
            "titre"       :   "Ça bouge au Canada",
            "img_src"     :   "/media/image/libre/TV5_Accol_CBAC_195.jpg",
            "paragraphe"  :   {
                "title"       :   "Ça bouge au Canada",
                "href"        :   "http://www.cabouge.tv5.ca/",
                "texte"       :   "Apprenez le français en découvrant les plus beaux attraits du pays!"
            }
        },
		 //
        {   "href"        :   "http://les-enfants-de-la-bolduc.tv5.ca/",
            "target"      :   "_self",
            "title"       :   "Les enfants de la Bolduc",
            "alt"         :   "Les enfants de la Bolduc",
            "titre"       :   "Les enfants de la Bolduc",
            "img_src"     :   "/media/image/libre/Les-enfants-de-la-Bolduc_195.jpg",
            "paragraphe"  :   {
                "title"       :   "Les enfants de la Bolduc",
                "href"        :   "http://les-enfants-de-la-bolduc.tv5.ca/",
                "texte"       :   "Découvrez les Enfants de La Bolduc, un calque d’époque non traditionnel, imprégné de liberté, de réflexion, mais surtout de création!"
            }
        },
		//
        {   "href"        :   "http://cliquez.tv5.ca/",
            "target"      :   "_self",
            "title"       :   "Cliquez",
            "alt"         :   "Cliquez",
            "titre"       :   "Cliquez",
            "img_src"     :   "/media/image/libre/TV5_Cliquez_195.jpg",
            "paragraphe"  :   {
                "title"       :   "Cliquez",
                "href"        :   "http://cliquez.tv5.ca/",
                "texte"       :   "Suivez le blogue des chroniqueurs de la série Cliquez."
            }
        },
		//
        {   "href"        :   "http://scienceoufiction.tv5.ca/",
            "target"      :   "_self",
            "title"       :   "Science ou fiction",
            "alt"         :   "Science ou fiction",
            "titre"       :   "Science ou fiction",
            "img_src"     :   "/media/image/libre/TV5_ScienceOuFiction_195.jpg",
            "paragraphe"  :   {
                "title"       :   "Science ou fiction",
                "href"        :   "http://scienceoufiction.tv5.ca/",
                "texte"       :   "Testez votre intuition et vérifiez si c’est de la science ou de la fiction."
            }
        },
		//
        {   "href"        :   "http://recettesdechefs.tv5.ca/",
            "target"      :   "_self",
            "title"       :   "Des recettes de chefs",
            "alt"         :   "Des recettes de chefs",
            "titre"       :   "Des recettes de chefs",
            "img_src"     :   "/media/image/libre/Acc_col_RDC_site.jpg",
            "paragraphe"  :   {
                "title"       :   "Des recettes de chefs",
                "href"        :   "http://recettesdechefs.tv5.ca/",
                "texte"       :   "Consultez et imprimez toutes les recettes de la série."
            }
		},
		        //
        {   "href"        :   "http://atable.tv5.ca/",
            "target"      :   "_self",
            "title"       :   "À TABLE! le jeu des gastronomes",
            "alt"         :   "À TABLE! le jeu des gastronomes",
            "titre"       :   "À TABLE! le jeu des gastronomes",
            "img_src"     :   "/media/image/libre/tv5_acccol_atable_195.jpg",
            "paragraphe"  :   {
                "title"       :   "À TABLE! le jeu des gastronomes",
                "href"        :   "http://atable.tv5.ca/",
                "texte"       :   "Faites comme les invités de l’émission. Testez vos connaissances culinaires."
            }
        }
    ]
};



/*
 * -- Systeme -- 
 */
function affiche_data() {
    for (i = 0; i < data['articles'].length; i++) {
        // Contenant principal - 
        le_div  = '<div style="margin-right:15px; margin-bottom:15px; margin-left:15px;">';
        // Le titre - 
        le_div += ' <div style="font-size:120%; padding-bottom:4px;">';
        le_div += '   <a href="' + data['articles'][i]['href'] + '" ';
        le_div += '      title="' + data['articles'][i]['title'] + '" ';
        le_div += '      style="color:rgb(51, 102, 255);" ';
        le_div += '      target="' + data['articles'][i]['target'] + '">';
        le_div += '     <b>' + data['articles'][i]['titre'] + '</b>';
        le_div += '   </a>';
        le_div += ' </div>';
        // L-image - 
        le_div += ' <a href="' + data['articles'][i]['href'] + '" ';
        le_div += '    title="' + data['articles'][i]['title'] + '" ';
        le_div += '    target="' + data['articles'][i]['target'] + '">';
        le_div += '   <img src="http://tv5.ca' + data['articles'][i]['img_src'] + '" ';
        le_div += '        alt="' + data['articles'][i]['alt'] + '" ';
        le_div += '        border="0" />';
        le_div += ' </a>';
        // Le paragraphe -
        le_div += ' <div style="border-bottom:1px dotted rgb(204, 204, 204); padding-top:4px; padding-bottom:15px;">';
        le_div += '   <a title="' + data['articles'][i]['paragraphe']['title'] + '" ';
        le_div += '      style="color:black; text-decoration:none;" ';
        le_div += '      href="' + data['articles'][i]['paragraphe']['href'] + '" ';
        le_div += '      target="' + data['articles'][i]['target'] + '">';
        le_div += '     <div>' + data['articles'][i]['paragraphe']['texte'] + '</div>';
        le_div += '   </a>';
        le_div += ' </div>';
        // FIN Contenant principal - 
        le_div += '</div>';
        // 
        document.write(le_div);
    }
}
// Et Go ! - 
affiche_data();