var background = null;
var oldDiv = null;
var oldDiv2 = null;
var checkValues = Array();
var RecupValHTML=null;
var div_linked_block = null;

function initAjax()
{
	var d = new Date();
	var antiBUG = d.getTime();
	
	try
	{ 
		RecupValHTML = new ActiveXObject('Msxml2.XMLHTTP');
	}
	catch (e) 
	{
		try
		{
			RecupValHTML = new ActiveXObject('Microsoft.XMLHTTP');
		}
		catch (e2) 
		{
			try
			{  
				RecupValHTML = new XMLHttpRequest();     
			}
			catch (e3)
			{  
				xhr = false;
			}
		}
	}
	
    //on définit l'appel de la fonction au retour serveur
	RecupValHTML.onreadystatechange = function() { displayResult(RecupValHTML); };

    //on appelle le fichier reponse
	RecupValHTML.open("POST", 'ajax/calcul.php?bug=' + antiBUG, true);

	RecupValHTML.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
}

function displayResult(ReponseHTML)
{
	if (RecupValHTML.readyState == 4)
	{
		divA = document.getElementById('C_A');
		divB = document.getElementById('C_B');
		
		if(ReponseHTML.responseText == 'A')
		{
			divB.innerHTML = "100%";
			divA.innerHTML = "0%";
		}
		else if(ReponseHTML.responseText == 'B')
		{	
			divB.innerHTML = "0%";
			divA.innerHTML = "100%";
		}
		else
		{
			divB.innerHTML = "50%";
			divA.innerHTML = "50%";
		}
	}
}

function viewDetails(block, type, linked_block)
{
	if(linked_block != null)
	{
		div_linked_block = document.getElementById(linked_block);
	}
	
	if (background == null)
		var background = document.getElementById('background');

	div = document.getElementById('details');

	if(type == 'recto')
	{
		div.className = 'details_recto'; 
	}
	else if(type == 'verso')
	{
		div.className = 'details_verso';
	}
	
	if (block == 'background')
	{
		background.style.visibility = 'hidden';
		background.style.display = 'none';	

		div.style.visibility = 'hidden';
		div.style.display = 'none';

		if(div_linked_block != null)
		{
			div_linked_block.style.visibility = 'hidden';
			div_linked_block.style.display = 'none';
			
			div_linked_block = null;
		}
	}
	else
	{
		div.style.cssText = block;
		div.style.visibility = 'visible';
		div.style.display = 'block';

		if(div_linked_block != null)
		{
			div_linked_block.style.visibility = 'visible';
			div_linked_block.style.display = 'block';
		}
		
		background.style.visibility = 'visible';
		background.style.display = 'block';	
	}
}


function display(idname)
{
	div = document.getElementById(idname);
	if(div.style.opacity == '0')
	{
		affBlock(idname);
	}
	else
	{
		maskBlock(idname);
	}

	if(oldDiv != null)
	{
		maskBlock(oldDiv);
	}

	if(oldDiv != idname)
	{
		oldDiv = idname;
	}
	else
	{
		oldDiv = null;
	}
}

function affBlock(idname)
{
	div = document.getElementById(idname);
	
	div.style.opacity = '0.2'; 
	div.style.filter = 'alpha(opacity=50)';
}

function maskBlock(idname)
{
	div = document.getElementById(idname);
	
	div.style.opacity = '0';
	div.style.filter = 'alpha(opacity=0)';
}

function check(id)
{
	div = document.getElementById('on_check_'+id);
	
	if(checkValues[id] == '1')
	{
		div.className = '';
		checkValues[id] = '0';
	}
	else
	{
		checkValues[id] = '1';
		div.className = 'checked';
	}
	
	initAjax();
	values = '';
	for (val in checkValues)
	{
		if(checkValues[val] == '1')
		{
			values = values + ';' + val;
		}
	}
	RecupValHTML.send("values=" + values);
}
