
function view(id){
	$(".active").removeClass("active");
	$("#"+id+"Button").addClass("active");
	$(".item").css("z-index", "1");
	$("#"+id).css("z-index", "2");
}


function main_page(data)
{
    var h = "";	
    if (data.isLogin != 0) {
		h += "<div class='subMenu user'>";
		h += "<a class='menuItem active' href='/#main'>гараж</a>";
		h += "<a class='menuItem' href='/#friends'>друзья</a>";
		h += "<a class='menuItem' href='/#favourites'>избранное</a>";
	//	h += "<a class='menuItem' href='/#photos'>фотографии</a>";
	//	h += "<a class='menuItem' href='/#events'>события</a>";
	//	h += "<a class='menuItem' href='/#news'>новости</a>";
	//	h += "<a class='menuItem' href='/#stream'>потоки</a>";
		h += "<a class='menuItem' href='/#profile'>профиль</a>";
		//h += "<a class='menuItem' href='/#votes'>голоса</a>";
		h += "</div>";
		h += "<div id='personalMain'>";
		h += "<img style='width:200px;height:200px' src='" + data.avatar + "'/>";
		h += "<span class='rating'>";
		h += "Рейтинг : " + data.karma;
		h += "</span>";
		h += "<span class='nameNick'>";
		h += "<span class='nameSurname'>";
		h += data.name + " " + data.surname;
		h += "</span> / " + data.userNick;
		h += "</span>";
		h += "<span class='statusLayout'>";
		if(!data.status || data.status.status == ''){
			h += "<a href='javascript:;' onclick='changeStatus();'>изменить статус</a>";
		} else
			h += "<a href='javascript:;' onclick='changeStatus();'>" + data.status.status + "</a>";
		h += "</span>";
		h += "<a style='float:left; font-size:10px; margin-left:7px;' href='javascript:;' class='edit' onclick='say_it();'>Высказаться!</a>";
		h += "<span class='lastRefresh'>";
		
		if(data.status && data.status.status != '')
			h += data.status.last_refresh;
		h += " <a href='javascript:;' class='edit' onclick='changeStatus();'>Редактировать</a>";
		h += "</span>";
		h += "<span class='playlistsUpdates'>";
		h += "<a href='/#user/playlists' class='button plButton'></a>";
		h += "<span class='blockTitle'>мои <a href='/#user/playlists'>ПЛЕЙЛИСТЫ</a> <span></span> <!--a href='/#updates'>ОБНОВЛЕНИЯ</a--></span>";
		//h += "<a href='/#updates' class='button updButton'></a>";
		h += "</span>";
		h += "<div id='inviteFriend'></div>";
		h += "<div class='friendsOnline'></div>";

		h += "</div>";

		h += '<div id="fullWidth"></div><br clear="All"/>';
		h += '<div id="actualBlock" style="float:left;">';
		h += '<div class="streamsTop">'
			  + '<span class="blockTitle streams-color">популярные <a href="/#streams">ПОТОКИ</a></span><br clear="All">'
			  + streams.init(data).announces()
			  + '</div>';
		h += "<h1><a style='color:#888888;' href='javascript:;'>СЛУШАТЬ МУЗЫКУ ОНЛАЙН</a></h1>";
		h += '<div class="interestingAlbums block"></div><br clear="All"/>';
		h += "<div class='event-block'></div><br clear='All'/>";
		h += "<div class='playlistsTop block'></div><br clear='All'/>";
		h += '<div id="musicLinks" class="block"></div>';
		h += '</div>';
		$('#leftContent').html(h);
		streams.init(data).resize();
		var friends = new friendsOnlineFuncs(data.onlineFriends);
		friends.show('.friendsOnline');

		var invite = new inviteFuncs(data.invitationsInfo);
		invite.show('#inviteFriend', data.isLogin);
		
	/*	var streamsTop = new streamsFuncs(data.topStreams);
		streamsTop.show('#actualBlock .streamsTop', 'left');*/
			
		var interestingAlbums = new interestingAlbumsFuncs(data.topAlbums);
		interestingAlbums.show('#actualBlock .interestingAlbums');
			
		var fullWidthBlock = new fullWidthBlockF(data.orders);
		fullWidthBlock.show('#fullWidth');
			
		events = new eventsFuncs(data.topEvents);		
		events.show('#actualBlock .event-block');
			
		var playlistsTop = new topPlaylistsFuncs(data.topPlaylists);
		playlistsTop.show('#actualBlock .playlistsTop');
			
		var musicLinks = new musicLinksFuncs(data.randomTracks);
		musicLinks.show('#actualBlock #musicLinks');
		
	}
	else {
			/***если не залогинен***/
			/***заполняем тизер бесполезной инфой***/
			
			$('#tagCloud').show();
			
			h += '<div id="tizer" class="main_tizer" style="background:url(\'/media/images/main_illustrations/tizer_back.png\') no-repeat 0 0;">';
			h += '<div class="tizerText">';
			h += '<h2>С Rock, Baby слушать музыку комфортно!</h2>';
			h += 'Слушайте музыку онлайн без регистрации и без ограничений. Бесплатный аккаунт предоставит возможность хранить плейлисты и общаться. Слушайте <a href="/#charts/" class="chart-color">лучшие чарты</a>,&nbsp;<a href="/#performers/" class="performer-color">ищите&nbsp;любимых&nbsp;исполнителей</a> и наслаждайтесь качественным звуком.';
			h += '</div>';
			h += '<div class="listen_begin">';
			h += '<span>';
			h += 'Плеер не обновляется при переходах по страницам — начинайте слушать музыку прямо сейчас. Просто кликните!';
			h += '</span>';
			h += '<a href="javascript:;" class="begin_link">';
			h += '</a>';
			h += '<span style="margin-left:60px;">Выберите жанр и нажмите кнопку PLAY';
			h += '<div id="chooseTag"></div></span>';
			h += '</div>';
			h += '<div class="charts_tizer">';
			h += 'Слушайте чарты:<br style="clear:both"/>';
			var j = 0;
			data.charts = data.charts.charts;
			for (i = 0; i < data.charts.length; i++) {
				h += '<a id="chart_' + j + '" href="javascript:;" onclick="load_track_in_player(\'/charts/getxml/' + data.charts[i].id + '\');" class="chart_ico" style="background-position: -' + (j * 48) + 'px 0px;';
				if(j==8){
					h += "margin-right:0;"
				}
				h += '">';
				h += '</a>';
				j++;
			}
			h += '<div class="overed_ico"></div>';
			h += '</div>';
			h += '<span class="whatNext">';
			h += '<a href="javascript:;"  onclick="$(\'.main_tizer\').toggle()">Что еще можно делать на Rock, Baby!?</a>';
			h += '</span>';
			h += '</div>';
			h += '<div id="tizer" class="main_tizer" style="display:none;">';
			h += '<a href="javascript:;" class="closeButton" onclick="$(\'.main_tizer\').toggle()"></a>';
			h += '<div style="z-index: 2;" id="rb" class="item">';
			h += '<img alt="Слушать музыку онлайн" src="/media/images/main_illustrations/illustration_01.png" />';
			h += '<div>';
			h += '<div class="h3-block">';
			h += '<h3>Rock, baby!</h3>';
			h += '</div>';
			h += '<span>Rock Baby – это бесплатная музыка, плейлисты, анонсы концертов, новости шоу-бизнеса, чарты, общение и многое другое. Слушай свои любимые аудиозаписи из любой точки планеты.  Зарегистрируйся и начни использовать возможности сервиса на все 100%! </span>';
			h += '</div>';
			h += '</div>';
			h += '<div style="z-index: 1;" id="reg" class="item">';
			h += '<img alt="Слушать музыку онлайн бесплатно" src="/media/images/main_illustrations/illustration_02.png" />';
			h += '<div>';
			h += '<div class="h3-block">';
			h += '<h3>Слушайте музыку онлайн</h3>';
			h += '</div>';
			h += '<span>После короткой и простой регистрации появится много различных возможностей — создание и хранение большого числа плейлистов, комментирование, общение с друзьями, закладки, возможность влиять на развитие ресурса и всегда быть в курсе последних новостей мира музыки.</span>';
			h += '</div>';
			h += '</div>';
			h += '<div style="z-index: 1;" id="free" class="item">';
			h += '<img alt="Слушать музыку онлайн" src="/media/images/main_illustrations/illustration_03.png" />';
			h += '<div>';
			h += '<div class="h3-block">';
			h += '<h3>Регистрируйтесь</h3>';
			h += '</div>';
			h += '<span>При помощи Rock Baby можно наслаждаться своими любимыми аудиозаписями из любой точки Земного шара, при том абсолютно бесплатно и максимально комфортно — архитектура сайта создана таким образом, что в процессе прослушивания вы можете перемещаться между страницами без прерывания аудиопотока.</span>';
			h += '</div>';
			h += '</div>';
			h += '<div style="z-index: 1;" id="store" class="item">';
			h += '<img alt="Слушать музыку онлайн без регистрации" src="/media/images/main_illustrations/illustration_04.png" />';
			h += '<div>';
			h += '<div class="h3-block">';
			h += '<h3>Храните плейлисты</h3>';
			h += '</div>';
			h += '<span>Создавай плейлисты и добавляй в них любимые загруженные аудиозаписи. Можно создать до 100 плейлистов в каждом из которых хранить до 1000 песен. Для того, чтобы добавить понравившуюся аудиозапись в один из своих плейлистов необходимо всего лишь нажать на значок + рядом с названием трека.</span>';
			h += '</div>';
			h += '</div>';
			h += '<div style="z-index: 1;" id="chat" class="item">';
			h += '<img alt="Слушать музыку онлайн" src="/media/images/main_illustrations/illustration_05.png" />';
			h += '<div>';
			h += '<div class="h3-block">';
			h += '<h3>Общайтесь</h3>';
			h += '</div>';
			h += '<span>На сайте можно комфортно общаться с другими пользователями через комментарии и личные сообщения. Добавляй в друзья, обменивайся любимыми треками и плейлистами,  обсуждай интересных исполнителей и их творения, принимай участие в жизни сайта!</span>';
			h += '</div>';
			h += '</div>';
			h += '<div style="z-index: 1;" id="join" class="item">';
			h += '<img alt="Слушать музыку онлайн" src="/media/images/main_illustrations/illustration_06.png" />';
			h += '<div>';
			h += '<div class="h3-block">';
			h += '<h3>Участвуйте в жизни ресурса</h3>';
			h += '</div>';
			h += '<span>Не будь овощем – будь активным! Загружай аудиозаписи, добавляй и редактируй информацию о любимых исполнителях, создавай собственные события и новости, обсуждай преимущества и недостатки сайта в блоге  — помогай Rock Baby развиваться! </span>';
			h += '</div>';
			h += '</div>';
			h += '<div style="z-index: 1;" id="commond" class="item">';
			h += '<img alt="Слушать музыку онлайн бесплатно и без регистрации" src="/media/images/main_illustrations/illustration_06.png" />';
			h += '<div>';
			h += '<div class="h3-block">';
			h += '<h3>Слушайте и скачивайте mp3 онлайн бесплатно!</h3>';
			h += '</div>';
			h += '<span>Слушайте и скачивайте mp3 музыку бесплатно и без регистрации. Рок и поп, шансон и классическая музыка, регги и альтернатива. У нас есть любая музыка!</span>';
			h += '</div>';
			h += '</div>';
			h += '<div class="menu">';
			h += 'Что можно делать на Rock, Baby?<br/><br/>';
			h += '<a class="active" href="javascript:;" onclick="view(\'rb\')" id="rbButton">Rock, baby!</a>';
			h += '<a class="" href="javascript:;" onclick="view(\'reg\')" id="regButton">Слушайте музыку онлайн</a>';
			h += '<a class="" href="javascript:;" onclick="view(\'free\')" id="freeButton">Регистрируйтесь</a>';
			h += '<a class="" href="javascript:;" onclick="view(\'store\')" id="storeButton">Храните плейлисты</a>';
			h += '<a class="" href="javascript:;" onclick="view(\'chat\')" id="chatButton">Общайтесь</a>';
			h += '<a href="javascript:;" onclick="view(\'join\'); " id="joinButton">Участвуйте в жизни сайта</a>';
			h += '</div>';
			h += '<span class="whatNext">';
			h += '<a href="javascript:;" onclick="$(\'.main_tizer\').toggle()" style="color:#fff;">Что еще можно делать на Rock, Baby!?</a>';
			h += '</span>';
			h += '</div>';
			/***выводим интересные новости и события***/
			h += '<div id="fullWidth"></div>';
			h += '<div id="actualBlock" style="float:left;">';
			h += '<div class="streamsTop">'
			  + '<span class="blockTitle streams-color">популярные <a href="/#streams">ПОТОКИ</a></span><br clear="All">'
			  + streams.init(data).announces()
			  + '</div>';
			h += "<h1><a style='color:#888888;' href='javascript:;'>СЛУШАТЬ МУЗЫКУ ОНЛАЙН</a></h1>";
			h += '<div class="interestingAlbums block"></div><br clear="All"/>';
			h += "<div class='event-block'></div><br clear='All'/>";
			h += "<div class='playlistsTop block'></div><br clear='All'/>";
			h += '<div id="musicLinks" class="block"></div>';
			h += '</div>';
			$('#leftContent').html(h);
			
		/*	var streamsTop = new streamsFuncs(data.topStreams);
			streamsTop.show('#actualBlock .streamsTop', 'left');*/
			
			var interestingAlbums = new interestingAlbumsFuncs(data.topAlbums);
			interestingAlbums.show('#actualBlock .interestingAlbums');
			
			var fullWidthBlock = new fullWidthBlockF(data.orders);
			fullWidthBlock.show('#fullWidth');
			
			events = new eventsFuncs(data.topEvents);		
		 	events.show('#actualBlock .event-block');
			
			var playlistsTop = new topPlaylistsFuncs(data.topPlaylists);
			playlistsTop.show('#actualBlock .playlistsTop');
			
			var musicLinks = new musicLinksFuncs(data.randomTracks);
			musicLinks.show('#actualBlock #musicLinks');
			
			$('.begin_link').bind("click", function(){
				load_playlist_in_player("/tags/xmlRandPlaylist/" + $('#chooseTag .chosen').html());
			});

			$("a.chart_ico").bind("mouseover", function(){
				var num = this.id.substr(6, this.id.length);
				$('#tizer .overed_ico').css('background-position', "-" + num * 68 + "px -48px");
				$('#tizer .overed_ico').css('left', this.offsetLeft - 11 + 'px');
				$('#tizer .overed_ico').css('top', this.offsetTop - 11 + 'px');
				$('#tizer .overed_ico').css('display', 'block');
				var offsX = $('#mainLayout')[0].offsetLeft;
				var offsY = $('#tizer')[0].offsetTop + $('#mainLayout')[0].offsetTop;
				var t = this;
				$("#tizer .overed_ico").unbind('click');
				$("#tizer .overed_ico").bind("click", function(){
					$(t).trigger('click');
					$('#tizer .overed_ico').css('background-position', "-" + 9 * 68 + "px -48px");
				});
			/*	setTimeout(function(){
					var leftBorder = $('#tizer .overed_ico')[0].offsetLeft;
					var topBorder = $('#tizer .overed_ico')[0].offsetTop;
					var rightBorder = leftBorder + 68;
					var bottomBorder = topBorder + 68;
					if ((document.status.x - offsX < leftBorder) || (document.status.x - offsX > rightBorder) || (document.status.y - offsY < topBorder) || (document.status.y - offsY > bottomBorder)) 
						$("#tizer .overed_ico").css('display', 'none');
				}, 10);*/
			});
			$("#tizer .overed_ico").bind("mouseout", function(){
				$('#tizer .overed_ico').css('display', 'none');
			});
			
			var genres = ["Alternative", "Rock", "Indie", "Pop", "Electro", "House", "Trance", "Chanson"];
			$("#chooseTag").dropDownSelect({
				items: genres,
				start: "Выберите жанр"
			});

	}
	
	$('#dynamicRightContent').css('margin-top', "121px");
	var h =  ban240x400("<div class='topPerformers first'></div>");
	/*
	h += "<div class='banner240x400'>";
	h += "<div class='topPerformers first'></div>";
	h += "<div class='bannerLayout'><img src='/media/images/240x400.jpg'/></div>";
	h += "</div>";
*/
	h += "<div class='trackBlock block' style='margin-bottom:0;margin-top:4px;height:252px;'>";							
    h += "</div>";

	h += "<div id='performersToLike' class='block'>";
	h += "</div><br clear='All'><div style='height:20px;'></div>";
	/*
	 * Закоменчено всвязи требование RLE
	 */
	h +=  ban240x400("<div class='topPerformers second'></div>");
	/*h += "<div class='banner240x400 block'>";
	h += "<div class='topPerformers second'></div>";
	h += "<div class='bannerLayout'><img src='/media/images/240x400.jpg'/></div>";
	h += "</div>"; */
	h += "<br clear='All'>";
	
	h += "<div class='activeUsers block' style='top:3px;'></div>"
	$('#dynamicRightContent').html(h);
	
	var topPerformers = new topPerformersFuncs(data.topPerformers);
	topPerformers.show('#dynamicRightContent .banner240x400 .first', 0, 5);
	
	var topTen = new topTenFuncs(data.topTen);
	topTen.show('#dynamicRightContent .trackBlock');
		
	perfToLike = new performersToLikeFuncs(data.randomPerformers);
	perfToLike.show('#performersToLike');
	
	var topPerformers1 = new topPerformersFuncs(data.topPerformers);
	topPerformers1.show('#dynamicRightContent .banner240x400 .second', 6, 11);
	
	var activeUsers = new activeUsersFuncs(data.activeUsers);
	activeUsers.show('#dynamicRightContent .activeUsers');
/*    $('a.uploaderButton').bind("click", function(){
        Uploader_Object('openWnd');
    });*/
    //commonBind();
}

