/*************************************************
* Global var
*************************************************/
var unselect = false;

/*************************************************
* Initialisation
*************************************************/
window.addEvent('domready', function() {
									 
	// Effet over sur les produits
	var el = $$('div.tx-commerce-pi1 div.com-list-even');
	el.addEvents ({
		'mouseover' : function () { this.setStyle('background-color','#dbecff'); this.setStyle('cursor','pointer'); },
		'mouseout' : function () { this.setStyle('background-color','#ffffff');  this.setStyle('cursor','pointer'); },
		'click' : function () { 
			var lien = this.getElements('a.com-details-link').getProperty('href');
			window.location.href = lien;
		}
	});
	
	// Effet onchange sur la période
	if ($('user_commerce_pi1[periode]')) {
		var el = $('user_commerce_pi1[periode]').addEvents ({
			'change' : function () { filterProducts(); }
		});
	}

	// Effet onchange sur les sites
	if ($('user_commerce_pi1[site]')) {
		var el = $('user_commerce_pi1[site]').addEvents ({
			'change' : function () { filterProducts(); }
		});	
	}
	
	// Personnalisation du formulaire
	if ($('user_commerce_pi1[periode]')) {
		Custom.init();
	}
	
	// Effet onclick sur les themes
	if ($$('div.user-commerce-pi1 td.checkboxThemes span.checkbox')) {
		var el = $$('div.user-commerce-pi1 td.checkboxThemes span.checkbox');
		el.addEvents ({
			'click' : function () { filterProducts(); }
		});	
	}

	//var selectUnselect = $$('div.user-commerce-pi1 td.checkboxSelectUnselect span.checkbox');
	if ($('user_commerce_pi1_themes_select_unselect')) {
		var selectUnselect = $('user_commerce_pi1_themes_select_unselect');
		selectUnselect.addEvents ({
			'click' : function () { selectUnselectThemes(); return false; }
		});
	}
	
	
	
});

/*************************************************
* Filtre des produits
*************************************************/		
function filterProducts() {
	
	// Récupération des valeurs
	var periode = getPeriodeValue();
	var site = getSiteValue();
	var themes = getThemesValues();
	
	// Changement de la banniere
	changeBanner(periode);
	
	// On masque le tout
	var el = $$('div.tx-commerce-pi1 div.com-list-even');
	el.each (function (item, index) {
		item.setStyle('display','none');
	});
	
	// Vérification des thèmes (tout décoché)
	var allThemes = false;
	if(themes.length == 0) {
		allThemes = true;
	}
	
	// Affichage selon la sélection
	var el = $$('div.tx-commerce-pi1 div.com-list-attr');
	el.each (function (item, index) {
		if ( item.hasClass(periode) && item.hasClass(site) ) {
			if(allThemes) {
				var prod = item.getParent();
				prod.setStyle('display','block');			
			} else {
				for (var i = 0, l = themes.length ; i < l ; i++) {
					if ( item.hasClass(themes[i])) {
						var prod = item.getParent();
						prod.setStyle('display','block');			
						break;					
					}
				}
			}
		}
	});
	
	
	// Si aucun résultat on affiche un message
	var noContent = true;
	var el = $$('div.com-list-even');
	el.each (function (item, index) { 
		if (item.getStyle('display') == 'block') {
			noContent = false;
		}
	});
	
	if (noContent) {
		$('user-commerce-nocontent').setStyle('display','block');
	} else {
		$('user-commerce-nocontent').setStyle('display','none');
	}
	
}


/*************************************************
* Tout sélectionner / désélectionner
*************************************************/		
function selectUnselectThemes() {

	/*var sel = $('user_commerce_pi1_themes_select_unselect');
	var el = $$('div.user-commerce-pi1 input[name=user_commerce_pi1_themes]');
	var el2 = $$('div.user-commerce-pi1 td.checkboxThemes span.checkbox');
	if (sel.checked == true) {
		el.each (function (item, index) {
			item.checked = true;
		});
		el2.each (function (item2, index2) {
			item2.setStyle ('background-position','0px -40px');
		});
	} else {
		el.each (function (item, index) {
			item.checked = false;
		});
		el2.each (function (item2, index2) {
			item2.setStyle ('background-position','0px 0px');
		});
		
	}*/
	
	
	var sel = $('user_commerce_pi1_themes_select_unselect');
	var el = $$('div.user-commerce-pi1 input[name=user_commerce_pi1_themes]');
	var el2 = $$('div.user-commerce-pi1 td.checkboxThemes span.checkbox');
	if (unselect) {
		el.each (function (item, index) {
			item.checked = true;
		});
		el2.each (function (item2, index2) {
			item2.setStyle ('background-position','0px -40px');
		});
		unselect = false;
	} else {
		el.each (function (item, index) {
			item.checked = false;
		});
		el2.each (function (item2, index2) {
			item2.setStyle ('background-position','0px 0px');
		});
		unselect = true;
	}
	
	
	filterProducts();
}


/*************************************************
* Récupération des thèmes
*************************************************/		
function getThemesValues() {
	var el = $$('div.user-commerce-pi1 input[name=user_commerce_pi1_themes]');
	var val = [];
	var i = 0;
	el.each (function (item, index) {
		if (item.checked == true) {
			val[i] = item.getProperty('value');
			i++;
		}
	});
	return val;
}


/*************************************************
* Récupération de la période
*************************************************/		
function getPeriodeValue() {
	var val = $('user_commerce_pi1[periode]').getProperty('value');
	return val;
}


/*************************************************
* Récupération du site
*************************************************/	
function getSiteValue() {
	var val = $('user_commerce_pi1[site]').getProperty('value');
	return val;
}



/*************************************************
* Changement de la banniere
*************************************************/		
function changeBanner(value) {
	var banner = $('bannerimg'); 
	if (value != 'per0') {
		banner.setProperty('src','typo3conf/ext/user_commerce/res/banner/'+value+'.jpg'); 
	}
}