/*

Andrey Keske
http://www.keske.ru
2010

*/

var zindex = 1500;

var chapaiTattoo = 43; //43
var vinyTattoo = 11; //11
var sevaTattoo = 1; //1

var chapaiArt = 23; //29
var vinyArt = 0; //0
var sevaArt = 27; //29

oldWork = '';
oldWorkID = 0;

oldMaster = '';

oldWorkT = '';
oldWorkIDT = 0;
oldMasterT = '';

function showBigWork(id, master,  filtr)
{
	if ( filtr == 'tattoo' )
	{
	if ( oldWorkT != '' ) { document.getElementById(oldWorkT).src = 'photo/'+oldMasterT+oldWorkIDT+'.png'; }
	
	document.getElementById(master+'TattooPhoto'+id).src = 'photo/'+master+id+'b.png';
	ssWork = master+'TattooPhoto'+id;
	
	if ( ssWork == oldWorkT ) { document.getElementById(master+'TattooPhoto'+id).src = 'photo/'+master+id+'.png';  }
	
	oldWorkT = master+'TattooPhoto'+id;
	oldWorkIDT = id;
	oldMasterT = master;
	}
else
	if ( filtr == 'art' )
	{
	if ( oldWork != '' ) { document.getElementById(oldWork).src = 'photo/'+oldMaster+'Art'+oldWorkID+'.png'; }
	document.getElementById(master+'ArtPhoto'+id).src = 'photo/'+master+'Art'+id+'b.png';
	sWork = master+'ArtPhoto'+id; 
	if ( sWork == oldWork ) { document.getElementById(master+'ArtPhoto'+id).src = 'photo/'+master+'Art'+id+'.png'; }
	oldWork = master+'ArtPhoto'+id;
	oldWorkID = id;
	oldMaster = master;
	}

}

function onFront(master, work, num)
{
	zindex = zindex + 1;
	if (work == 'tattoo')
	{
	document.getElementById(master+'TattooDiv'+num).style.zIndex = zindex;
	
	}
	if (work == 'art')
	{
		document.getElementById(master+'ArtDiv'+num).style.zIndex = zindex;
	}
}

var gMaster = 'all';

function overBtn(name)
{
	if (name == 'blog')
	{
		document.getElementById('blog1').style.backgroundImage = 'url(img/leftTopSky.gif)';
		document.getElementById('blog2').style.backgroundImage = 'url(img/backSky.gif)';
		document.getElementById('blog3').style.backgroundImage = 'url(img/rightTopSky.gif)';
		
		document.getElementById('blog4').style.backgroundImage = 'url(img/backSky.gif)';
		document.getElementById('blog5').style.backgroundImage = 'url(img/backSky.gif)';
		document.getElementById('blog6').style.backgroundImage = 'url(img/backSky.gif)';
		
		document.getElementById('blog7').style.backgroundImage = 'url(img/leftBottomSky.gif)';
		document.getElementById('blog8').style.backgroundImage = 'url(img/backSky.gif)';
		document.getElementById('blog9').style.backgroundImage = 'url(img/rightBottomSky.gif)';
		
		document.getElementById('btnBlog').className = 'btnTextOver';
	}
	
	if (name == 'contact')
	{
		document.getElementById('contact1').style.backgroundImage = 'url(img/leftTopSky.gif)';
		document.getElementById('contact2').style.backgroundImage = 'url(img/backSky.gif)';
		document.getElementById('contact3').style.backgroundImage = 'url(img/rightTopSky.gif)';
		
		document.getElementById('contact4').style.backgroundImage = 'url(img/backSky.gif)';
		document.getElementById('contact5').style.backgroundImage = 'url(img/backSky.gif)';
		document.getElementById('contact6').style.backgroundImage = 'url(img/backSky.gif)';
		
		document.getElementById('contact7').style.backgroundImage = 'url(img/leftBottomSky.gif)';
		document.getElementById('contact8').style.backgroundImage = 'url(img/backSky.gif)';
		document.getElementById('contact9').style.backgroundImage = 'url(img/rightBottomSky.gif)';
		
		document.getElementById('btnContact').className = 'btnTextOver';
	}
	
	if (name == 'random')
	{
		document.getElementById('random1').style.backgroundImage = 'url(img/leftTopSky.gif)';
		document.getElementById('random2').style.backgroundImage = 'url(img/backSky.gif)';
		document.getElementById('random3').style.backgroundImage = 'url(img/rightTopSky.gif)';
		
		document.getElementById('random4').style.backgroundImage = 'url(img/backSky.gif)';
		document.getElementById('random5').style.backgroundImage = 'url(img/backSky.gif)';
		document.getElementById('random6').style.backgroundImage = 'url(img/backSky.gif)';
		
		document.getElementById('random7').style.backgroundImage = 'url(img/leftBottomSky.gif)';
		document.getElementById('random8').style.backgroundImage = 'url(img/backSky.gif)';
		document.getElementById('random9').style.backgroundImage = 'url(img/rightBottomSky.gif)';
		
		document.getElementById('btnRandom').className = 'btnTextOver';
	}
}