function changeStatus(){
	var h = "";
	var stat = $("#personalMain .statusLayout").html();
	var lastRef = $("#personalMain .lastRefresh").html();
	stText = $("#personalMain .statusLayout a").html();
	if(stText == 'изменить статус')
		stText = '';
	h += "<input type='text' value='" + stText + "'/>";
	$("#personalMain .statusLayout").html(h);
	$("#personalMain .statusLayout input").focus();
	h = "<a href='javascript:;' class='save'>";
	h += "Сохранить";
	h += "</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;";
	h += "<a href='javascript:;' class='delete'>";
	h += "Удалить статус";
	h += "</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;";
	h += "<a href='javascript:;' class='cancel'>";
	h += "Отмена";
	h += "</a>";
	$("#personalMain .lastRefresh").html(h);
	
	$("#personalMain .lastRefresh .cancel").click(function(){
		$("#personalMain .statusLayout").html(stat);
		$("#personalMain .lastRefresh").html(lastRef);
	});
	
	$("#personalMain .lastRefresh .delete").click(function(){
		$.post("/user/set_status", {
			status: ""
		}, function(data){
			$("#personalMain .statusLayout").html("<a href='javascript:;' onclick='changeStatus();'>изменить статус</a>");
			$("#personalMain .lastRefresh").html("<a href='javascript:;' class='edit' onclick='changeStatus();'>Редактировать</a>");
		});
	});
	
	$("#personalMain .lastRefresh .save").click(function(){
		var nstat = $("#personalMain .statusLayout input").val();
		if(nstat == '')
			return;
		$("#personalMain .lastRefresh").html("<img src='/media/images/beta-pics/loaders/universal_loader_04.gif'/>")
		$.post("/user/set_status", {
			status: nstat
		}, function(data){
			$("#personalMain .statusLayout").html("<a href='javascript:;' onclick='changeStatus();'>" + nstat + "</a>");
			$("#personalMain .lastRefresh").html("Обновлено только что. <a href='javascript:;' class='edit' onclick='changeStatus();'>Редактировать</a>");
		});
	});
	
	$("#personalMain .statusLayout input").keydown(function (event) {
		if (event.keyCode == 13) {
			$("#personalMain .lastRefresh .save").trigger("click"); 
			return false;
		}
	});
		
}

