$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "LiensUtiles.xml",
		dataType: "text/xml",
        success: LoadIcons
    });
});

function LoadIcons(xml) {
	ie(xml);

/* jQuery Output

    $(xml).find("icone").each(function () {

	var x = $(this).find("nom").text();
	var y = $(this).find("emplacement").text();
	var a = $(this).find("lien").text();
	var c = $(this).find("colonne").text();
	
 switch (c) {

	 case "1":addicon(x,y,a,c);break;
	 case "2":addicon(x,y,a,c);break;
	 case "3":addicon(x,y,a,c);break;
	 case "4":addicon(x,y,a,c);break;
 }

    }); */

}

function ie(xml)
{
	var str ="";
	str.charAt();
    str = xml;
    var arr = str.split("<icone>");
    for(i=1;i<arr.length;i++)
    {
	
	var x = ie_data(arr[i])[1];
	var y = ie_data(arr[i])[2];
	var a = ie_data(arr[i])[3];
	var c = ie_data(arr[i])[0];
	
 switch (c) {

	 case "1":addicon(x,y,a,c);break;
	 case "2":addicon(x,y,a,c);break;
	 case "3":addicon(x,y,a,c);break;
	 case "4":addicon(x,y,a,c);break;
 }
	
    }
}

function ie_data(str)
{
      var dataXML = [];
      var colonne = str.split("<colonne>");
      colonne[1] = colonne[1].substr(0 ,colonne[1].indexOf("</", 0));
      
      var nom = str.split("<nom>");
      nom[1] = nom[1].substr(0 ,nom[1].indexOf("</", 0));
      
	  var emplacement = str.split("<emplacement>");
      emplacement[1] = emplacement[1].substr(0 ,emplacement[1].indexOf("</", 0));
	  
	  var lien = str.split("<lien>");
      lien[1] = lien[1].substr(0 ,lien[1].indexOf("</", 0));
	  
	  dataXML=dataXML.concat(colonne[1],nom[1],emplacement[1],lien[1]);
      return dataXML;
}

function addicon(nom,emplacement,lien,c)
{
	$("#col"+c).append(" <a href=\""+lien+"\"><div class=\"picture\"> <img src=\""+emplacement+"\" alt=\"\" width=\"32\" height=\"32\" border=\"0\" /><div class=\"label\">"+nom+"</div></div></a>");
}

function check(x){t=false;if (x.q.value==""){t=false;}else{t=true;}return t;}