function outBtn(name)
{
	if (name == 'blog')
	{
		document.getElementById('blog1').style.backgroundImage = 'url(img/leftTopBlack.gif)';
		document.getElementById('blog2').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('blog3').style.backgroundImage = 'url(img/rightTopBlack.gif)';
		
		document.getElementById('blog4').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('blog5').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('blog6').style.backgroundImage = 'url(img/backBlack.gif)';
		
		document.getElementById('blog7').style.backgroundImage = 'url(img/leftBottomBlack.gif)';
		document.getElementById('blog8').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('blog9').style.backgroundImage = 'url(img/rightBottomBlack.gif)';
		
		document.getElementById('btnBlog').className = 'btnText';
	}
	
	if (name == 'contact')
	{
		document.getElementById('contact1').style.backgroundImage = 'url(img/leftTopBlack.gif)';
		document.getElementById('contact2').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('contact3').style.backgroundImage = 'url(img/rightTopBlack.gif)';
		
		document.getElementById('contact4').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('contact5').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('contact6').style.backgroundImage = 'url(img/backBlack.gif)';
		
		document.getElementById('contact7').style.backgroundImage = 'url(img/leftBottomBlack.gif)';
		document.getElementById('contact8').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('contact9').style.backgroundImage = 'url(img/rightBottomBlack.gif)';
		
		document.getElementById('btnContact').className = 'btnText';
	}
	
	if (name == 'random')
	{
		document.getElementById('random1').style.backgroundImage = 'url(img/leftTopRandom.gif)';
		document.getElementById('random2').style.backgroundImage = 'url(img/backRandom.gif)';
		document.getElementById('random3').style.backgroundImage = 'url(img/rightTopRandom.gif)';
		
		document.getElementById('random4').style.backgroundImage = 'url(img/backRandom.gif)';
		document.getElementById('random5').style.backgroundImage = 'url(img/backRandom.gif)';
		document.getElementById('random6').style.backgroundImage = 'url(img/backRandom.gif)';
		
		document.getElementById('random7').style.backgroundImage = 'url(img/leftBottomRandom.gif)';
		document.getElementById('random8').style.backgroundImage = 'url(img/backRandom.gif)';
		document.getElementById('random9').style.backgroundImage = 'url(img/rightBottomRandom.gif)';
		
		document.getElementById('btnRandom').className = 'btnText';
	}
	
}