function inviteFuncs (data){
	this.obj = 0;
	this.nSent = 0;
	this.nRegistered = 0;
	this.id = 0;
	if(data)
		this.jSData = data;
}

inviteFuncs.prototype = {

	refresh:		function(id){
						var t = this;
						$.post('/user/invit_info/' + id, function(data){
							t.jSData = data;
							t.show();								
						});
/*						t.jSData = 1;
						t.show();*/
					},
	show:			function(obj, id){
						var t=this;
						if (!t.obj) {
							this.obj = obj;
						}
						if (!t.id) {
							this.id = id;
						}						
						if (!t.jSData) {
							t.refresh(id);
							return;
						}
						var data = t.jSData;
						var h = '';
					    h += "<span class='invPhrase'>Приглашайте на сайт друзей (уже зарегистрировались " + data.nregd + " из " + data.nsent + "):</span>";
						h += "<form id='friendInvite' action='javascript:;'>";
						h += "<span class='arrow'></span>";
						h += '<input value="Email друга" id="inviteEmail" onblur="if(this.value==\'\') this.value=\'Email друга\'; $(this).removeClass(\'error\');" onfocus="if(this.value==\'Email друга\') this.value=\'\';">';
						h += '<a href="javascript:;" id="sendInvitation" class="button"></a>';
						//h += '<span class="inf">+25 за зарегистрировавшегося</span>';
						h += '</form>';
						$(t.obj).html(h);
						$('#sendInvitation').bind('click',function(){
							t.sendInvitation()
						});		
						
						$("#inviteEmail").keydown(function (event) {
							if (event.keyCode == 13) {
								$("#sendInvitation").trigger("click"); 
								return false;
							}
						});
										
					},
	sendInvitation:	function(){
						var t = this;
						$('#inviteEmail').removeClass('error');
						var email = $('#inviteEmail').val();
						if (!testEmail(email)) {
							$('#inviteEmail').addClass('error');
							return;
						}
						$('#friendInvite').html('<img style="margin-top:2px; margin-left:110px;" src="/media/images/beta-pics/universal_loader_01.gif"/>');						
						$.post('/user/send_invitation/', {
							email: email
						}, function(data){
							var h = '';
							if(data.success)
							    h += "<span class='successPhrase'>Приглашение отправлено, спасибо за участие в развитии ресурса!</span>";
							else
							    h += "<span class='successPhrase'>Приглашение на данный e-mail было выслано ранее!</span>";							
							$(t.obj).html(h);
							setTimeout(function(){
								t.refresh(t.id);
							}, 2000);
						});						
					}
}