function navigation(id)
{
web="<p align=\"center\"><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"google_web\" checked=\"checked\" onclick=\"logo(0);\" /> Google</label> <label><input name=\"search\" type=\"radio\" id=\"radio\" value=\"yahoo_web\" onclick=\"logo(1)\" /> Yahoo!</label> <label><input name=\"search\" type=\"radio\" id=\"radio\" value=\"bing_web\" onclick=\"logo(2)\" /> Bing</label> <label> <input name=\"search\" type=\"radio\" id=\"radio2\" onclick=\"logo(3)\" value=\"wikipedia_web\"/> Wikipedia </label> <label> <input name=\"search\" type=\"radio\" id=\"radio2\" onclick=\"logo(6)\" value=\"ayna_web\"/> Ayna </label> <input name=\"tag\" type=\"hidden\" id=\"tag\" value=\"web\" /></p>";

news="<p align=\"center\"><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"google_news\" checked=\"checked\" onclick=\"logo(0);\" /> Google</label><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"bing_news\" onclick=\"logo(2)\" />Bing</label> <label> <input name=\"search\" type=\"radio\" id=\"radio2\" onclick=\"logo(6)\" value=\"ayna_news\"/> Ayna </label> <input name=\"tag\" type=\"hidden\" id=\"tag\" value=\"news\" /></p>";

images="<p align=\"center\"><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"google_images\" checked=\"checked\" onclick=\"logo(0);\" /> Google</label><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"bing_images\" onclick=\"logo(2)\" />Bing</label> <label> <input name=\"search\" type=\"radio\" id=\"radio2\" onclick=\"logo(6)\" value=\"ayna_images\"/> Ayna </label> <input name=\"tag\" type=\"hidden\" id=\"tag\" value=\"images\" /></p>";

videos="<p align=\"center\"> <label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"youtube_videos\" checked=\"checked\" onclick=\"logo(8);\" /> Youtube </label><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"dailymotion_videos\" onclick=\"logo(9);\" /> DailyMotion </label> <label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"google_videos\" onclick=\"logo(0);\" /> Google</label><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"bing_videos\" onclick=\"logo(2)\" />Bing</label> <label> <input name=\"search\" type=\"radio\" id=\"radio2\" onclick=\"logo(6)\" value=\"ayna_videos\"/> Ayna </label> <input name=\"tag\" type=\"hidden\" id=\"tag\" value=\"videos\" /></p>";

maps="<p align=\"center\"><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"google_maps\" checked=\"checked\" onclick=\"logo(0);\" /> Google</label><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"bing_maps\" onclick=\"logo(2)\" />Bing</label><input name=\"tag\" type=\"hidden\" id=\"tag\" value=\"maps\" /></p>";

shopping="<p align=\"center\"><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"amazon_shopping\" onclick=\"logo(5);\" /> Amazon</label> <label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"ebay_shopping\" onclick=\"logo(4);\" /> ebay</label> <label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"kelkoo_shopping\" checked=\"checked\" onclick=\"logo(7)\" />Kelkoo</label> <label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"google_shopping\" onclick=\"logo(0);\" /> Google</label><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"bing_shopping\" onclick=\"logo(2)\" />Bing</label><input name=\"tag\" type=\"hidden\" id=\"tag\" value=\"shopping\" /></p>";

download="<p align=\"center\"><label> <input name=\"search\" type=\"radio\" id=\"radio\"  checked=\"checked\" value=\"filehippo_download\" onclick=\"logo(14);\" /> filehippo</label><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"cnet_download\" onclick=\"logo(12);\" /> Cnet</label> <label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"softonic_download\" onclick=\"logo(11)\" />Softonic</label> <label><input name=\"search\" type=\"radio\" id=\"radio\" value=\"01net_download\" onclick=\"logo(13);\" /> 01net</label><label> <input name=\"search\" type=\"radio\" id=\"radio\" value=\"4shared_download\" onclick=\"logo(10)\" />4shared</label><input name=\"tag\" type=\"hidden\" id=\"tag\" value=\"download\" /></p>";

switch (id)
{
case 1:document.getElementById('navigation').innerHTML = web;break;
case 2:document.getElementById('navigation').innerHTML = images;break;
case 3:document.getElementById('navigation').innerHTML = videos;break;
case 4:document.getElementById('navigation').innerHTML = maps;break;
case 5:document.getElementById('navigation').innerHTML = news;break;
case 6:document.getElementById('navigation').innerHTML = shopping;break;
case 7:document.getElementById('navigation').innerHTML = download;break;
}
document.getElementById('q').focus();	
}

