$(function(){
	change_steps();
	reset_btn();
	checky();
	tooltipy();
	get_all_selected();
	
	$('#get-started-btn').click(function(){
		$('#nav-block ul li a:eq(1)').trigger('click');
		return false;
	});
});
function get_all_selected() {
	var groups = $("#eyewear-groups>ul>li");
	
	var class_list = [];
	var lis = $('#content-block li .x-mark.selected').parent().parent().find('.icon');
	$.each(lis,function(){
		class_list = $.merge(class_list, $(this).attr('class').split(' '));
	});
	class_list = class_list.unique();
	class_list = class_list.removeValue('icon');
	groups.css('display','block');
	if (class_list.length > 0) {
		for(var i = 0; i<class_list.length; i++) {
			$.each(groups,function(){
				if(!$(this).hasClass(class_list[i]) && $(this).css('display')=='block') $(this).css('display','none');	
			})
		}
	}
	
}
function checky() {
	$('#content-block li a').click(function(){
		$(this).parent().find('.x-mark').toggleClass('selected');
		var cnt = $("#eyewear-groups>ul");
		
		cnt.fadeOut('slow',function(){
			get_all_selected();
			cnt.fadeIn('slow');
		});
		return false;
	});
}
function tooltipy() {
	var tdiv = $('<div id="tooltip"><div id="tooltip-body"><div id="tooltip-arrow"></div><div id="tooltip-arrow-right"></div><div id="tooltip-content"><div id="tooltip-top"></div><div id="tooltip-cnt"></div><div id="tooltip-bottom"></div></div></div></div>"');
	tdiv.appendTo('body');
	if ($('body').hasClass('ie6')) {
		$('#tooltip').supersleight({shim:'/public/img/shim.gif'});
	}
	$('#eyewear-groups ul li div.equipment-img').hover(function(){
		var t = $(this).parent().offset().top;
		var l = (($(this).parent().offset().left)+$(this).parent().width());
		var tw = $('#tooltip').width();
		var li = $(this).parent();
		if(((l+tw) > $(document).width())) {
			var tooltipclass = 'reverse';
			l = l-tw-$(this).parent().width()+50;
		} else {
			var tooltipclass = 'normal';
		}
		$('#tooltip').attr('class',tooltipclass);
		
		hoverover = window.setTimeout(function(){
			$('#tooltip-content #tooltip-cnt').html(li.find('div.tooltip-content').html());
			$('#tooltip').css('display','block').css('left',l+'px').css('top',t+'px');
			
			Cufon.replace($('#tooltip h5'));
			Cufon.replace($('#tooltip h3'),{color: '-linear-gradient(#9db4cb,#445669)'});
			
		},500);
	},function(){
		$('#tooltip').css('display','none');
		clearTimeout(hoverover);
	});
}
function reset_btn() {
	$('.reset a').click(function() {
		$('.x-mark').removeClass('selected');
		get_all_selected();
		return false;
	});
}


function change_steps() {
	var tabs = $('#nav-block ul li a');
	var panels = $('#content-block>div');
	tabs.click(function(){
		if($(this).hasClass('selected')) return false;
		tabs.removeClass('selected');
		$(this).addClass('selected');
		var switch_to = $(this).attr('href');
		panels.fadeOut('fast');
		$(switch_to).fadeIn('fast');
		Cufon.refresh();
		return false;
	});
	$(panels[1]).toggle();
	$(tabs[1]).addClass('selected');
}
Array.prototype.unique = function() {
    var a = [];
    var l = this.length;
    for(var i=0; i<l; i++) {
      for(var j=i+1; j<l; j++) {
        // If this[i] is found later in the array
        if (this[i] === this[j])
          j = ++i;
      }
      a.push(this[i]);
    }
    return a;
  };
Array.prototype.removeValue = function(name) {
    var a = [];
    var l = this.length;
    for(var i=0; i<l; i++) {
        if (this[i] !== name) a.push(this[i]);
    }
    return a;
  };