function showFilter(name)
{
	if (name == 'all')
	{
		document.getElementById('all1').style.backgroundImage = 'url(img/leftTopBlack.gif)';
		document.getElementById('all2').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('all3').style.backgroundImage = 'url(img/rightTopBlack.gif)';
		
		document.getElementById('all4').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('all5').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('all6').style.backgroundImage = 'url(img/backBlack.gif)';
		
		document.getElementById('all7').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('all8').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('all9').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('all10').style.backgroundImage = 'url(img/stkRight.gif)';
		
		document.getElementById('allText').className = 'btnText';
		
		document.getElementById('chapai1').style.backgroundImage = 'url(img/leftTopWhite.gif)';
		document.getElementById('chapai2').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai3').style.backgroundImage = 'url(img/rightTopWhite.gif)';
		
		document.getElementById('chapai4').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai5').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai6').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('chapai8').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai9').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai10').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai11').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('chapaiText').className = 'btnTextOver';
		
		document.getElementById('viny1').style.backgroundImage = 'url(img/leftTopWhite.gif)';
		document.getElementById('viny2').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny3').style.backgroundImage = 'url(img/rightTopWhite.gif)';
		
		document.getElementById('viny4').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny5').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny6').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('viny7').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny8').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny9').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny10').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai11').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('vinyText').className = 'btnTextOver';
		
		document.getElementById('seva1').style.backgroundImage = 'url(img/leftTopWhite.gif)';
		document.getElementById('seva2').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva3').style.backgroundImage = 'url(img/rightTopWhite.gif)';
		
		document.getElementById('seva4').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva5').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva6').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('seva7').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva8').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva9').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva10').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('sevaText').className = 'btnTextOver';
		
		document.getElementById('workLeftTop').style.backgroundImage = 'url(img/backBlack.gif)';
	}
	
	if (name == 'chapai')
	{
		document.getElementById('all1').style.backgroundImage = 'url(img/leftTopWhite.gif)';
		document.getElementById('all2').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all3').style.backgroundImage = 'url(img/rightTopWhite.gif)';
		
		document.getElementById('all4').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all5').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all6').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('all7').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all8').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all9').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all10').style.backgroundImage = 'url(img/stkLeft.gif)';
		
		document.getElementById('allText').className = 'btnTextOver';
		
		document.getElementById('chapai1').style.backgroundImage = 'url(img/leftTopBlack.gif)';
		document.getElementById('chapai2').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('chapai3').style.backgroundImage = 'url(img/rightTopBlack.gif)';
		
		document.getElementById('chapai4').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('chapai5').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('chapai6').style.backgroundImage = 'url(img/backBlack.gif)';
		
		document.getElementById('chapai8').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('chapai9').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('chapai10').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('chapai11').style.backgroundImage = 'url(img/stkRight.gif)';
		
		document.getElementById('chapaiText').className = 'btnText';
		
		document.getElementById('viny1').style.backgroundImage = 'url(img/leftTopWhite.gif)';
		document.getElementById('viny2').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny3').style.backgroundImage = 'url(img/rightTopWhite.gif)';
		
		document.getElementById('viny4').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny5').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny6').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('viny7').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny8').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny9').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny10').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai11').style.backgroundImage = 'url(img/stkRight.gif)';
		
		document.getElementById('vinyText').className = 'btnTextOver';
		
		document.getElementById('seva1').style.backgroundImage = 'url(img/leftTopWhite.gif)';
		document.getElementById('seva2').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva3').style.backgroundImage = 'url(img/rightTopWhite.gif)';
		
		document.getElementById('seva4').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva5').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva6').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('seva7').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva8').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva9').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva10').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('sevaText').className = 'btnTextOver';
		
		document.getElementById('workLeftTop').style.backgroundImage = 'url(img/leftTopBlack.gif)';
	}
	
	if (name == 'viny')
	{
		document.getElementById('all1').style.backgroundImage = 'url(img/leftTopWhite.gif)';
		document.getElementById('all2').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all3').style.backgroundImage = 'url(img/rightTopWhite.gif)';
		
		document.getElementById('all4').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all5').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all6').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('all7').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all8').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all9').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all10').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('allText').className = 'btnTextOver';
		
		document.getElementById('chapai1').style.backgroundImage = 'url(img/leftTopWhite.gif)';
		document.getElementById('chapai2').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai3').style.backgroundImage = 'url(img/rightTopWhite.gif)';
		
		document.getElementById('chapai4').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai5').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai6').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('chapai8').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai9').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai10').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai11').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('chapaiText').className = 'btnTextOver';
		
		document.getElementById('viny1').style.backgroundImage = 'url(img/leftTopBlack.gif)';
		document.getElementById('viny2').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('viny3').style.backgroundImage = 'url(img/rightTopBlack.gif)';
		
		document.getElementById('viny4').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('viny5').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('viny6').style.backgroundImage = 'url(img/backBlack.gif)';
		
		document.getElementById('viny7').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('viny8').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('viny9').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('viny10').style.backgroundImage = 'url(img/stkRight.gif)';
		document.getElementById('chapai11').style.backgroundImage = 'url(img/stkLeft.gif)';
		
		document.getElementById('vinyText').className = 'btnText';
		
		document.getElementById('seva1').style.backgroundImage = 'url(img/leftTopWhite.gif)';
		document.getElementById('seva2').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva3').style.backgroundImage = 'url(img/rightTopWhite.gif)';
		
		document.getElementById('seva4').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva5').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva6').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('seva7').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva8').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva9').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('seva10').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('sevaText').className = 'btnTextOver';
		
		document.getElementById('workLeftTop').style.backgroundImage = 'url(img/leftTopBlack.gif)';
	}
	
	if (name == 'seva')
	{
		document.getElementById('all1').style.backgroundImage = 'url(img/leftTopWhite.gif)';
		document.getElementById('all2').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all3').style.backgroundImage = 'url(img/rightTopWhite.gif)';
		
		document.getElementById('all4').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all5').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all6').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('all7').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all8').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all9').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('all10').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('allText').className = 'btnTextOver';
		
		document.getElementById('chapai1').style.backgroundImage = 'url(img/leftTopWhite.gif)';
		document.getElementById('chapai2').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai3').style.backgroundImage = 'url(img/rightTopWhite.gif)';
		
		document.getElementById('chapai4').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai5').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai6').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('chapai8').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai9').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai10').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('chapai11').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('chapaiText').className = 'btnTextOver';
		
		document.getElementById('viny1').style.backgroundImage = 'url(img/leftTopWhite.gif)';
		document.getElementById('viny2').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny3').style.backgroundImage = 'url(img/rightTopWhite.gif)';
		
		document.getElementById('viny4').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny5').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny6').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('viny7').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny8').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny9').style.backgroundImage = 'url(img/backWhite.gif)';
		document.getElementById('viny10').style.backgroundImage = 'url(img/stkLeft.gif)';
		document.getElementById('chapai11').style.backgroundImage = 'url(img/backWhite.gif)';
		
		document.getElementById('vinyText').className = 'btnTextOver';
		
		document.getElementById('seva1').style.backgroundImage = 'url(img/leftTopBlack.gif)';
		document.getElementById('seva2').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('seva3').style.backgroundImage = 'url(img/rightTopBlack.gif)';
		
		document.getElementById('seva4').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('seva5').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('seva6').style.backgroundImage = 'url(img/backBlack.gif)';
		
		document.getElementById('seva7').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('seva8').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('seva9').style.backgroundImage = 'url(img/backBlack.gif)';
		document.getElementById('seva10').style.backgroundImage = 'url(img/stkRight.gif)';
		
		document.getElementById('sevaText').className = 'btnText';
		
		document.getElementById('workLeftTop').style.backgroundImage = 'url(img/leftTopBlack.gif)';
	}
}

