function fNavOn(numItem){var nav=document.getElementById('nav'+numItem);nav.setAttribute('className','on');nav.setAttribute('class','on');}
function searchBing(){var bing=document.getElementById('msviLSBtbox').value;window.open("http://www.bing.com/search?q="+bing);}
function searchMS(){var ms=document.getElementById('msviLSBtbox').value;window.open("http://search.microsoft.com/Results.aspx?q="+ms+"&mkt=fr-FR");}
function searchBoxBlur(defaultSearchLabel){var searchBoxInput=document.getElementById("msviLSBtbox");var kievImage=document.getElementById("msviLSBlogo");if(searchBoxInput.value.replace(/(^\s*)|(\s*$)/g,'')==''){searchBoxInput.value=defaultSearchLabel;searchBoxInput.style.fontStyle='Italic';searchBoxInput.style.color="#a1a1a1";kievImage.style.background='url("img/logo_inside.gif") no-repeat scroll left top transparent';isInputqu=false;}else{isInputqu=true;}}
function searchBoxFocused(defaultSearchLabel){var searchBoxInput=document.getElementById("msviLSBtbox");var kievImage=document.getElementById("msviLSBlogo");if(searchBoxInput.value==defaultSearchLabel){searchBoxInput.value='';searchBoxInput.style.fontStyle='';searchBoxInput.style.color='#000000';kievImage.style.background='url("img/spacer.gif") no-repeat scroll left top transparent';}}
function detectReturn(e){var charCode;if(e&&e.which){e=e;charCode=e.which;}
else{e=event;charCode=e.keyCode;}
if(charCode==13){document.getElementById('msviLSBtbox').blur();setTimeout("document.getElementById('msviLSBssearch').click()",1000);return false;}
else{return true;}}

/*COOKIES*/
jQuery.cookie=function(name,value,options){if(typeof value!='undefined'){options=options||{};if(value===null){value='';options.expires=-1;}
var expires='';if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){var date;if(typeof options.expires=='number'){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000));}else{date=options.expires;}
expires='; expires='+date.toUTCString();}
var path=options.path?'; path='+(options.path):'';var domain=options.domain?'; domain='+(options.domain):'';var secure=options.secure?'; secure':'';document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('');}else{var cookieValue=null;if(document.cookie&&document.cookie!=''){var cookies=document.cookie.split(';');for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+'=')){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break;}}}
return cookieValue;}};


