function changeImage(id){

if(document.getElementById("thumb-lft"+id))
 {
	 document.getElementById("thumb-lft"+id).style.backgroundColor = '#008dbb';
 }
 if(document.getElementById("thumb-rgt"+id))
 {
	 document.getElementById("thumb-rgt"+id).style.backgroundColor = '#008dbb';
 }
 //document.getElementById("thumbnail_title"+id).style.color = '#008dbb';
 
 $("#thumbnail_title"+id).removeClass('thumbnail_title').addClass('thumbnail_title_mouseover'); 
 //$("#thumbnail_title"+id).addClass('thumbnail_title_mouseover');
 
 document.getElementById("arrowImage"+id).src = 'media/images/arrow-wht.gif';

}
function removeImage(id){
 if(document.getElementById("thumb-lft"+id))
 {
	 document.getElementById("thumb-lft"+id).style.backgroundColor = '#FFFFFF';
 }
 if(document.getElementById("thumb-rgt"+id))
 {
	 document.getElementById("thumb-rgt"+id).style.backgroundColor = '#FFFFFF';
 }
 //document.getElementById("thumbnail_title"+id).style.color = '#3a93ba';
 
 $("#thumbnail_title"+id).removeClass('thumbnail_title_mouseover').addClass('thumbnail_title'); 
 
 document.getElementById("arrowImage"+id).src = 'media/images/arrow.gif';
}

function changeImageGallery(id){
	 document.getElementById("gall_thumb-lft"+id).style.backgroundColor = '#008dbb';
	 //document.getElementById("thumbnail_title"+id).style.color = '#ffffff';
	  $("#thumbnail_title"+id).removeClass('thumbnail_title').addClass('thumbnail_title_mouseover'); 
	 document.getElementById("arrowImage"+id).src = 'media/images/arrow-wht.gif';
	 document.getElementById("tile"+id).style.backgroundImage = 'url("media/images/gall_tile_bg.gif")';

}
function removeImageGallery(id){
	 document.getElementById("gall_thumb-lft"+id).style.backgroundColor = '#FFFFFF';
	 document.getElementById("thumbnail_title"+id).style.color = '#3a93ba';
	 $("#thumbnail_title"+id).removeClass('thumbnail_title_mouseover').addClass('thumbnail_title'); 
	 document.getElementById("arrowImage"+id).src = 'media/images/arrow.gif';
	 document.getElementById("tile"+id).style.backgroundImage = '';
}
function changeProjectImage(id,colorid,totalcount){
	
			var html= $.ajax({
				 type: "POST",
				url: '/media/server-scripts/getimage.php?',
				 async: false,
	
				data: "itemid="+id
	 }).responseText;
	
	for(var i=1;i<=totalcount;i++)
	{
		if(i == colorid)
		 document.getElementById(colorid).style.color = '#3A93BA';			
		else
		{
			if(document.getElementById(i))
			document.getElementById(i).style.color = '#313131';			
		}
	}
	 document.getElementById("changeDiv").src = html;
}