zi = 10000;

function windowOnFront(name)
{
	if (name == 'blog')
	{
		zi = zi + 1;
		document.getElementById('blog').style.zIndex = zi;
		//alert(zi);
	}
	
	if (name == 'contact')
	{
		zi = zi + 1;
		document.getElementById('contact').style.zIndex = zi;
	}
	
	if (name == 'profile')
	{
		zi = zi + 1;
		document.getElementById('profile').style.zIndex = zi;
	}
}

function showWindow(name)
{
	if (name == 'blog')
	{
		document.getElementById('blog').style.visibility = 'visible';

	}
	
	if (name == 'contact')
	{
		document.getElementById('contact').style.visibility = 'visible';
	}
	
	if (name == 'profile')
	{
		document.getElementById('profile').style.visibility = 'visible';
	}
}

function closeWindow(name)
{
	if (name == 'blog')
	{
		document.getElementById('blog').style.visibility = 'hidden';
	}
	
	if (name == 'contact')
	{
		document.getElementById('contact').style.visibility = 'hidden';
	}
	
	if (name == 'profile')
	{
		document.getElementById('profile').style.visibility = 'hidden';
		
		document.getElementById('masterDivChapai').style.display = 'none';
		document.getElementById('masterDivChapai').style.visibility = 'hidden';
		
		document.getElementById('masterDivviny').style.display = 'none';
		document.getElementById('masterDivviny').style.visibility = 'hidden';
		
		document.getElementById('masterDivSeva').style.display = 'none';
		document.getElementById('masterDivSeva').style.visibility = 'hidden';
	}
}

function getClientWidth()
{
  return window.screen.width;
}

function getClientHeight()
{
  return window.screen.height;
}

var globX = 1;
var globY = 1;
var iY = 0;

function tableWorks()
{	
	for (i=1; i<=chapaiTattoo; i++)
	{		
		document.getElementById('chapaiTattooDiv'+i).style.top = globX+'px';
		document.getElementById('chapaiTattooDiv'+i).style.left = globY+'px';
		
		document.getElementById('chapaiTattooPhoto'+i).src = 'photo/chapai'+i+'.png';
		
		document.getElementById('chapaiTattooDiv'+i).style.zIndex = 1 + Math.floor(Math.random()*1000);
		
		globY = globY + 20;
		iY = iY + 1;
		
		if (iY == 10) { iY = 0; globX = globX + 20; globY = 0; }
	}
	
	for (i=1; i<=vinyTattoo; i++)
	{
		
		document.getElementById('vinyTattooDiv'+i).style.top = globX+'px';
		document.getElementById('vinyTattooDiv'+i).style.left = globY+'px';
		
		document.getElementById('vinyTattooPhoto'+i).src = 'photo/viny'+i+'.png';
		
		document.getElementById('vinyTattooDiv'+i).style.zIndex = 1 + Math.floor(Math.random()*1000);
		
		globY = globY + 20;
		iY = iY + 1;
		
		if (iY == 10) { iY = 0; globX = globX + 20; globY = 0; }
	}
	
	for (i=1; i<=sevaTattoo; i++)
	{		
		document.getElementById('sevaTattooDiv'+i).style.top = globX+'px';
		document.getElementById('sevaTattooDiv'+i).style.left = globY+'px';
		document.getElementById('sevaTattooPhoto'+i).src = 'photo/seva'+i+'.png';
		
		document.getElementById('sevaTattooDiv'+i).style.zIndex = 1 + Math.floor(Math.random()*1000);
		
		globY = globY + 20;
		iY = iY + 1;
		
		if (iY == 10) { iY = 0; globX = globX + 20; globY = 0; }
	}
	for (i=1; i<=chapaiArt; i++)
	{	
		document.getElementById('chapaiArtDiv'+i).style.top = globX+'px';
		document.getElementById('chapaiArtDiv'+i).style.left = globY+'px';

		document.getElementById('chapaiArtPhoto'+i).src = 'photo/chapaiArt'+i+'.png';
		
		document.getElementById('chapaiArtDiv'+i).style.zIndex = 1 + Math.floor(Math.random()*1000);
		
		globY = globY + 20;
		iY = iY + 1;
		
		if (iY == 10) { iY = 0; globX = globX + 20; globY = 0; }
	}
	
	for (i=1; i<=vinyArt; i++)
	{	
		document.getElementById('vinyArtDiv'+i).style.top = globX+'px';
		document.getElementById('vinyArtDiv'+i).style.left = globY+'px';
		
		document.getElementById('vinyArtPhoto'+i).src = 'photo/vinyArt'+i+'.png';
		
		document.getElementById('vinyArtDiv'+i).style.zIndex = 1 + Math.floor(Math.random()*1000);
		
		globY = globY + 20;
		iY = iY + 1;
		
		if (iY == 10) { iY = 0; globX = globX + 20; globY = 0; }
	}
	
	for (i=1; i<=sevaArt; i++)
	{	
		document.getElementById('sevaArtDiv'+i).style.top = globX+'px';
		document.getElementById('sevaArtDiv'+i).style.left = globY+'px';

		document.getElementById('sevaArtPhoto'+i).src = 'photo/sevaArt'+i+'.png';
		
		document.getElementById('sevaArtDiv'+i).style.zIndex = 1 + Math.floor(Math.random()*1000);
		
		globY = globY + 20;
		iY = iY + 1;
		
		if (iY == 10) { iY = 0; globX = globX + 20; globY = 0; }
	}
}