function testEmail(email){
	return /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(email);
}

function changeWndTitle(title, mode){
	document.title = title;

	$('#favicon').remove();

    var link = document.createElement('link');
	link.id = 'favicon';
    link.type = 'image/x-icon';
    link.rel = 'shortcut icon';
	if(mode)
	    link.href = '/media/images/fav_play.ico';
	else
	    link.href = '/media/images/fav_pause.ico';	
    document.getElementsByTagName('head')[0].appendChild(link);
}

function fullWidthBlockF (data){
	this.obj = 0;
	this.jSData = 0;
	if(data)
		this.jSData = data;
}

fullWidthBlockF.prototype = {

	refresh:		function(){
							var t = this;
							$.post('/orders/getOrders', function(data){
								t.jSData = data;
								t.show();								
							});
					},
	show:			function(obj){
						var t=this;
						if (!t.obj) {
							this.obj = obj;
						}
						if (!t.jSData) {
							t.refresh();
							return;
						}
						var data = t.jSData;
						var h = '';
						h += 'Все предложения и пожелания по Rock, Baby! <a href="/#streams/32"  style="color:#888888;">оставляйте здесь</a>. Заранее благодарны вам за поддержку!<br clear="All"/>';
						h += '<span class="firstColumn">';
						h += '<a class="howTo" href="#votes"></a>';
						h += '<span style="float:left;margin-left:16px;">Песня по заявке:';
						h += '<div class="preview">';
						h += "<img class='ok' src='/media/images/beta-pics/song_large_black_down.png' />"						
						h += '<img src="' + data.orderedTrack.cover_path + '">';		
						h += '<a href="javascript:;" class="music_link" id="id_' + data.orderedTrack.tid + '">';
						h += '<span class="title">' + data.orderedTrack.performer + '</span><span style="padding-right:3px;padding-bottom:4px;">' + data.orderedTrack.name + '</span>';
						h += '</a>';
						h += '</div></span>';
						h += '</span>';
						
						h += '<span class="secondColumn">';
						h += 'Приветы пользователей:<br clear="All"/>';
						for(i=0;i<data.orderedUsers.length;i++){
							h += "<a id='u" + i + "' href='/#users/" + data.orderedUsers[i].nick + "'>";
							h += "<img src='" + data.orderedUsers[i].avatar.replace(".jpg", "_55x55.jpg") + "'/>";
							h += "</a>";
						}
						h += '</span>';
						
						h += '<span class="thirdColumn">';
						/*h += 'Обратите внимание на исполнителей:<br clear="All"/>';
						h += '<table width="100%" style="border-collapse:collapse;"><tr>';
						for(i=0;i<data.orderedPerformers.length;i++){
							h += "<td width='50%'>"
							h += "<a title='" + data.orderedPerformers[i].name + "' href='/#performers/" + data.orderedPerformers[i].tid + "'>";
							h += "<img src='" + data.orderedPerformers[i].image + "'/>";
							h += "</a>";
							h += "<a class='name' title='" + data.orderedPerformers[i].name + "' href='/#performers/" + data.orderedPerformers[i].tid + "'>" + data.orderedPerformers[i].name + "</a>";
							h += "</td>";
						}*/
						h += 'Приложения:<br clear="All"/>';
						h += '<table width="100%" style="border-collapse:collapse;"><tr>';
							h += "<td width='40%'>"
							h += "<a title='' href='/#advertising/soon'>";
							h += "<img src='/media/images/karaoke.jpg'/>";
							h += "</a>";
							h += "<a style='width:50px'class='name' title=''href='/#advertising/soon'>Караоке</a>";
							h += "</td>";
							h += "<td width='60%'>"
							h += "<a title='' href='/#advertising/soon'>";
							h += "<img src='/media/images/ugaday.jpg'/>";
							h += "</a>";
							h += "<a class='name' style='width:120px' title='' href='/#advertising/soon'>Угадай мелодию</a>";
							h += "</td>";
						h += '</tr></table>'
						h += '</span>';
						
						$(t.obj).html(h);
						
						commonToolTip({
							obj : "#fullWidth",
							hoverObj : ".secondColumn a",
							data : data.orderedUsers,
							field1 : "nick",
							field2 : "status",
							initLeft : 176,
							objectWidth : 65,
							initTop : -13,
							objectHeight: 65,
							perLine : 5
						});
						
						$('#fullWidth a.music_link').bind('click', function(){
							var t = this;
							$(this).parent(".preview").children('.ok').fadeIn('slow');
					        load_track_in_player("/track/get/" + parseId(this.id) + "/");
							setTimeout(function(){
								$(t).parent(".preview").children('.ok').fadeOut('slow');
							}, 1500);							
						});
						
					}
}

