$(document).ready(function()
{

	/* Pre cufon */
	
	
	$('#productDescription').each(function() {
		var description=this;
	
		var firstStart=0;
		var tabs=[];
		
		// get tabs
		var lastStart=-1;
		$(description).children().each(function(i) {
			if (this.tagName.toLowerCase()=='h2') {
				if (lastStart>=0) tabs.push({ 'start' : lastStart, 'end' : i });

				lastStart=i;
				if (firstStart==0) firstStart=i;
			}
		});
		if (lastStart>=0) {
			tabs.push({ 'start' : lastStart });
		}
		
		if (tabs.length>0) {
			var tabsarea=$('<div class="tabs-area"><div class="tabs-holder"><ul class="tabset"></ul></div>');

							


			$.each(tabs,function(tabindex) {
				var tab=$('<li><a class="tab"></a></li>');
				var title=$(description).children(':nth('+this['start']+')').text();
				
				tab.find('a').attr('href','#tab-'+tabindex).text(title);
				
				if (tabindex==0) {
					tab.find('a').addClass('active');
				}
				
				tabsarea.find('ul').append(tab);

				var bodyContent;
				if (this['end']) {
					bodyContent=$(description).children().slice(this['start']+1,this['end']);
				} else {
					bodyContent=$(description).children().slice(this['start']+1);
				}


				var body=$('<div class="tab-content"><div class="info-block"><div class="description"></div></div></div>');
				body.find('.description').append(bodyContent.clone());
				body.attr('id','tab-'+tabindex);
				
				$(tabsarea).append(body);


				
				
			});
			
			$('#tabposition').append(tabsarea);

			
			if (firstStart>0) $(description).children(':gt('+(firstStart-1)+')').remove();
		}
	});
	
		
	/* init cufon */
	initCufon();

	/* Post cufon */

	$('#nav li').hover(function() {
			$(this).addClass('hover');
			$(this).find('.drop').stop(true, true).hide().fadeIn();
		}, function() {
			$(this).find('.drop').stop(true, true).fadeOut('normal',function() { $(this).removeClass('hover') });
			
		});

	$(".tabs-area").each(function (i) {
		var tabarea=this;

		$(this).find('.tabset').css('z-index','2');
		
		var tabheight=$(this).find('.tabset').height();
		
		var maxheight=0;

		$(tabarea).find("a[class*=tab]").each(function(j) {
			var tabid=this.href.substr(this.href.indexOf("#") + 1);
			var panel = $('#'+tabid);
			
			if ($(panel).height()>maxheight) maxheight=$(panel).height();

			panel.css('position','absolute');
			panel.css('top',tabheight+'px');
			panel.css('left','0');
			panel.css('z-index', '1');

			if ($(this).hasClass("active")) panel.show();
			else panel.hide();

			$(this).click(function () {
				var clickedtab=this;
				$(tabarea).find("a[class*=tab]").each(function(i,tab) {
					var otherpanel=$('#'+tab.href.substr(tab.href.indexOf("#") + 1));
					if (tab.href==clickedtab.href) {
						$(tab).addClass('active');
						if (otherpanel.find('cufoncanvas').length) otherpanel.show();
						else otherpanel.fadeIn();
					} else {
						$(tab).removeClass('active');
						if (otherpanel.find('cufoncanvas').length) otherpanel.hide();
						else otherpanel.fadeOut();
					}
						
				});
				return false;
			});
			
		});
		$(tabarea).css('position', 'relative');
		$(tabarea).height(tabheight+maxheight+20);
	});
});