$(function(){
	$('.round').append('<div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div>');
	$('.corner').append('<div class="c1"></div><div class="c2"></div><div class="c3"></div><div class="c4"></div>');
	
	$('.products .last span').prepend('<div class="g-a"></div><div class="g-b"></div><div class="g-c"></div><div class="g-d"></div>');

	//tabs	
	$('.tabLabel:first').addClass('first')
	$('.tabLabel:last span').addClass('last')
	$('.tab').append('<div class="t1"></div><div class="t2">');
	var tabs = $('.tabs');
	for (var i=0, l=tabs.length; i<l; i++) {
		crTab(tabs[i], i);
	}
	function crTab(divClassTab, tabNumber) {
		var tabContainers = $(divClassTab).children('.tab');	
		$('.tabs .tabLabel').click(function() {
			tabContainers.hide();
			tabContainers.filter(this.hash).show();
			$('.tabs .tabLabel').removeClass('selected');
			$(this).addClass('selected');
			setHashParam("tab-"+ tabNumber, $(this).prevAll().filter(".tabLabel").length);
			return false;
		})
		$($('.tabs .tabLabel')[getHashParam("tab-"+ tabNumber, 0)]).click();
	}
	
	//menu
	$('.products strong').click(
		function() {
			$(this).toggleClass('color');
			$(this).nextAll('ul').toggleClass('active')
		}
	);
	//
	$('#rubricatorLink').click(
		function showRubricator() {
			window.location.hash = '#r';
			$('#rubricator').css('display', 'block');
			$('#rubricatorLink').addClass('cur');
			$('#catalogue').css('display', 'none');
			$('#catalogueLink').removeClass('cur');
		}
	);
	$('#catalogueLink').click(
		function showCatalogue() {
			window.location.hash = '#c';
			$('#catalogue').css('display', 'block');
			$('#catalogueLink').addClass('cur');
			$('#rubricator').css('display', 'none');
			$('#rubricatorLink').removeClass('cur');
		}
	);
	//
	$('.exp span').toggle(
		function() {
			$(this).nextAll().css("display", "block");
		},
		function() {
			$(this).nextAll().css("display", "none");
		}
	);
	//
	var thumbs = $('.thumbs');
	for (var i=0, l=thumbs.length; i<l; i++) {
		crThumb(thumbs[i], i);
	}
	
	function crThumb(divThumbTab, thumbNumber) {
		var a = $("a", divThumbTab);
		for (var i=0, l=a.length, aj; i<l; i++) {
			crThumbAnc( a[i], thumbNumber, i);
		}
	}
	
	function crThumbAnc(anc, thumbNumber, ancNumber) {
		$(anc).click(function() {
			$('#bigimg').attr('src', $(this).attr('href'));
			$('.thumbs a').removeClass('active');
			$(this).addClass('active');
			setHashParam("thumb-"+ thumbNumber, ancNumber);
			return false;
		});
		if (getHashParam("thumb-"+ thumbNumber, 12345)==ancNumber) $(anc).click();
	}

	//faq
	$('.quest strong').toggle(
		function() {
			$(this).addClass('open');
			$(this).nextAll().css('display', 'block');
		},
		function() {
			$(this).removeClass('open');
			$(this).nextAll().css('display', 'none');
		}
	);
	
	function getHashParam(name, ifNoExist) {
		var hash = window.location.hash;
		if (!hash.length || hash=="#") return ifNoExist;
		var ret = {};
		for (var i=0, h = hash.substring(1).split("&"), l=h.length, p; i<l; i++) {
			p = h[i].split("=");
			ret[p[0]] = p[1];
		}
		if (!name || name=="*") return ret;
		return typeof(ret[name])!="undefined" ? ret[name] : ifNoExist;
	}
	
	function setHashParam(name, value) {
		var hash = getHashParam() || {};
		hash[name] = value;
		var ret = "";
		for (var key in hash) {
			ret += "&"+ key;
			if (typeof(hash[key])!="undefined") ret += "="+ hash[key];
		}
		ret = "#"+ ret.substring(1);
		window.location.hash = ret;
		return ret;
	}
});
$(document).ready(
function() {
	if (window.location.hash == '#r') {
		$('#rubricator').css('display', 'block');
		$('#rubricatorLink').addClass('cur');
		$('#catalogue').css('display', 'none');
		$('#catalogueLink').removeClass('cur');
	}
	if (window.location.hash == '#c') {
		$('#catalogue').css('display', 'block');
		$('#catalogueLink').addClass('cur');
		$('#rubricator').css('display', 'none');
		$('#rubricatorLink').removeClass('cur');
	}
 }
);