$(document).ready(function () {
        
/*Nav*/	
	$("div.subnav").parent().hover(function(){
			$(this).find("div.subnav:first").show('fast');
		},function(){
			$(this).find("div.subnav:first").hide('fast');
		});
	var $act;
	var $newtab;
	var memtab=0;
	var $sousnav;
	
	$('#navtabs').children('div').each(function(i){
		if(this.className=='smbtabhot') memtab=i;
	});
	
	$('div[class^=smbtab] a').mouseover(
		function(){
			$act=$('.smbtabhot');
			$newtab=$(this).parent();
			$('.topnav').hide();
			$act.removeClass().addClass('smbtab');
			$newtab.removeClass().addClass('smbtabhot');
			$('.topnav[id='+$newtab.text().replace(/\s/g,'')+']').show();
			return false;
		}
	);
	
	$('#navtabs').mouseleave(
		function(){
			$('.topnav').hide();
			$(this).children('div').each(function(i){
				$(this).removeClass();
				if(i==memtab) {
					$(this).addClass('smbtabhot');
					$act = $(this);
				} else {
					$(this).addClass('smbtab');
				}
			});
			$sousnav = $('.topnav[id='+$act.text().replace(/\s/g,'')+']');
			$sousnav.show();
			return false;
		}
	);
/* */

	$('dl#faqIntune dd').each(
		function(i) {
			if(i!=0) {
				$(this).hide();
				$('dl#faqIntune dt:eq('+i+')').css('padding-left','30px');
			}
		}
	);
	
	$('dl#faqIntune dt').css('cursor','pointer').each(
		function(i) {
			$(this).click(
				function(){
					if($(this).next().is(':hidden')) {
						$('dl#faqIntune dd').slideUp('slow').prev().animate({paddingLeft:'30px'}, {queue:false, duration:'slow' } );
						$(this).next().slideDown('slow');
						$(this).animate({paddingLeft:'10px'},'slow');
					}
					
				});
		}
	);
	
/* Boutique */
	
	if($('#boutique').length) {
		$(".ItemBoutique").css("float","left");
		var ancre;
//		var categorie = '';
		var listeCategorieHTML = 
		"<ul id=\"genre\">"+
		"<li id=\"first\"><a id=\"all\" href=\"#\">Liste compl&egrave;te</a></li>"+
		"<li><a id=\"materiel\" href=\"#\">Materiel</a></li>"+
		"<li><a id=\"logiciel\" href=\"#\">Logiciel</a></li>"+
		"<li><a id=\"service\" href=\"#\">Service</a></li>"+
		"</ul>";
		var listePrixHTML = 
		"<p id=\"triPrix\">Trier par prix</p>"+
		"<ul>"+
		"<li id=\"triPrixUp\"><a href=\"#\"><img src=\"/france/pme/images/comment-acheter/boutique/up.gif\" alt=\"plus cher\" /></a></li>"+
		"<li id=\"triPrixDown\"><a href=\"#\"><img src=\"/france/pme/images/comment-acheter/boutique/down.gif\" alt=\"moins cher\" /></a></li>"+
		"</ul>";
		var displayProduitsHTML;
		var listeXML;
		var nom;
		var visuel;
		var prix;
		var description;
		var detailsLink;
		var detailsIntitule;
		var acheterLink;
		var acheterIntitule;
		var successEvents;
		var nombreDeProduits = 0;
		
		$.ajax({
			type: "GET",
			url: "/france/pme/comment-acheter/acheter-en-ligne/boutique.xml",
			dataType: "xml",
			complete: function (data, status) {
				XMLroutine(data);
			}
		});
	}
	
		
	
	function XMLroutine(data) {
		listeXML = data.responseXML;
		$('#boutique').prepend(listeCategorieHTML);
		makeHtml('');
	
		$('#boutique ul#genre li a').click(function(){
			ancre = $(this).attr('id');
			if(ancre!='all') makeHtml('[cat='+ancre+']');
			else makeHtml('');
			
			return false;
		});
	}
	
	function makeHtml(categorie) {
		$('#listeProduits').empty();
		nombreDeProduits = $(listeXML).find('produit'+categorie).length;
		switch(ancre) {
			case 'materiel' :
				displayProduitsHTML='<h2>Materiel</h2>';
				break;
			case 'logiciel' :
				displayProduitsHTML='<h2>Logiciel</h2>';
				break;
			case 'service' :
				displayProduitsHTML='<h2>Service</h2>';
				break;
			default:
				displayProduitsHTML='<h2>Liste compl&egrave;te</h2>';
		}
		$(listeXML).find('produit'+categorie).each(function(i){
			nom = $(this).find('nom').text();
			visuel = $(this).find('visuel').attr('loc');
			prix = $(this).find('prix').text();
			description = $(this).find('description').text();
			detailsLink = $(this).find('details').children('link').text();
			detailsIntitule = $(this).find('details').children('intitule').text();
			acheterLink = $(this).find('acheter').children('link').text();
			acheterIntitule = $(this).find('acheter').children('intitule').text();
			successEvents = $(this).find('acheter').children('se').text();
			displayProduitsHTML += 
            "<div class=\"ItemBoutique\">"+
              "<div>"+
                "<h3>"+nom+"</h3>"+
                "<p class=\"visuelItemBoutique\"><img alt=\""+nom+"\" src=\""+visuel+"\" /></p>"+
                "<p class=\"prixItemBoutique\">"+prix+"</p>"+
                "<p class=\"descItemBoutique\">"+description+"</p>"+
                "<p class=\"lienDetailsItemBout\"><a href=\""+detailsLink+"\" target=\"_blank\">"+detailsIntitule+"</a></p>"+
                "<p class=\"lienAchatItemBout\"><a onclick=\""+successEvents+"\" href=\""+acheterLink+"\" target=\"_blank\">"+acheterIntitule+"</a></p>"+
              "</div>"+
            "</div>";
		});
		$('#listeProduits').append(displayProduitsHTML);
		if(nombreDeProduits>2) {
			$('#listeProduits h2').after(listePrixHTML);
			$('#listeProduits ul li:eq(0) a').click(function(){
									  tri(true);
									  return false;
									  });
			$('#listeProduits ul li:eq(1) a').click(function(){
									  tri(false);
									  return false;
									  });
		}
		initAffichage();
		
	}
	
	function tri(desc) {
		var sens = 1;
		if(desc) {
			sens = -1;
		} else {
			sens = 1;
		}
		var $tableauProduits = $('.ItemBoutique').get();
		regexp = /\d+(,|\.)?\d*/gi;
		$.each($tableauProduits, function(i,obj) {
			console.log($('.prixItemBoutique',obj).text().match(regexp));
			$(obj).data('sortKey', parseFloat($('.prixItemBoutique',obj).text().match(regexp)));
		});
		$tableauProduits.sort(function(a,b){
			if(isNaN($(a).data('sortKey'))) $(a).data('sortKey',0);
			if(isNaN($(b).data('sortKey'))) $(b).data('sortKey',0);
			if($(a).data('sortKey') < $(b).data('sortKey')) return -1*sens;
			if($(a).data('sortKey') > $(b).data('sortKey')) return sens;
			return 0;
		});
		$.each($tableauProduits, function(i,obj) {
			$('#listeProduits').append(obj);
			$(obj).removeData('sortKey');
		});
		$('.ItemBoutique').css('clear','none');
		$('.ItemBoutique').each(function(i){
			if(i%4==0) $(this).css('clear','left');
		});
	}
	
	function initAffichage() {
		$('.descItemBoutique').hide();
		$('.lienDetailsItemBout').hide();
		$('.lienAchatItemBout').hide();
		$('.ItemBoutique div').css('background-color','transparent');
		var ht1 = $('.ItemBoutique').height();
		$('.ItemBoutique').css('height',ht1);
		// on clear le float au début de chaque ligne de 4 articles :
		$('.ItemBoutique').css({clear:'none',float:'left'});
		$('.ItemBoutique').each(function(i){
			if(i%4==0) $(this).css('clear','left');
		});
		//
		$('.ItemBoutique div').hover(function(){
			$('.ItemBoutique').css({zIndex:'auto'});
			$('.ItemBoutique div').css({backgroundColor:'transparent',position:'static',zIndex:'inherit',WebkitBoxShadow:'none',MozBoxShadow:'none',boxShadow:'none'})
			.children('.descItemBoutique, .lienDetailsItemBout, .lienAchatItemBout').hide();
			$(this).parent().css({zIndex:'1'});
			$(this).css({backgroundColor:'#f0f0f0',position:'absolute',zIndex:'inherit',WebkitBoxShadow:'5px 5px 5px #aaa',MozBoxShadow:'5px 5px 5px #aaa',boxShadow:'5px 5px 5px #aaa'})
			.children('.descItemBoutique, .lienDetailsItemBout, .lienAchatItemBout').show();
			var ht2 = $(this).height();
			$('#boutique').css('padding-bottom',(ht2-ht1+20)+'px');
		});
	}
	
/* fin Boutique */

});