function show_engines(id)
{
p1='<strong>Web</strong> - <a href=\"#\" onclick=\"show_engines(2);\">Images</a> - <a href=\"#\" onclick=\"show_engines(3);\">Videos</a> - <a href=\"#\" onclick=\"show_engines(4);\">Maps</a> - <a href=\"#\" onclick=\"show_engines(5);\">News</a> - <a href=\"#\" onclick=\"show_engines(6);\">Shopping</a> - <a href=\"#\" onclick=\"show_engines(7);\">Download</a>';

p2='<a href=\"#\" onclick=\"show_engines(1);\">Web</a> - <strong>Images</strong> - <a href=\"#\" onclick=\"show_engines(3);\">Videos</a> - <a href=\"#\" onclick=\"show_engines(4);\">Maps</a> - <a href=\"#\" onclick=\"show_engines(5);\">News</a> - <a href=\"#\" onclick=\"show_engines(6);\">Shopping</a> - <a href=\"#\" onclick=\"show_engines(7);\">Download</a>';
p3="<a href=\"#\" onclick=\"show_engines(1);\">Web</a> - <a href=\"#\" onclick=\"show_engines(2);\">Images</a> - <strong>Videos</strong> - <a href=\"#\" onclick=\"show_engines(4);\">Maps</a> - <a href=\"#\" onclick=\"show_engines(5);\">News</a> - <a href=\"#\" onclick=\"show_engines(6);\">Shopping</a> - <a href=\"#\" onclick=\"show_engines(7);\">Download</a>";
p4="<a href=\"#\" onclick=\"show_engines(1);\">Web</a> - <a href=\"#\" onclick=\"show_engines(2);\">Images</a> - <a href=\"#\" onclick=\"show_engines(3);\">Videos</a> - <strong>Maps</strong> - <a href=\"#\" onclick=\"show_engines(5);\">News</a> - <a href=\"#\" onclick=\"show_engines(6);\">Shopping</a> - <a href=\"#\" onclick=\"show_engines(7);\">Download</a>";
p5="<a href=\"#\" onclick=\"show_engines(1);\">Web</a> - <a href=\"#\" onclick=\"show_engines(2);\">Images</a> - <a href=\"#\" onclick=\"show_engines(3);\">Videos</a> - <a href=\"#\" onclick=\"show_engines(4);\">Maps</a> - <strong>News</strong> - <a href=\"#\" onclick=\"show_engines(6);\">Shopping</a> - <a href=\"#\" onclick=\"show_engines(7);\">Download</a>";
p6="<a href=\"#\" onclick=\"show_engines(1);\">Web</a> - <a href=\"#\" onclick=\"show_engines(2);\">Images</a> - <a href=\"#\" onclick=\"show_engines(3);\">Videos</a> - <a href=\"#\" onclick=\"show_engines(4);\">Maps</a> - <a href=\"#\" onclick=\"show_engines(5);\">News</a> - <strong>Shopping</strong> - <a href=\"#\" onclick=\"show_engines(7);\">Download</a>";

p7="<a href=\"#\" onclick=\"show_engines(1);\">Web</a> - <a href=\"#\" onclick=\"show_engines(2);\">Images</a> - <a href=\"#\" onclick=\"show_engines(3);\">Videos</a> - <a href=\"#\" onclick=\"show_engines(4);\">Maps</a> - <a href=\"#\" onclick=\"show_engines(5);\">News</a> -  <a href=\"#\" onclick=\"show_engines(6);\">Shopping</a> - <strong>Download</strong>";

navigation(id);
switch (id)
{
case 1:document.getElementById('stitle').innerHTML = p1;logo(0);break;
case 2:document.getElementById('stitle').innerHTML = p2;logo(0);break;
case 3:document.getElementById('stitle').innerHTML = p3;logo(8);break;
case 4:document.getElementById('stitle').innerHTML = p4;logo(0);break;
case 5:document.getElementById('stitle').innerHTML = p5;logo(0);break;
case 6:document.getElementById('stitle').innerHTML = p6;logo(7);break;
case 7:document.getElementById('stitle').innerHTML = p7;logo(14);break;
}

}

