function showBorder(id)
{
	var obj1 = "Top"+id;
	obj1=$(obj1);
	obj1.style.display='block';
	
	$('link'+id).style.paddingTop = '0px';
	$('link'+id).style.paddingBottom = '0px';
	
	var obj2 = "Bottom"+id;
	obj2=$(obj2);
	obj2.style.display='block';
	
	
}

function hideBorder(id)
{
	var obj1 = "Top"+id;
	obj1=$(obj1);
	obj1.style.display='none';

	$('link'+id).style.paddingTop = '3px';
	$('link'+id).style.paddingBottom = '3px';
	
	var obj2 = "Bottom"+id;
	obj2=$(obj2);
	obj2.style.display='none';
	
	var obj3 = "link"+id;
	obj3=$(obj3);
	//obj3.style.height='27px';

}

function showSubMenu(id)
{
	var obj1 = "submenu"+id;
	obj1=$(obj1);
	obj1.style.display='block';
	

}

function ScaleEffect(element)
{
	new Effect.Scale(element,150);
}

function change()
{
	//alert ("salut");
	obj=$(boxProdus);
	obj.style.display='none';
	

}

    //handle the Ajax response �
    function handleResponse(transport)
    {
    $('hello').innerHTML = transport.responseText;
    }

    //creates a prototype Ajax object, sends a request, and registers the callback function �handleResponse�
    function callAjax(user_id)
    {

    //remember to put a word separator between elements of the camelcase action name, per the ZF manual:
    var myAjax = new Ajax.Request('download/get-data',
    {method: 'get', parameters: {state: user_id},
    onComplete: handleResponse});
    }
    
function scareTheFog(contor)
{
	var obiectImagine = "image"+contor;
	obiectImagine = $(obiectImagine);
	obiectImagine.className='noFogOverImage';
}

function callTheFog(contor)
{
	var obiectImagine = "image"+contor;
	obiectImagine = $(obiectImagine);
	obiectImagine.className='fogOverImage';
}

function changeProjectImage(contor)
{
	for (var i=1;i<=4;i++)
	{
		if (i!=contor)
		{
			var altObiectImagine = $("mainImage"+i);
			altObiectImagine.className = 'hideLargeImage ';
			
		}	
	}
	
	
	var obiectImagine = $("mainImage"+contor);
	obiectImagine.className = 'showLargeImage';
}