function createWorks()
{	
	for (i=1; i<=chapaiTattoo; i++)
	{
		var x = getClientWidth() - 100;
	 	var y = getClientHeight() - 100;
		
		var rndX = 1 + Math.floor(Math.random()*y);
		var rndY = 1 + Math.floor(Math.random()*x);
	
		//document.getElementById('chapaiTattooDiv'+i).style.zIndex = zindex;
		
		document.getElementById('chapaiTattooDiv'+i).style.top = rndX+'px';
		document.getElementById('chapaiTattooDiv'+i).style.left = rndY+'px';
		
		document.getElementById('chapaiTattooPhoto'+i).src = 'photo/chapai'+i+'.png';
		
		document.getElementById('chapaiTattooDiv'+i).style.zIndex = 1 + Math.floor(Math.random()*1000);
	}
	
	for (i=1; i<=vinyTattoo; i++)
	{
		var x = getClientWidth() - 100;
	 	var y = getClientHeight() - 100;
		
		var rndX = 1 + Math.floor(Math.random()*y);
		var rndY = 1 + Math.floor(Math.random()*x);
	
		//document.getElementById('vinyTattooDiv'+i).style.zIndex = zindex;
		
		document.getElementById('vinyTattooDiv'+i).style.top = rndX+'px';
		document.getElementById('vinyTattooDiv'+i).style.left = rndY+'px';
		
		document.getElementById('vinyTattooPhoto'+i).src = 'photo/viny'+i+'.png';
		
		document.getElementById('vinyTattooDiv'+i).style.zIndex = 1 + Math.floor(Math.random()*1000);
	}
	
	for (i=1; i<=sevaTattoo; i++)
	{
		var x = getClientWidth() - 100;
	 	var y = getClientHeight() - 100;
		
		var rndX = 1 + Math.floor(Math.random()*y);
		var rndY = 1 + Math.floor(Math.random()*x);
	
		//document.getElementById('sevaTattooDiv'+i).style.zIndex = zindex;
		
		document.getElementById('sevaTattooDiv'+i).style.top = rndX+'px';
		document.getElementById('sevaTattooDiv'+i).style.left = rndY+'px';
		document.getElementById('sevaTattooPhoto'+i).src = 'photo/seva'+i+'.png';
		
		document.getElementById('sevaTattooDiv'+i).style.zIndex = 1 + Math.floor(Math.random()*1000);
	}
	for (i=1; i<=chapaiArt; i++)
	{
		var x = getClientWidth() - 100;
	 	var y = getClientHeight() - 100;
		
		var rndX = 1 + Math.floor(Math.random()*y);
		var rndY = 1 + Math.floor(Math.random()*x);	
		
		document.getElementById('chapaiArtDiv'+i).style.top = rndX+'px';
		document.getElementById('chapaiArtDiv'+i).style.left = rndY+'px';

		document.getElementById('chapaiArtPhoto'+i).src = 'photo/chapaiArt'+i+'.png';
		
		document.getElementById('chapaiArtDiv'+i).style.zIndex = 1 + Math.floor(Math.random()*1000);
	}
	
	for (i=1; i<=vinyArt; i++)
	{
		var x = getClientWidth() - 100;
	 	var y = getClientHeight() - 100;
		
		var rndX = 1 + Math.floor(Math.random()*y);
		var rndY = 1 + Math.floor(Math.random()*x);
		
		document.getElementById('vinyArtDiv'+i).style.top = rndX+'px';
		document.getElementById('vinyArtDiv'+i).style.left = rndY+'px';
		
		document.getElementById('vinyArtPhoto'+i).src = 'photo/vinyArt'+i+'.png';
		
		document.getElementById('vinyArtDiv'+i).style.zIndex = 1 + Math.floor(Math.random()*1000);
	}
	
	for (i=1; i<=sevaArt; i++)
	{
		var x = getClientWidth() - 100;
	 	var y = getClientHeight() - 100;
		
		var rndX = 1 + Math.floor(Math.random()*y);
		var rndY = 1 + Math.floor(Math.random()*x);
		
		document.getElementById('sevaArtDiv'+i).style.top = rndX+'px';
		document.getElementById('sevaArtDiv'+i).style.left = rndY+'px';

		document.getElementById('sevaArtPhoto'+i).src = 'photo/sevaArt'+i+'.png';
		
		document.getElementById('sevaArtDiv'+i).style.zIndex = 1 + Math.floor(Math.random()*1000);
	}
}