function friendsOnlineFuncs (data){
	this.obj = 0;
	this.jSData = 0;
	if(data)
		this.jSData = data;
}

friendsOnlineFuncs.prototype = {

	refresh:		function(){
							var t = this;
							$.post('/user/online_friends', function(data){
								t.jSData = data;
								t.show();								
							});
					},
	show:			function(obj){
						var t=this;
						if (!t.obj) {
							this.obj = obj;
						}
						if (!t.jSData) {
							t.refresh();
							return;
						}
						var data = t.jSData;
						var h = '';
						h += '<span class="blockTitle">друзья <a href="javascript:;">ОНЛАЙН</a> (' + data.length + '):</span>';
						h += '<a href="javascript:;" class="leftArrow button"></a>';
						h += '<div class="friendsLayout">';
						h += '<div class="friendsStripe">';
						for(i=0;i<data.length;i++){
							h += "<a id='i" + i + "' href='/#users/" + data[i].nick + "'><img src='" + data[i].avatar.replace('.jpg', '_55x55.jpg') + "'/>";
						}
						h += '</div>';
						h += '</div>';
						h += '<a href="javascript:;" class="rightArrow button"></a>';
						
						$(t.obj).html(h);
						
						$(t.obj + ' .leftArrow').addClass('unactiveLeft');
						if(data.length<10){
							$(t.obj + ' .rightArrow').addClass('unactiveRight');
						}
						var position = 0;
						
						$(t.obj + ' .rightArrow').click(function(){
							if (position == data.length - 9 || data.length<9) {
								return;
							}
							position++;
							$(t.obj + ' .friendsStripe').animate({
								left: "-" + 64*position + "px"
							});
							$(t.obj + ' .leftArrow').removeClass('unactiveLeft');
							if (position == data.length - 9) {
								$(t.obj + ' .rightArrow').addClass('unactiveRight');
							}
						});
						
						$(t.obj + ' .leftArrow').click(function(){
							if (position == 0) {
								return;
							}
							position--;
							$(t.obj + ' .friendsStripe').animate({
								left: "-" + 64*position + "px"
							});
							$(t.obj + ' .rightArrow').removeClass('unactiveRight');
							if (position == 0) {
								$(t.obj + ' .leftArrow').addClass('unactiveLeft');
							}
						});
						
						commonToolTip({
							obj : t.obj,
							hoverObj : ".friendsStripe a",
							callback : function(that){
								id = that.id.substr(1, that.id.length);
								$(t.obj + ' .usersTooltip .nick').html(data[id].nick);
								$(t.obj + ' .usersTooltip .karma').html("Карма: " + (data[id].karma*1 + data[id].cp*1));
								if (id - position < 5) {
									offs = 44 + 64 * (id - position);
									$(t.obj + ' .usersTooltip .tale').addClass('lefter');
								}
								else {
									offs = -102 + 64 * (id - position);
									$(t.obj + ' .usersTooltip .tale').removeClass('lefter');
								}
								$(t.obj + ' .usersTooltip').css("left", offs + "px");
								$(t.obj + ' .usersTooltip').css("display", "block");
							}
						});
					}
}



