function hideText(text, field, show)
{
	if (field.value == '' && show==1)
	{
		field.value = text;
	}
	if (field.value == text && show==0)
	{
		field.value = '';
	}
}
function hideTextPass(text, field, show)
{
	if (field.value == '' && show==1)
	{
		field.value = text;
		field.type = 'text';
	}
	if (field.value == text && show==0)
	{
		field.value = '';
		field.type = 'password';
	}
}

function hideTextPassShow(txt, pass)
{
	document.getElementById(txt).style.display = 'none';
	document.getElementById(pass).style.display = 'block';
		document.getElementById('pass_fld_pass_field').focus();
}
function hideTextPassHide(val, txt, pass)
{
	if (val.value == "")
	{
		document.getElementById(pass).style.display = 'none';
		document.getElementById(txt).style.display = 'block';
	}
}

function mainMenuOn(button)
{
	button.style.background = 'none';
	button.style.color = '#fff';

	button.parentNode.parentNode.style.background = 'url("css/images/main_menu_active_1.gif") 0px 0px no-repeat';
	button.parentNode.style.background = 'url("css/images/main_menu_active_2.gif") 0px 100% no-repeat';
	button.style.position = 'relative';

}
function mainMenuOff(button)
{
	button.style.background = 'url("css/images/main_menu_arr_down.gif") 90% 18px no-repeat';
	button.style.color = '#333333';

	button.parentNode.parentNode.style.background = 'none';
	button.parentNode.style.background = 'none';
	button.style.position = 'relative';
}


function activityImgOn(btn, imageName)
{
	btn.src = 'css/images/icons/'+imageName+'_2.gif';
}

function activityImgOff(btn, imageName)
{
	btn.src = 'css/images/icons/'+imageName+'.gif';
}
function showTab(number, total)
{
	for (var i=0; i<total; i++)
	{
		document.getElementById('tab_item_'+i).style.display = 'none';
		document.getElementById('tab_button_'+i).className = '';
	}
	document.getElementById('tab_item_'+number).style.display = 'block';
	document.getElementById('tab_button_'+number).className = 'active_tab_item';
}


// Функция для "остальных" браузеров
		// Которая и делает преобразование
		function grayscale(image, bPlaceImage){
			// Создаём объект типа canvas.2d
		  var myCanvas=document.createElement("canvas");
		  var myCanvasContext=myCanvas.getContext("2d");
		  // Делаем его размером с нашу картинку
		  var imgWidth=image.width;
		  var imgHeight=image.height;
		  myCanvas.width= imgWidth;
		  myCanvas.height=imgHeight;
		  // Пихаем картинку в наш объект
		  myCanvasContext.drawImage(image,0,0);
			// Заганяем попиксельно картинку в матрицу
		  var imageData=myCanvasContext.getImageData(0,0, imgWidth, imgHeight);
		  // Теперь в цикле, каждый пиксель мы делаем ч/б
		  for (i=0; i<imageData.height; i++){
		    for (j=0; j<imageData.width; j++){
				  var index=(i*4)*imageData.width+(j*4);
				  var red=imageData.data[index];
				  var green=imageData.data[index+1];
				  var blue=imageData.data[index+2];
				  var alpha=imageData.data[index+3];
				  var average=(red+green+blue)*0.3333;
				  // Оставляем прозрачность и делим на среднее от RGB
					imageData.data[index]=average;
					imageData.data[index+1]=average;
					imageData.data[index+2]=average;
					imageData.data[index+3]=alpha;
				}
		  }
		  // Получаем чёрно-белую картинку
		  myCanvasContext.putImageData(imageData,0,0,0,0,
		  	imageData.width, imageData.height);
			// Вставляем чёрнобелую картинку
			// От параметра зависит куда вставляем
			// Либо рядом в div-ку, либо отдаём через return
		  if (bPlaceImage){
			  var myDiv=document.createElement("div");
			  myDiv.appendChild(myCanvas);
			  image.parentNode.appendChild(myCanvas);//, image);
		  }
		  return myCanvas.toDataURL();
		}

		// Функция, что делает картинку ч/б и при наведении мыши возвращает
		// нормальное состояние
		function MakeGSImage(image){
			// если испортил (только у него есть фильтр)
			if (typeof image.style.filter != "undefined") {
				// объект должен иметь лаяут
				image.style.zoom = 1;
				// делаем ч/б используя фильтр grayscale=1
				image.style.filter =
					"progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);";
				// вешаем тригеры мыши
				image.onmouseover=function(){
					this.style.filter =
						"progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)";}
				image.onmouseout=function(){
					this.style.filter =
						"progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";}
			} else {
				// для функции grayscale практически идентично %)
				image.mouseOverImage=image.src;
				image.onload=function(){return true;};
				image.normalImage=grayscale(image, false);
				image.onmouseover=function(){this.src=this.mouseOverImage;}
				image.onmouseout=function(){this.src=this.normalImage;}
				image.src=image.normalImage;
			}
		}

		function addLoadEvent(func) {
		  var oldonload = window.onload;
		  if (typeof window.onload != 'function') { window.onload = func;}
		  else {window.onload = function() { if (oldonload) {oldonload();}func();}}
		}

function makeGrayscaleThumbs(total)
{
	for (var i = 1; i<=total; i++)
	{
	var our_img = document.getElementById("thumb_"+i);
			MakeGSImage(our_img);

	}
}

window.onload=function(){
document.getElementById('tab_item_0').style.display = 'block';
document.getElementById('tab_button_0').className = 'active_tab_item';
}