function filterByMaster(masterName)
{
	if (masterName == 'all')
	{
	for (i=1; i<=chapaiTattoo; i++)
	{			
		document.getElementById('chapaiTattooDiv'+i).style.visibility = 'visible';
	}
	
	for (i=1; i<=vinyTattoo; i++)
	{
		document.getElementById('vinyTattooDiv'+i).style.visibility = 'visible';
	}
	
	for (i=1; i<=sevaTattoo; i++)
	{
		document.getElementById('sevaTattooDiv'+i).style.visibility = 'visible';
	}	
	for (i=1; i<=chapaiArt; i++)
	{
		document.getElementById('chapaiArtDiv'+i).style.visibility = 'visible';
	}
	
	for (i=1; i<=vinyArt; i++)
	{
		document.getElementById('vinyArtDiv'+i).style.visibility = 'visible';
	}
	
	for (i=1; i<=sevaArt; i++)
	{
		document.getElementById('sevaArtDiv'+i).style.visibility = 'visible';
	}
	}
	if (masterName == 'chapai')
	{
	for (i=1; i<=chapaiTattoo; i++)
	{			
		document.getElementById('chapaiTattooDiv'+i).style.visibility = 'visible';
	}
	
	for (i=1; i<=vinyTattoo; i++)
	{
		document.getElementById('vinyTattooDiv'+i).style.visibility = 'hidden';
	}
	
	for (i=1; i<=sevaTattoo; i++)
	{
		document.getElementById('sevaTattooDiv'+i).style.visibility = 'hidden';
	}	
	for (i=1; i<=chapaiArt; i++)
	{
		document.getElementById('chapaiArtDiv'+i).style.visibility = 'visible';
	}
	
	for (i=1; i<=vinyArt; i++)
	{
		document.getElementById('vinyArtDiv'+i).style.visibility = 'hidden';
	}
	
	for (i=1; i<=sevaArt; i++)
	{
		document.getElementById('sevaArtDiv'+i).style.visibility = 'hidden';
	}
	}
	if (masterName == 'viny')
	{
	for (i=1; i<=chapaiTattoo; i++)
	{			
		document.getElementById('chapaiTattooDiv'+i).style.visibility = 'hidden';
	}
	
	for (i=1; i<=vinyTattoo; i++)
	{
		document.getElementById('vinyTattooDiv'+i).style.visibility = 'visible';
	}
	
	for (i=1; i<=sevaTattoo; i++)
	{
		document.getElementById('sevaTattooDiv'+i).style.visibility = 'hidden';
	}	
	for (i=1; i<=chapaiArt; i++)
	{
		document.getElementById('chapaiArtDiv'+i).style.visibility = 'hidden';
	}
	
	for (i=1; i<=vinyArt; i++)
	{
		document.getElementById('vinyArtDiv'+i).style.visibility = 'visible';
	}
	
	for (i=1; i<=sevaArt; i++)
	{
		document.getElementById('sevaArtDiv'+i).style.visibility = 'hidden';
	}
	}
	if (masterName == 'seva')
	{
	for (i=1; i<=chapaiTattoo; i++)
	{			
		document.getElementById('chapaiTattooDiv'+i).style.visibility = 'hidden';
	}
	
	for (i=1; i<=vinyTattoo; i++)
	{
		document.getElementById('vinyTattooDiv'+i).style.visibility = 'hidden';
	}
	
	for (i=1; i<=sevaTattoo; i++)
	{
		document.getElementById('sevaTattooDiv'+i).style.visibility = 'visible';
	}	
	
	for (i=1; i<=chapaiArt; i++)
	{
		document.getElementById('chapaiArtDiv'+i).style.visibility = 'hidden';
	}
	
	for (i=1; i<=vinyArt; i++)
	{
		document.getElementById('vinyArtDiv'+i).style.visibility = 'hidden';
	}
	
	for (i=1; i<=sevaArt; i++)
	{
		document.getElementById('sevaArtDiv'+i).style.visibility = 'visible';
	}
	}
}

