// JavaScript Document
var countClicks = 0;
var countStart = 6;
var countMin = 0;
var countMax = 12;
var countPlus = 0;
var countMinus = 0;

$(document).ready(function(){
	$('#arrow').fadeTo(1, 0);
	$('#logo').fadeTo(1, .33);
	$('#fadedText').mouseover(function(){
		$(this).toggleClass('faded');
	});
	$('#fadedText').mouseout(function(){
		$(this).toggleClass('faded');
	});
	$('div.checkLinks a').click(function(){
		if ($(this).hasClass('checkAll')) {
			if ($(this).hasClass('checkOff')) {
				countPlus = countMax;
				countMinus = countMin;
				$('div.checkLinks a').removeClass('checkOff').addClass('checkOn');
				$('div.uncheckLinks a').removeClass('checkOn').addClass('checkOff');
			} else {
				countPlus = 0;
				countMinus = 0;
				$('div.uncheckLinks a').removeClass('checkOn').addClass('checkOff');
				$('div.checkLinks a').removeClass('checkOn').addClass('checkOff');
			}
		} else {
			if ($(this).hasClass('checkOff')) {
				countPlus++;
				$(this).toggleClass('checkOn').toggleClass('checkOff');
			} else {
				countPlus--;
				$(this).toggleClass('checkOn').toggleClass('checkOff');
			}
		}
		counter();
		logoArrow();
		return false;
	})
	$('div.uncheckLinks a').click(function(){
		if ($(this).hasClass('checkAll')) {
			if ($(this).hasClass('checkOff')) {
				countPlus = countMax;
				countMinus = countMin;
				counter();
				$('div.checkLinks a').removeClass('checkOff').addClass('checkOn');
				$('div.uncheckLinks a').removeClass('checkOn').addClass('checkOff');
				$(this).removeClass('checkOff').addClass('checkOn');
			} else {
				countPlus = 0;
				countMinus = 0;
				counter();
				$('div.uncheckLinks a').removeClass('checkOn').addClass('checkOff');
				$('div.checkLinks a').removeClass('checkOn').addClass('checkOff');
			}
		} else {
			if ($(this).hasClass('checkOff')) {
				countMinus++;
				counter();
				$(this).toggleClass('checkOn').toggleClass('checkOff');
			} else {
				countMinus--;
				counter();
				$(this).toggleClass('checkOn').toggleClass('checkOff');
			}
		}
		return false;
	})
});


function counter() {
	count = countStart + countMinus - countPlus;
	if (count < countMin) {
		count = countMin;
	} else if (count > countMax) {
		count = countMax;
	}
	$('img#counterArrow').attr('src', '/_gfx/template/stressometer_pil_' + (count + 1) + '.gif');
}

function logoArrow() {
	countClicks++;
	if (countClicks == 1) {
		$('#logo').fadeTo("slow", .66);
		$('#arrow').fadeTo("slow", 1);
	} else if (countClicks == 2) {
		$('#logo').fadeTo("slow", 1);
	}
}