// JavaScript Document
jQuery( function($) {
	$.fn.calculeTotal	= function() {
		var totalinit	= $("#objet_form input[@name=totalttcinitial]").val();
		var prixtotal	= parseFloat(totalinit);
		var div			= $("#box_objetperso .prixtotal span");
		$('.dropdown ul>li>a.selected').each( function() {
			var plusvalue	= $(this).find('.plusvalue').text();
			if(plusvalue) {
				var reg		= new RegExp("[,]+", "g");
				plusvalue	= plusvalue.replace(reg,'.'); 
			}
			plusvalue		= parseFloat(plusvalue);
			if(plusvalue) {
				prixtotal	+= plusvalue;
			}
		});
		
		prixtotal	= Math.round(prixtotal*100)/100;
		
		div.html(prixtotal+' &euro;');
	};

	$('.dropdown').each( function() {
		var $$ 	= $(this);
		var a	= $$.find('.href');
		var ul	= $$.find('ul:first');
		
		$(a).click( function() {
			$('.dropdown ul').hide();
			ul.toggle();
			return false;
		});
		$(document).click( function() {		
			$('.dropdown ul').hide();
		});
		
		$$.find('ul>li>a').click( function() {
			//console.log($(this).html());
			$$.find('ul > li > a').removeClass('selected');
			$(this).addClass('selected');
			var style	= $(this).parent().attr('style');
			//console.log(style);
			$(a).attr('style',style)
				.addClass('activated');
			$(a).find('span.b').html($('.titre',this).html());
			
			// calcule du prix
			$.fn.calculeTotal();
			
			ul.hide();
		});
	}); // fin dropdown
	
	// accessibilité
	$('.dropdown').show();
	$('.accessibility').hide();
	$('.hide_on_noscript').show();
	
	$("#idnoeud").change( function() {
		document.location.href	= '/personnalisation-de-radiateurs/outil.html?id='+$(this).val();
	});
	
	// initialisation de l'objet si des paramètres sont prédéfinis
	$(window).ready( function() { // mieux que window.onload
		var width	= $('#box_objetperso .sidebar').width();
		var height	= $('#box_objetperso .sidebar').height();
		var len		= $(".objet_init_click").length;
		if(len) {
			
		$('#box_objetperso .sidebar').prepend('<div class="objet_loading_params" style="position:absolute; width:'+width+'px; height:'+height+'px;  text-align:center; font-size:18px; color:#000000; background-color:#ffffff; z-index:100000; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); "><br /><br /><br /><br />CHARGEMENT DE VOS PARAMETRES</div>');
		var timer = setTimeout( function() {
									 console.log('objet_init_click');
									 $(".objet_init_click").click();
									 $(".objet_loading_params").fadeOut();
									 clearTimeout(timer);
									 },1000);
		} // fin if
	}); // fin ready
	
	//
	// gestion fond ambiance
	//
	//$('body').prepend('');
	if($('#pickerFond').length) {
			
		var f 	= {};
		f 		= $.farbtastic('#pickerFond');
		//console.log(f);
		f.linkTo(function () {
		  //$('.textepage').css('backgroundColor', f.color);
		  //alert(f.color);
		  var color	= f.color;
		  
		  flashobjetperso_setElemPattern('ambiance', color);
		  $('.href_couleurfond').css("backgroundColor",color);
		  //$("#pickerFond").hide();
		  //console.log(color);
		});
	
		$(".href_couleurfond").click( function() {
			$("#pickerFond").toggle();
			$(".href_couleurfond").toggleClass('actif');
			return false;
		});
	
		//$("#pickerFond").hide();
		$(document).click( function() { $("#pickerFond").hide(); $(".href_couleurfond").toggleClass('actif'); });

	} // fin if pickerFond
	//
	// FIN --- gestion fond ambiance
	//
	
});




function getFlashMovie(movieName) {
  var isIE = navigator.appName.indexOf("Microsoft") != -1;
  //alert(document.getElementById(movieName));
  return (isIE) ? document.getElementById(movieName) : document[movieName];
}
// flash -> js
function jsobjetperso_setElemPattern(id,valeur) {
	if(id) {
		var theid	= '#objetperso_pattern_'+id;
		theid		= $(theid);
		//console.log(theid);
		// raz
		//$("a",theid).removeClass('selected');
		// cherche le lien
		var href	= $("a:contains("+valeur+")",theid);
		// lui applique la classe
		//console.log(href.html());
		//$(href).addClass('selected');
	}
}
// js -> flash
function flashobjetperso_setElemPattern(nom,valeur) {

	if(nom) {
		var reg=new RegExp("[ ,;]+", "g");
		var tableau=nom.split(reg);
		for(var i=0; i < tableau.length; i++) {
		
			var elem_nom = tableau[i];
			getFlashMovie('objetflash').object_set_material(elem_nom,valeur);
			jsobjetperso_setElemPattern(elem_nom,valeur);
		} // fin for
		
	}
}

// js -> flash
function flash_debug(valeur) {
	if(valeur) {
		getFlashMovie('objetflash').debug("[js2flash]:\t"+valeur);
	}
}

function outilperso_setIdpat(objetname,id,valeur) {
	console.log(objetname,id,valeur);
	var xselect		= $("#objet_form select[@name='objet\["+objetname+"\]']");
	xselect.val(id);
	
	var xinput		= $("#objet_form input[@name='objet_plusvalue\["+objetname+"\]']");
	xinput.val(valeur);
	
}