function onlyTattoo()
{
	if (document.getElementById('allText').className == 'btnText')
	{
		for (i=1; i<=chapaiTattoo; i++)
		{			
			document.getElementById('chapaiTattooDiv'+i).style.visibility = 'visible';
		}
		for (i=1; i<=vinyTattoo; i++)
		{			
			document.getElementById('vinyTattooDiv'+i).style.visibility = 'visible';
		}
		for (i=1; i<=sevaTattoo; i++)
		{			
			document.getElementById('sevaTattooDiv'+i).style.visibility = 'visible';
		}
		
		for (i=1; i<=chapaiArt; i++)
		{
			document.getElementById('chapaiArtDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=vinyArt; i++)
		{
			document.getElementById('vinyArtDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=sevaArt; i++)
		{
			document.getElementById('sevaArtDiv'+i).style.visibility = 'hidden';
		}
	}
	
	if (document.getElementById('chapaiText').className == 'btnText')
	{
		for (i=1; i<=chapaiTattoo; i++)
		{			
			document.getElementById('chapaiTattooDiv'+i).style.visibility = 'visible';
		}
		for (i=1; i<=vinyTattoo; i++)
		{			
			document.getElementById('vinyTattooDiv'+i).style.visibility = 'hidden';
		}
		for (i=1; i<=sevaTattoo; i++)
		{			
			document.getElementById('sevaTattooDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=chapaiArt; i++)
		{
			document.getElementById('chapaiArtDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=vinyArt; i++)
		{
			document.getElementById('vinyArtDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=sevaArt; i++)
		{
			document.getElementById('sevaArtDiv'+i).style.visibility = 'hidden';
		}
	}
	
	if (document.getElementById('vinyText').className == 'btnText')
	{
		for (i=1; i<=chapaiTattoo; i++)
		{			
			document.getElementById('chapaiTattooDiv'+i).style.visibility = 'hidden';
		}
		for (i=1; i<=vinyTattoo; i++)
		{			
			document.getElementById('vinyTattooDiv'+i).style.visibility = 'visible';
		}
		for (i=1; i<=sevaTattoo; i++)
		{			
			document.getElementById('sevaTattooDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=chapaiArt; i++)
		{
			document.getElementById('chapaiArtDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=vinyArt; i++)
		{
			document.getElementById('vinyArtDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=sevaArt; i++)
		{
			document.getElementById('sevaArtDiv'+i).style.visibility = 'hidden';
		}
	}
	
	if (document.getElementById('sevaText').className == 'btnText')
	{
		for (i=1; i<=chapaiTattoo; i++)
		{			
			document.getElementById('chapaiTattooDiv'+i).style.visibility = 'hidden';
		}
		for (i=1; i<=vinyTattoo; i++)
		{			
			document.getElementById('vinyTattooDiv'+i).style.visibility = 'hidden';
		}
		for (i=1; i<=sevaTattoo; i++)
		{			
			document.getElementById('sevaTattooDiv'+i).style.visibility = 'visible';
		}
		
		for (i=1; i<=chapaiArt; i++)
		{
			document.getElementById('chapaiArtDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=vinyArt; i++)
		{
			document.getElementById('vinyArtDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=sevaArt; i++)
		{
			document.getElementById('sevaArtDiv'+i).style.visibility = 'hidden';
		}
	}
}

function onlyArt()
{
	if (document.getElementById('allText').className == 'btnText')
	{
		for (i=1; i<=chapaiTattoo; i++)
		{			
			document.getElementById('chapaiTattooDiv'+i).style.visibility = 'hidden';
		}
		for (i=1; i<=vinyTattoo; i++)
		{			
			document.getElementById('vinyTattooDiv'+i).style.visibility = 'hidden';
		}
		for (i=1; i<=sevaTattoo; i++)
		{			
			document.getElementById('sevaTattooDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=chapaiArt; i++)
		{
			document.getElementById('chapaiArtDiv'+i).style.visibility = 'visible';
		}
		
		for (i=1; i<=vinyArt; i++)
		{
			document.getElementById('vinyArtDiv'+i).style.visibility = 'visible';
		}
		
		for (i=1; i<=sevaArt; i++)
		{
			document.getElementById('sevaArtDiv'+i).style.visibility = 'visible';
		}
	}
	
	if (document.getElementById('chapaiText').className == 'btnText')
	{
		for (i=1; i<=chapaiTattoo; i++)
		{			
			document.getElementById('chapaiTattooDiv'+i).style.visibility = 'hidden';
		}
		for (i=1; i<=vinyTattoo; i++)
		{			
			document.getElementById('vinyTattooDiv'+i).style.visibility = 'hidden';
		}
		for (i=1; i<=sevaTattoo; i++)
		{			
			document.getElementById('sevaTattooDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=chapaiArt; i++)
		{
			document.getElementById('chapaiArtDiv'+i).style.visibility = 'visible';
		}
		
		for (i=1; i<=vinyArt; i++)
		{
			document.getElementById('vinyArtDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=sevaArt; i++)
		{
			document.getElementById('sevaArtDiv'+i).style.visibility = 'hidden';
		}
	}
	
	if (document.getElementById('vinyText').className == 'btnText')
	{
		for (i=1; i<=chapaiTattoo; i++)
		{			
			document.getElementById('chapaiTattooDiv'+i).style.visibility = 'hidden';
		}
		for (i=1; i<=vinyTattoo; i++)
		{			
			document.getElementById('vinyTattooDiv'+i).style.visibility = 'hidden';
		}
		for (i=1; i<=sevaTattoo; i++)
		{			
			document.getElementById('sevaTattooDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=chapaiArt; i++)
		{
			document.getElementById('chapaiArtDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=vinyArt; i++)
		{
			document.getElementById('vinyArtDiv'+i).style.visibility = 'visible';
		}
		
		for (i=1; i<=sevaArt; i++)
		{
			document.getElementById('sevaArtDiv'+i).style.visibility = 'hidden';
		}
	}
	
	if (document.getElementById('sevaText').className == 'btnText')
	{
		for (i=1; i<=chapaiTattoo; i++)
		{			
			document.getElementById('chapaiTattooDiv'+i).style.visibility = 'hidden';
		}
		for (i=1; i<=vinyTattoo; i++)
		{			
			document.getElementById('vinyTattooDiv'+i).style.visibility = 'hidden';
		}
		for (i=1; i<=sevaTattoo; i++)
		{			
			document.getElementById('sevaTattooDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=chapaiArt; i++)
		{
			document.getElementById('chapaiArtDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=vinyArt; i++)
		{
			document.getElementById('vinyArtDiv'+i).style.visibility = 'hidden';
		}
		
		for (i=1; i<=sevaArt; i++)
		{
			document.getElementById('sevaArtDiv'+i).style.visibility = 'visible';
		}
	}
}

function showProfile()
{
	if (document.getElementById('allText').className == 'btnText')
	{
		showWindow('contact');
	}
	if (document.getElementById('chapaiText').className == 'btnText')
	{
		showWindow('profile');
		document.getElementById('masterDivChapai').style.display = 'block';
		document.getElementById('masterDivChapai').style.visibility = 'visible';
		
		document.getElementById('masterDivSeva').style.display = 'none';
		document.getElementById('masterDivSeva').style.visibility = 'hidden';
		
		document.getElementById('masterDivviny').style.display = 'none';
		document.getElementById('masterDivviny').style.visibility = 'hidden';
	}
	if (document.getElementById('vinyText').className == 'btnText')
	{
		showWindow('profile');
		document.getElementById('masterDivChapai').style.display = 'none';
		document.getElementById('masterDivChapai').style.visibility = 'hidden';
		
		document.getElementById('masterDivSeva').style.display = 'none';
		document.getElementById('masterDivSeva').style.visibility = 'hidden';
		
		document.getElementById('masterDivviny').style.display = 'block';
		document.getElementById('masterDivviny').style.visibility = 'visible';
	}
	if (document.getElementById('sevaText').className == 'btnText')
	{
		showWindow('profile');
		document.getElementById('masterDivChapai').style.display = 'none';
		document.getElementById('masterDivChapai').style.visibility = 'hidden';
		
		document.getElementById('masterDivSeva').style.display = 'block';
		document.getElementById('masterDivSeva').style.visibility = 'visible';
		
		document.getElementById('masterDivviny').style.display = 'none';
		document.getElementById('masterDivviny').style.visibility = 'hidden';
	}
}

function keskePos()
{
	//var x = getClientWidth() - 110;
	//var y = getClientHeight()- 260;
	
	//document.getElementById('keske').style.marginTop = y+'px';
	//document.getElementById('keske').style.marginLeft = x+'px';
	
}