$(function() {

	if ( ! $("body").hasClass('editmode') ) {
	
		// alustus
		$("div.d4grid-tabnav").css('display', 'block');
		$("div.d4grid-tab,div.d4grid-tab h1,div.d4grid-tab div.hd *").hide();
		
		// jos jonkin gridin aktiivinen tabi löytyy urlista, aktivoidaan se
		if ( window.location.hash.match("#grid") ) {
			winHash = window.location.hash;
			var tabNum = winHash.substr(winHash.indexOf('-tab-')+5, 1);
			var gridNum = winHash.substr(winHash.indexOf('grid-')+5, winHash.indexOf('-tab-')-(winHash.indexOf('grid-')+5));
			$("div#token-" + gridNum + " div.d4grid-tab-" + tabNum).css('display', 'block');
			$("div#token-" + gridNum + " a.d4grid-tabnav-" + tabNum)
				.addClass('d4grid-tabnav-active')
				.siblings()
				.removeClass('d4grid-tabnav-active');
		}
		
		// aktivoidaan muista grideistä ensimmäinen tabi
		$("div.token").not("#token-" + gridNum).find("div.d4grid-tab:first-child").css('display', 'block');		

		// aktiivisen tabin vaihtaminen
		$("div.d4grid-tabnav a").click(function() {

			$(this)
				// asetetaan aktiivinen välilehti
				.blur()
				.addClass('d4grid-tabnav-active')
				// poistetaan aktiivinen tila aiemmin aktivoiduilta välilehdiltä
				.siblings()
				.removeClass('d4grid-tabnav-active')
				// ei-aktiivisten välilehtien sisällöt piiloon
				.parent()
				.siblings('div.d4grid-tabholder-wrap')
				.find('div.d4grid-tab')
				.hide()
				// aktiivisen välilehden sisältö näkyviin
				.siblings('div.d4grid-tab-'+parseInt($(this).attr('rel')))
				.show();
				
		    window.location.hash = "grid-"+$(this).parents('div.token').attr('id').replace('token-', '')+"-tab-"+parseInt($(this).attr('rel'));
				
			// varmistetaan, ettei linkin klikkaus varsinaisesti johda minnekään
			return false;
			
		});
		
	}
	
});