function topPerformersFuncs (data){
	this.obj = 0;
	this.jSData = 0;
	if (data) 
		this.jSData = {
			"performers": data
		};
	this.l1 = -1;
	this.l2 = 0;
}

topPerformersFuncs.prototype = {

	refresh:		function(){
						var t = this;
						$.post('/performers/topPerformers/rating/12', function(data){
							t.jSData = data;
							t.show();								
						});

					},
	show:			function(obj, l1, l2){
						var t=this;
						if (!t.obj) {
							this.obj = obj;
						}
						if (t.l1 == -1) {
							this.l1 = l1;
						}
						if (!t.l2) {
							this.l2 = l2;
						}
						
						if (!t.jSData) {
							t.refresh();
							return;
						}
						var data = t.jSData;
						
						var h = '';
						for(i=t.l1;i<=t.l2;i++){
							h += "<a id='p" + i + "' class='performer";
							if (i == t.l2) {
								h += " lastPerformer";
							}
							h += "' href='/#performers/" + data.performers[i].id + "'>";
							h += "<img src='" + data.performers[i].image + "'/>";
							h += "</a>";
						}

						$(t.obj).html(h);

						commonToolTip({
							obj : t.obj,
							hoverObj : "a.performer",
							callback: function(that){
								id = that.id.substr(1, that.id.length);
								$(t.obj + ' .usersTooltip .nick').html(data.performers[id].name);
								$(t.obj + ' .usersTooltip .karma').html("Треков на сайте: " + data.performers[id].tracks_num);
								offs = -6 + 69*(id%6);
								$(t.obj + ' .usersTooltip').css("top", offs + "px");
								$(t.obj + ' .usersTooltip').css("display", "block");								
							}
						});

					}
	
}

