//	Couleurs evenements cart
var colorCartTransit = 'ffffff';
var colorCartOver = 'f2a653';
var colorCartOut = 'ffffff';
var hauteur_box = 2.3;

var tabDivers = 6;	//	ID de la table divers
var total = 0;
var itemCard = null;

window.addEvent('domready', function(){
	
	var st = new SimpleTabs($('sf2s-tabs'), {
		
		entrySelector: 'li a',
		onComplete: function(){
			
			$$('.tab-ajax-loading').removeClass('tab-ajax-loading');	//	Récupération action par défault du onCmplete
			
			var tab = parseInt( this.selected ) + 1;
			
			if( tab == tabDivers ) initCalculVolumeTabDivers();
			initTabCalculVolume( tab );
			
			scrolltop();
			
		}
		
	});
	
});

function initCalculVolumeTabDivers(){
	
	function setTextSpan( tabDivers ){
		
		var libelle = 'Objet';
		var child = $$('.calculVolume_' + tabDivers + ' .item').getFirst();
		var volume = $('obj_volume').value;
		
		if( $('obj_libelle').value != "" ) libelle = $('obj_libelle').value;
		if( volume == "" )volume = 0;
		
		child.setText( libelle + ' ( ' + volume + ' M3)' );
		
	}
	
	$('obj_libelle').addEvent('keyup', function(){
		
		setTextSpan( tabDivers );
		
	});
	
	$('obj_volume').addEvent('keyup', function(e){
		
		this.value = this.value.replace(',', '.');
		setTextSpan( tabDivers );
		
		if( !isNaN( this.value ) ){
			
			$$('.calculVolume_' + tabDivers + ' .item').each(function(item){
				
				item.id = $('obj_volume').value;
				
			});
			
		}else{
			
			$('obj_volume').value = '';
			alert( 'Le volume doit être un nombre' );
			
		}
		
	});
	
}

function initTabCalculVolume( tab ){
	
	var drop = $('cart');
	drop.removeEvents();
	var dropFx = drop.effect('background-color', {wait: false});
	
	$$('.calculVolume_' + tab + ' .item').each(function(item){
		
		item.addEvent('mousedown', function(e) {
			
			e = new Event(e).stop();
			
			var clone = this.clone()
				.setStyles(this.getCoordinates())
				.setStyles({'opacity': 0.7, 'position': 'absolute'})
				.addEvent('emptydrop', function() {
					
					this.remove();
					drop.removeEvents();
					
				}).inject(document.body);
			
			drop.addEvents({
				'drop': function() {
					
					function setTextTotal( total ){
						
						$('total').setHTML('Box dont vous avez besoin : ' + (total / hauteur_box).toFixed(2) + ' M<sup>2</sup> (' + total + ' M<sup>3</sup>)' );
						
					}
					
					clone.remove();
					drop.removeEvents();
					
					itemCard = item.clone().inject(drop).addEvent('click', function(){
						
						total = Math.round( (parseFloat( total ) - parseFloat( $(clone).id ) ) * 100 ) / 100;
						setTextTotal( total );
						
						dropFx.start( colorCartTransit ).chain(dropFx.start.pass( colorCartOut, dropFx ));
						
						this.remove();
						
					});
					
					dropFx.start( colorCartTransit ).chain(dropFx.start.pass( colorCartOut, dropFx ));
					
					total = Math.round( (parseFloat( $(clone).id ) + parseFloat( total ) ) * 100 ) / 100;
					setTextTotal( total );
					
				},
				'over': function() {
					
					dropFx.start( colorCartOver );
					
				},
				'leave': function() {
					
					dropFx.start( colorCartOut );
					
				}
			});
	 
			var drag = clone.makeDraggable({
				droppables: [drop]
			});
			
			drag.start(e);
			
		});
		
	});

}

function removeLastItem(){
	
	itemCard.remove();
	return false;
	
}

function getCart(){
	
	var text = '';
	$$('.cart .item').each(function(item){
		text += item.id + ' ' + item.getFirst().getText() + "\n";
	});
	
	alert( text );
}

/*function scrolltop(){
	
	var hauteurFenetre = getTailleFenetre()['height'];
	var scrollTop = window.scrollY || document.body.parentNode.scrollTop || document.body.scrollTop || document.documentElement.scrollTop;
	scrollTop = ( parseInt( hauteurFenetre ) - parseInt( $('cart').getStyle('height') ) ) / 2 + scrollTop - parseInt( $('header').getStyle('height') );
	
	if( parseInt( $('header').getStyle('height') ) + scrollTop <= parseInt( $('header').getStyle('height') ) ) scrollTop = 50;
	
	if( parseInt( $('bg').getStyle( 'height' ) ) - parseInt( $('cart').getStyle('height') ) * 2 > parseInt( scrollTop ) ){
		$('cart').setStyles({
			'position': 'absolute',
			'top': scrollTop,
			'left' : 555
		});
	}
	setTimeout("scrolltop()",5);
	
}*/

function scrolltop(){
	
	var hauteurFenetre = getTailleFenetre()['height'];
	var scrollTop = window.scrollY || document.body.parentNode.scrollTop || document.body.scrollTop || document.documentElement.scrollTop;
	
	
	// if (scrollTop < parseInt( $('items').getStyle( 'height' ) ) ) {
	if (scrollTop < ( parseInt( $('main').offsetHeight ) - 170 ) ) {
	
		if( scrollTop < ( parseInt( $('header').getStyle('height') ) + 142 ) ){
			$('container-cart').setStyles({
				'position': 'absolute',
				'top': 142,
				'left' : 555
			});
		} else {
			$('container-cart').setStyles({
				'position': 'absolute',
				'top': scrollTop - parseInt( $('header').getStyle('height') ),
				'left' : 555
			});
		}
		
	}
	
	setTimeout("scrolltop()",5);
	
}

function getTailleFenetre() {
	
	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement && (
		document.documentElement.clientWidth ||
		document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth ||
		document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
	
	var taille = new Array();
	taille['height'] = myHeight;
	taille['width'] = myWidth;
	
	return taille;
	
}