var softSelected = "";

function openUpgrades(el,height){
	
	var oldSoftSelected = softSelected;
	softSelected = el;
	
	closeOsBox();
				
	var productList = document.getElementById("productList");
	var mesdiv = productList.getElementsByTagName("div");
	for( var i=0;i<mesdiv.length;i++ ) {
		var div = mesdiv[i];
		if( div.className.indexOf("lineupgrades") >= 0 ) {
		
		
			if( div.title == el ) 
			{
				var isOpen = false;
				var tokens =  div.className.split(' ');
				if( tokens.length == 2 ) {
					isOpen = ( tokens[1] == 'open' ); // return true or false
				}
				
				if( isOpen ) {
					//changeMyBtn(el,height);
					closeUpgradeBox(div,div);					
				} else {
					openUpgradeBox( div, height );
				}	
			
			}
			
			if( div.title == oldSoftSelected && el != oldSoftSelected ) {
				closeUpgradeBox(div,oldSoftSelected);
			}
		}
	}
	
};

function openUpgradeBox(handlerBox,height) {
	handlerBox.style.display="block";
	var monparent = handlerBox.parentNode.parentNode.parentNode;
	
	var anims = [
		new AnimLetOutHeight( monparent, 128, height )
	];
	var c = new Cron(.05);
	c.start( anims, 30, function() {
		handlerBox.className = 'lineupgrades open';
	});
	
	var monbtn = monparent.getElementsByTagName("div");
	for( var i=0;i<monbtn.length;i++ ) {
		var div = monbtn[i];
		if( div.className == "btnupgrades") {
			div.className = "btnupgradesClick";
		}
	}
};

function closeUpgradeBox(handlerBox, oldHandlerBox) {
	var monparent = handlerBox.parentNode.parentNode.parentNode;
	var newHeight = parseInt(monparent.style.height);
	
	var anims = [
		new AnimLetOutHeight( monparent, newHeight, 128 )
	];
	
	var c = new Cron(.05);
	c.start( anims, 30, function() {
		displayMaDiv(oldHandlerBox);
		handlerBox.className = 'lineupgrades close';
	});
	var monbtn = monparent.getElementsByTagName("div");
	for( var i=0;i<monbtn.length;i++ ) {
		var div = monbtn[i];
		if( div.className == "btnupgradesClick") {
			div.className = "btnupgrades";
		}
	}
};

function displayMaDiv(el){
	var productList = document.getElementById("productList");
	var mesdiv = productList.getElementsByTagName("div");
	for( var i=0;i<mesdiv.length;i++ ) {
		var div = mesdiv[i];
		if( div.className == "lineupgrades") {
			if( div.title == el ) {
				div.style.display="none";
			}
		}
	}
};

function changeMyBtn(el,height){
	var productList = document.getElementById("productList");
	var mesbtn = productList.getElementsByTagName("div");
	for( var i=0;i<mesbtn.length;i++ ) {
		var div = mesbtn[i];
		if( div.className == "btnupgrades") {
			if( div.title == el ) {
				div.className = "btnupgradesClick";
				
			}
		}else if( div.className == "btnupgradesClick"){ 
			div.className = "btnupgrades";
			
			
		}
	}
};


function closeOsBox(){
	var osBox = document.getElementById('osBox');
	if (osBox) {
 		osBox.parentNode.removeChild(osBox);
	}
};

function closeAllUpgrades(maHauteur,madiv){

	var productList = document.getElementById("productList");
	var mesdiv = productList.getElementsByTagName("div");
	for( var i=0;i<mesdiv.length;i++ ) {
		var div = mesdiv[i];
		
		
		if( div.className == "lineupgrades open") {
			if( div.title == madiv) {
			
				var monparent = div.parentNode.parentNode.parentNode;
				
				var anims = [
					new AnimLetOutHeight( monparent, 214, 128 )
				];
				var c = new Cron(.05);
				c.start( anims, 30, function() {
					displayMaDiv(div);
					
				});
			}
			changeMyBtn();
			div.className = "lineupgrades";
		}
	}
};