/*var SELECTED 	= "selected";
var BUTTON 		= "header-button";
var SHOWN	 	= "shown";
var IMAGE 		= "header-image";
var FLASH 		= "header-flash";
var INTERVAL	= 10000;
var j 			= jQuery.noConflict();
var timer;

j(function() {
	
	document.getElementById('flash').style.display = "block";
	document.getElementById('testata').style.display = "none";
	document.getElementById('testata2').style.display = "none";

	function carousel() {
		if (j("." + IMAGE).last().hasClass(SHOWN)) {
			var prevCount = j("." + SELECTED).attr("id");
			var last = j("." + BUTTON).last();
			if (last.hasClass(SELECTED) ) {
				last.removeClass(SELECTED);
				j("." + BUTTON).first().addClass(SELECTED);
			} else {
				var selected = j("." + SELECTED);
				selected.next().addClass(SELECTED);
				selected.removeClass(SELECTED);
			}
			var count = j("." + SELECTED).attr("id");
			reset(prevCount, count);
		} else {
			var shown = j("." + SHOWN);
			var next = shown.next();
			next.addClass(SHOWN);
			shown.removeClass(SHOWN);
			next.animate({
				left: "0px",
				top: "0px",
				opacity: "1"
			});
		}
	}
	
	function reset(prevCount, count) {
		if (count == 1) {		
			document.getElementById('flash').style.display = "block";
			document.getElementById('testata').style.display = "none";
			document.getElementById('testata2').style.display = "none";		
		} else if (count == 0) {
			document.getElementById('flash').style.display = "block";
			document.getElementById('testata').style.display = "none";
			document.getElementById('testata2').style.display = "none"		
		} else if (count == 2) {
			document.getElementById('flash').style.display = "none";
			document.getElementById('testata').style.display = "block";
			document.getElementById('testata2').style.display = "none";
		} else {
			document.getElementById('flash').style.display = "none";
			document.getElementById('testata').style.display = "none";
			document.getElementById('testata2').style.display = "block";

			j("." + IMAGE).each(function(i) {
				var src = j(this).attr("src");
				j(this).attr("src", src.replace(prevCount + "_", count + "_"));
				if (i > 0) {
				j(this).css({
					left: "959px",
					opacity: "0"
				});
				} else {
					j(this).hide();
					j(this).fadeIn(1000);
				}
			});
		}
		
		j("." + SHOWN).removeClass(SHOWN);
		j("." + IMAGE).first().addClass(SHOWN);
	}
	
	timer = setInterval(function() { carousel(); }, INTERVAL);
	
	j("." + BUTTON).click(function() {
		var prevCount = j("." + SELECTED).attr("id");
	
		clearInterval(timer) 
		timer = setInterval(function() { carousel(); }, INTERVAL);
	
		j("." + SELECTED).removeClass(SELECTED);
		j(this).addClass(SELECTED);
		
		reset(prevCount, j(this).attr("id"));
	});
});*/

var j = jQuery.noConflict();
var count = 0;
var TIMEOUT = 20000 * 1;
var TIMEOUT2 = 10000 * 1;

j(function() {
	j(".button-1").click(function() { 
		j(".selected").removeClass("selected");
		j(this).addClass("selected");
		j(".banner-selected").removeClass("banner-selected");
		j("#banner-1").addClass("banner-selected");
	});
	
	j(".button-2").click(function() { 
		j(".selected").removeClass("selected");
		j(this).addClass("selected");
		j(".banner-selected").removeClass("banner-selected");
		j("#banner-2").addClass("banner-selected");
	});
	
	j(".button-3").click(function() { 
		j(".selected").removeClass("selected");
		j(this).addClass("selected");
		j(".banner-selected").removeClass("banner-selected");
		j("#banner-3").addClass("banner-selected");
	});

    setTimeout("switchBanner()", TIMEOUT);
	
});

function switchBanner() {
    if (count == 0) {
        j(".header-image:not(.first)")
        .removeClass("shown")
        .css({
            left: "959px",
            opacity: "0"
        });
    }

	var prevSelected = j(".banner-selected");
	var selected;
	j(prevSelected).removeClass("banner-selected");
	if (j(prevSelected).next(".banner").length != 0) {
		selected = j(prevSelected).next(".banner");
	} else {
		selected = j(".banner").first();	
	}
	j(selected).addClass("banner-selected");
	j(".selected").removeClass("selected");
	var id = j(selected).attr("id").replace("banner-", "");
	j(".button-" + id).addClass("selected");

	if (j(selected).attr("id") == "banner-2") {
	    setTimeout("switchImage()", TIMEOUT2);
	} else {
	    setTimeout("switchBanner()", TIMEOUT);
	}
}

function switchImage() {
    if (count < 2) {
        var shown = j(".shown");
        j(shown)
        .removeClass("shown")
        .next(".header-image")
        .css({
            left: "959px",
            opacity: "0"
        })
        .animate({
            left: "0px",
            top: "0px",
            opacity: "1"
        })
        .addClass("shown");
        count++;
        setTimeout("switchImage()", TIMEOUT);
    } else {
        count = 0;
        j("#banner-2 .header-image").first().addClass("shown");
        setTimeout("switchBanner()", TIMEOUT);
    }
}