//  Allows to show/collapse any block element given its #id
//  Usage: setup a checkbox and call this function with onclick event
//  ex: <input type="checkbox" name="foo" id="foo" onclick="collapseElement(this.checked,'id_of_block_to_collapse')" />
function collapseElement(display,elementId)
{
    var blockToCollapse = document.getElementById(elementId);
    if (display){
        blockToCollapse.style.display = 'block';
    } else {
        blockToCollapse.style.display = 'none';
    }
}


	function chosedImageBlock(chosed)
	{
				var hidImage=document.getElementById('hiddenChoosedImage');
				var hiddenInputImage=document.getElementById('hiddenInputImage'); //input type : hidden , carry image value
		if(chosed.title=='noImage')
		{
			    hidImage.style.display='none';
				hiddenInputImage.value='';
		}
		else
		{
				var chosedImage=document.getElementById('chosedImage');
				var chosedBlocked=document.getElementById('chosedBlocked');
				hidImage.style.display='block';
				chosedBlocked.style.display='block';
				chosedImage.src=chosed.src;
				hiddenInputImage.value=chosed.title;
		}
	}
function chosedImageBlock2(chosed)
	{
				var hidImage2=document.getElementById('hiddenChoosedImage2');
				var hiddenInputImage2=document.getElementById('hiddenInputImage2'); //input type : hidden , carry image value
				var hiddenInputImage3=document.getElementById('hiddenInputImage3'); //input type : hidden , carry image value
		if(chosed.title=='noImage')
		{
			    hidImage.style.display='none';
				hiddenInputImage.value='';
		}
		else
		{
				var chosedImage2=document.getElementById('chosedImage2');
				var chosedBlocked2=document.getElementById('chosedBlocked2');
				hidImage2.style.display='block';
				chosedBlocked2.style.display='block';
				chosedImage2.src=chosed.src;
				hiddenInputImage2.value=chosed.title;
				hiddenInputImage3.value=chosed.title;
		}
	}