$(document).ready(function(){
	index_init();
	soundManager.debugMode = false;
	soundManager.createMovie('/soundmanager2.swf');
	button_init();
});


var index_init = function(){
	buts = $("div.button a");
	buts.toggle(function(){
		var other_items = $(this).parents("li.item").siblings("li.item");
		$.each(other_items, function(){
			deactivate($(this));
		});
		activate($(this).parents("li.item"));
		return false;
	}, function(){
		deactivate($(this).parents("li.item"));
		return false;
	});
}


var retry_timeout;
function activate(item){
	item.addClass("active");
	img = $("img", item);
	img.attr("src", img.attr("src").replace("but.png", "but_a.png"));
	displayLoader();
	try {
	  var s_id = "s"+Math.random();
	  soundManager.createSound
	  ({
	  	id: s_id,
	  	url: img.parent().attr("href"),
	  	autoPlay: true,
	  	onload: hideLoader
	  });
  }catch(er){
    clearTimeout(retry_timeout);
    retry_timeout = setTimeout(function(){activate(item)}, 500);
  }
}


function deactivate(item){
	item.removeClass("active");
	img = $("img", item);
	img.attr("src", img.attr("src").replace("but_a.png", "but.png"));
	soundManager.stopAll();
	hideLoader();
}

soundManager.onload = function(){};
soundManager.onerror = function(){};


var button_init = function(){

	var b = $("#button_tell");
	
	b.click(function(){
		var t = $("#tell");
		t.dequeue();
		t.css({
			right: -200,
			opacity: 0
		}).show();
		t.animate({
			right: 20,
			opacity: 0.9
		});
	
		return false;
	});
	
	
	$("#tell input#submit").click(function(){
		$("#tell").animate({
			right: -300,
			opacity: 0
		}).queue(function(){$(this).hide()});
		
		var val = $("#tell input#email").val();
		$.get($("#button_tell").attr("href"), {email: val});
	});
	

}



function displayLoader(){
	var l = $("#loader");
	if($.browser.msie)
	{
    l.html(l.text());
	}
	var toppos = 20;
	toppos += $("body").scrollTop();
	var w = l.parent().css({overflow: "hidden", position: "absolute", top: toppos, right: "0"});
	
	l.css({marginRight: "-100px"}).show().animate({marginRight: "0"}, 500);
}
function hideLoader(){
	var l = $("#loader");
	l.animate({marginRight: "-100px"}, 1000);
}