function getUrlVars(){var vars = [], hash;var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');for(var i = 0; i < hashes.length; i++){hash = hashes[i].split('=');vars.push(hash[0]);vars[hash[0]] = hash[1];} return vars;}

function main()
{
	hide('baniere2');
	hide('baniere3');
document.getElementById('q').focus();	
x=getUrlVars();
p=x[0];
switch (p)
{
case "web":show_engines(1);break;	
case "images":show_engines(2);break;	
case "videos":show_engines(3);break;	
case "maps":show_engines(4);break;	
case "news":show_engines(5);break;	
case "shopping":show_engines(6);break;	
case "download":show_engines(7);break;
}

}

function logo(id)
{
var logos=["google.png","yahoo.png","bing.png","wiki.png","ebay.png","amazon.png","ayna.png","kelkoo.png","youtube.png","dailymotion.png","4shared.png","softonic.png","cnet.png","01net.png","filehippo.png"];
document.getElementById('slogo').innerHTML = "<img src=\"images/" + logos[id] +"\" width=\"130\" height=\"130\" />";
document.getElementById('q').focus();	
}

function pages(id)
{
speedtest='<div id=\'stitle\' class=\'stitle\'><strong> Speed Test </strong></div>   <div class="item"> <center> <object classid=\'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\' codebase=\'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0\' width=\'600\' height=\'320\'><param name=\'movie\' value=\'http://www.speedtest.net/mini/speedtest.swf?v=2.1.8\' /><param name=\'quality\' value=\'high\' /><param name=\'SCALE\' value=\'exactfit\' /><embed src=\'http://www.speedtest.net/mini/speedtest.swf?v=2.1.8\' width=\'600\' height=\'320\' quality=\'high\' pluginspage=\'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash\' type=\'application/x-shockwave-flash\' scale=\'exactfit\'></embed></object> </center> </div> </div>';

home1="    <div id=\"stitle\" class=\"stitle\"><strong>Web</strong> - <a href=\"#\" onclick=\"show_engines(2);\">Images</a> - <a href=\"#\" onclick=\"show_engines(3);\">Videos</a> - <a href=\"#\" onclick=\"show_engines(4);\">Maps</a> - <a href=\"#\" onclick=\"show_engines(5);\">News</a> - <a href=\"#\" onclick=\"show_engines(6);\">Shopping</a> - <a href=\"#\" onclick=\"show_engines(7);\">Download</a></div>  <div class=\"item\">	   <form id=\"form1\" method=\"post\" action=\"go/\" onsubmit=\"return check(this);\">      <div style=\"width: 600px; height: 130px; float: none; margin: auto; background-color: transparent;\">   <div id=\"slogo\" style=\"width: 130px; float: left;\">   <img src=\"images/google.png\"></div><div style=\"float: left; margin-top: 55px; margin-left: 20px;\">      <input name=\"q\" type=\"text\" id=\"q\" size=\"50\" />      <label>      <input type=\"submit\" name=\"submit\" id=\"submit\" value=\"Go!\" />      </label></div>   </div>          	<div id=\"navigation\">           <p align=\"center\">      <label>      <input name=\"search\" type=\"radio\" id=\"radio\" value=\"google_web\" checked=\"checked\" onclick=\"logo(0);\" />      Google</label>      <label><input name=\"search\" type=\"radio\" id=\"radio\" value=\"yahoo_web\" onclick=\"logo(1)\" />      Yahoo!</label>      <label><input name=\"search\" type=\"radio\" id=\"radio\" value=\"bing_web\" onclick=\"logo(2)\" />      Bing</label>                  <label>      <input name=\"search\" type=\"radio\" id=\"radio2\" onclick=\"logo(3)\"  value=\"wikipedia_web\"/>      Wikipedia      </label>                     <label>      <input name=\"search\" type=\"radio\" id=\"radio2\" onclick=\"logo(6)\"  value=\"ayna_web\"/>      Ayna      </label>              <input name=\"tag\" type=\"hidden\" id=\"tag\" value=\"web\" />              	  </div>     </p>   </form>     </div>";

contact="<div id=\"stitle\" class=\"stitle\"><strong>Contact</strong></div> <div class=\"contact\"> <h4>Adresses :</h4><div id=\"Adresse\">PubliNet Bab Bhar, 7 Rue Ali Bach Hamba Sfax 3000 Tunisie </div><div id=\"Adresse\">Pc One, Route de Tényour Km 2,5 Sfax 3003 Tunisie</div><div id=\"Adresse\">EMI, 46 Avenue d'algérie, 2ème étage Sfax 3000 Tunisie</div><div id=\"Adresse\">BP 549 Sfax 3000 Tunisie</div><h4>Téléphone : </h4> <div id=\"mobile\">98 418 122</div><div id=\"mobile\">28 418 122</div><div id=\"desk\">74 299 211</div><div id=\"desk\">74 222 854</div><div id=\"desk\">74 220 989 </div><h4>F a x :</h4><div id=\"fax\"> 74 299 300 </div><h4>E-mail :</h4><div id=\"mail\">ahmed[at]mnif[point]net</div></div></div>";

switch (id)
{
case 3:return  contact;break;
case 20:return speedtest;break;
case 10:return home1;break;
default: alert('Erreur Dans la Choix Du Page');
}
}

function hide(id)
{$("#"+id).hide();}

function show(id)
{$("#"+id).show();}

function sethome()
{this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.mnif.com');}