var topArtists = {
	init: function(data){
		this.data = data;
		return this;
	},
	get: function(l1, l2){
		var t = this;
		var h = '';
		for(var i=l1; i<=l2; i++){
			h += "<a id='p" + i + "' class='performer";
			if (i == l2) {
				h += " lastPerformer";
			}
			h += "' href='/#performers/" + t.data[i].id + "'>";
			h += "<img src='" + t.data[i].image + "'/>";
			h += "</a>";
		}
		
		return h;
		
	}, 
	addEvents: function(obj){
		var t = this;
		commonToolTip({
			obj : obj,
			hoverObj : "a.performer",
			callback: function(that){
				
				id = that.id.substr(1, that.id.length);
				$(obj + ' .usersTooltip .nick').html(t.data[id].name);
				$(obj + ' .usersTooltip .karma').html("Треков на сайте: " + t.data[id].tracks_num);
				offs = -6 + 69*(id%6);
				$(obj + ' .usersTooltip').css("top", offs + "px");
				$(obj + ' .usersTooltip').css("display", "block");		
			}
		});
	}
}

function mousePageXY(e)
{
  var x = 0, y = 0;

  if (!e) e = window.event;

  if (e.pageX || e.pageY)
  {
    x = e.pageX;
    y = e.pageY;
  }
  else if (e.clientX || e.clientY)
  {
    x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
    y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
  }

  return {"x":x, "y":y};
}


