/**
 * @author uli
 * round4px
 * round6px
 */

$(document).ready(function(){
	/* $('img[@src$=.png], #panel').pngfix();
	 #$('img[@src$=.png], #panel').pngfix().pngunfix();*/
	if(!$.browser.safari)
	{
		$('.round4px').corner("3px");
		$('.round6px').corner("6px");	
		$('.round10px').corner("10px");	
	}
	else
	{
		$(".safarisafe").addClass("safari");	
	}
	autoTab();
	autoColnav();
	autodots();
	
	
	///#brands
	if($('#brands').length)
	{
		console.log('on brands!');
		$('.brand-image','#brands').each(function(n,e){
			$(e).mouseover(function(){
				
				var ts = $('.brand-desc',$(this).parent())
				ts.fadeIn();
				
				$('.brand-desc:not(#'+$(ts).attr('id')+')').hide();
			})
		})
	}
	
});

/* Build a Function to enble tab nav
.autotab 
li.<tabbasename> a
removeClass
addClass
contains
*/
var navID=0;
var navs = [];


function autodots(){
	$('.aplContentWrap').each(function(n,el){
		if($(el).height() < $('.aplContent',el).height())
		{
			addDots(el);
		}
		else
		{
			console.log("autonav found but no need to page")
		}
	})
}

var dotNavTemplate = "<ul class='aplNav'></ul>";
var dotNavPrevTemplate = "<li class='aplNavArr'><img src='img/buttons/paging_prev.png'/></li>";
var dotNavDotTemplate = "<li><img src='img/buttons/paging_icon.png'/></li>";
var dotNavNextTemplate = "<li class='aplNavArr'><img src='img/buttons/paging_next.png'/></li>";

function addDots(el)
{
	alert("add dots!");
	var targetEl = $('.aplContent',el);
	var pageh = $(el).height();
	var pages = Math.ceil(targetEl.height()/pageh);
	var navContainer = $(dotNavTemplate).insertBefore(el);
	
	//navContainer.hide();
	navContainer.attr('maxpos',pages*pageh);
	navContainer.attr('pageh',pageh);
	navContainer.attr('pos',0);
	navContainer.setP = function(pos)
	{	
		$(this).attr('pos',pos);
		$('.aplNavDot',this).each(function(n,e){
			if($(e).attr('pos')==pos)
			{
				$(e).addClass("active");
				targetEl.animate({top:-pos},"normal");
			}
			else
			{
				$(e).removeClass("active");
			}
		})
	}
	navContainer.nxt = function()
	{
		if($(this).attr('pos')<$(this).attr('maxpos')){
			this.setP(parseInt($(this).attr('pos'))+parseInt($(this).attr('pageh')));
		}
	}
	navContainer.prev = function()
	{
		if($(this).attr('pos')>0){
			this.setP(parseInt($(this).attr('pos'))-parseInt($(this).attr('pageh')));
		}
	}
	
	//for every page add a dot which moves the list
	var prevBtn = $(dotNavPrevTemplate).appendTo(navContainer);
	prevBtn.click(function(){navContainer.prev()})
	for(var i=0;i<pages;i++)
	{
		var dot = $(dotNavDotTemplate).appendTo(navContainer);
		dot.attr('pos',pageh*i);
		if(i==0)$(dot).addClass("active");
		dot.attr('title','Page '+(i+1));
		dot.addClass('aplNavDot');
		dot.mousedown(function(){navContainer.setP($(this).attr('pos'));})
	}
	
	var nextBtn = $(dotNavNextTemplate).appendTo(navContainer);
	nextBtn.click(function(){navContainer.nxt()})
	
	//navContainer.fadeIn(1000);
}


function autoTab(){
	$('.autotab').each(
		function(n,navgroup){
			navID++;
			navs[navID] = [];
			$('li',navgroup).each(
				function(tabN,tabEl){
					tabEl.group = navID;
					navs[navID].push(tabEl.id);
					if(jQuery.className.has(tabEl,"active"))
						{
							$('#'+tabEl.id+"-content").show();
						}
						else
						{
							$('#'+tabEl.id+"-content").hide();
						}
					$(tabEl).click(function(){showNavContentFade(this.group,this.id)})
				});
		});
}

function autoColnav(){
	$('.colnav').each(
		function(n,tabgroup){
			navID++;
			navs[navID] = [];
			$('.colnav-menu',tabgroup).each(
				function(tabN,tabEl){
					tabEl.group = navID;
					navs[navID].push($(tabEl));
					$('h3',tabEl).click(function(){
						//showSubUl(this.group,this);
						$(this.parentNode).toggleClass("active");
						
						if(jQuery.className.has(this.parentNode,"active"))
						{
							console.log("show");
							$('ul',this.parentNode).fadeIn(600);
						}
						else
						{
							$('ul',this.parentNode).hide();
						}
						
						})
						
						
						if(jQuery.className.has(tabEl,"active"))
						{
							$('ul',tabEl).show();
						}
						else
						{
							$('ul',tabEl).hide();
						}
				});
		});
}

function showSubUl(gr,el){
	if(navs[gr]){
		
		//$('ul',el).show();
		for(t in navs[gr])
		{
			if(navs[gr][t]!=el)
			{
				navs[gr][t].removeClass("active");
				//$('ul',navs[gr][t]).hide();
			}
		}
	}
	}
function showNavContentFade(gr,id)
{
	if(navs[gr])
	{
		$('#'+id).addClass("active");
		if(!$.browser.safari)
		{
			$('#'+id+"-content").fadeIn(800);
		}
		else
		{
			$('#'+id+"-content").show();
		}	
		for(t in navs[gr])
		{
			if(navs[gr][t]!=id)
			{
				$('#'+navs[gr][t]).removeClass("active");
				$('#'+navs[gr][t]+"-content").hide();
			}
		}
	}
}