function prepare(){
	$('.body .middle').replaceWith('<div class="middle"><div id="pane1" class="scroll-pane"><div class="pane1"></div></div></div>');
}

function scrollActive() 
{	
	$('#pane1').jScrollPane();
	$('.jScrollPaneDrag').css('width','80px');
	$('.jScrollPaneDrag').css('right','0px');
	$('.jScrollPaneTrack').css('right','-2px');
	$('#pane1').css('width','380px');
	if ($.browser.msie) {$('.jScrollPaneTrack').css('right','16px');}
}

$(document).ready(function()
{	
	/*if ($.browser.opera) {
		$('#pane1').jScrollPane();
		$('.jScrollPaneDrag').css('width','80px');
		$('.jScrollPaneDrag').css('right','0px');
		$('.jScrollPaneTrack').css('right','16px');
    };*/
	
	$('.rambler').css({opacity: 0.3});
   
   if($.browser.mozilla) {
		$('.rb-stations .kbps').css({top: '-20px'});
		$('.lb-stations .kbps').css({top: '-20px'});
	}
	
		
	/* активация и настройка скроллера
	$('#panel').jScrollPane();
	{
		$('.jScrollPaneContainer').css('width','384px');
		$('.jScrollPaneDrag').css('width','80px');
		$('.jScrollPaneDrag').css('right','0px');
		$('#panel .content').css('width','369px');
	}
	 /активация и настройка скроллера */
	
	/* установка переменных */
	
	var active_tumbler = $('.tumbler.lt-stations');
	$('.tumbler.lt-stations').get(0).active = $('.tumbler.lt-stations li[class*=select]');
	$('.tumbler.rt-stations').get(0).active = $('.tumbler.rt-stations li[class*=select]');
	$('.tumbler.lb-stations').get(0).active = $('.tumbler.lb-stations li[class*=select]');
	$('.tumbler.rb-stations').get(0).active = $('.tumbler.lt-stations li[class*=select]');
	
	$('.tumbler.lt-stations').get(0).icon = '/images/bigmusic.jpg';
	$('.tumbler.rt-stations').get(0).icon = '/images/elclub.jpg';
	$('.tumbler.lb-stations').get(0).icon = '/images/poppub.jpg';
	$('.tumbler.rb-stations').get(0).icon = '/images/saloon.jpg';
	
	$('.tumbler').get(0).counter = 1;
	$('.tumbler').get(0).direction = 1;
	$('.tumbler.lt-stations').get(0).indexed = 1;
	$('.tumbler.lt-stations').get(0).entry = 1;
	$('.tumbler').get(1).counter = 1;
	$('.tumbler').get(1).direction = 1;
	$('.tumbler.rt-stations').get(0).indexed = 3;
	$('.tumbler.rt-stations').get(0).entry = 1;
	$('.tumbler').get(2).counter = 1;
	$('.tumbler').get(2).direction = 1;
	$('.tumbler.lb-stations').get(0).indexed = 2;
	$('.tumbler.lb-stations').get(0).entry = 1;
	$('.tumbler').get(3).counter = 1;
	$('.tumbler').get(3).direction = 1;
	$('.tumbler.rb-stations').get(0).indexed = 4;
	$('.tumbler.rb-stations').get(0).entry = 1;

	/* /установка переменных */

	function switch_kbps(tumb, cur_kb, new_kb, mode){
	  var track = 0;
	  if (tumb.get(0).className != 'rb-stations tumbler') {
		  	if (mode == 0) {
		  		tumb.find('.btn').get(0).className = 'btn ' + new_kb.get(0).className;
		  		cur_kb.get(0).className = cur_kb.get(0).className.substr(7, cur_kb.get(0).className.length - 1);
		  		new_kb.get(0).className = 'select-' + new_kb.get(0).className;
		  		tumb.get(0).active = new_kb;
				switch (new_kb.get(0).className){
					case 'select-kb64': tumb.get(0).entry = 0; 
					break;
					case 'select-kb128': tumb.get(0).entry = 1; 
					break;
					case 'select-kb256': tumb.get(0).entry = 2; 
					break;
				}
				track = tumb.get(0).indexed*3 + tumb.get(0).entry - 3;
		  	}
		  	else {
		  		tumb.get(0).direction = (tumb.get(0).counter == 1) ? tumb.get(0).direction : -tumb.get(0).direction;
		  		
		  		tumb.get(0).counter += tumb.get(0).direction;
		  		
		  		switch (tumb.get(0).counter) {
		  			case 0:
		  				tumb.find('.btn').get(0).className = 'btn kb64';
		  				cur_kb.get(0).className = cur_kb.get(0).className.substr(7, cur_kb.get(0).className.length - 1);
		  				tumb.get(0).active = tumb.find('li.kb64');
		  				tumb.find('li.kb64').get(0).className = 'select-kb64';
						tumb.get(0).entry = 0;
		  				break;
		  			case 1:
		  				tumb.find('.btn').get(0).className = 'btn kb128';
		  				cur_kb.get(0).className = cur_kb.get(0).className.substr(7, cur_kb.get(0).className.length - 1);
		  				tumb.get(0).active = tumb.find('li.kb128');
		  				tumb.find('li.kb128').get(0).className = 'select-kb128';
		  				tumb.get(0).entry = 1;
						break;
		  			case 2:
		  				tumb.find('.btn').get(0).className = 'btn kb256';
		  				cur_kb.get(0).className = cur_kb.get(0).className.substr(7, cur_kb.get(0).className.length - 1);
		  				tumb.get(0).active = tumb.find('li.kb256');
		  				tumb.find('li.kb256').get(0).className = 'select-kb256';
		  				tumb.get(0).entry = 2;
						break;
		  		}
				track = tumb.get(0).indexed*3 + tumb.get(0).entry - 3;
		  	};
	  	}
		else track = 9;
		
		playTrack();
		setTr(track);
		playTrack();
	};
	
	function kb_click(item, mode){
		if (item.parents('.tumbler').get(0).className != active_tumbler.get(0).className)
		{
			var tmp = active_tumbler.find('[class*=round-btn]');
			tmp.get(0).className = tmp.get(0).className.substr(0, tmp.get(0).className.length - 7);
			item.parents('.tumbler').find('.round-btn').get(0).className = 'round-btn-active';
			active_tumbler = item.parents('.tumbler');
			$('.radio-title').attr({src: active_tumbler.get(0).icon});
			playTrack();
			if (active_tumbler.get(0).className != 'rb-stations tumbler')
				setTr(active_tumbler.get(0).indexed * 3 + active_tumbler.get(0).entry - 3)
			else
				setTr(9);
			playTrack();
		}
		else
		{
			if (mode == 2) {
				switch_kbps(active_tumbler, active_tumbler.get(0).active, item, 1)
			}
			else {
				if (item.get(0).className != active_tumbler.get(0).active.get(0).className) {
					switch_kbps(active_tumbler, active_tumbler.get(0).active, item, mode)
				};
							}
		};
	}; 
	
	function setVol(vol){
		if (vol < 0) {
				$('.volum-scrol').css({
					left: 0
				});
				volumeChange(0);
			}
			else {
				if (vol > 100) {
					$('.volum-scrol').css({
						left: 100
					});
					volumeChange(100);
				}
				else {
					$('.volum-scrol').css({
						left: vol
					});
					volumeChange(vol);
				}
			}
	}
	
	/* Клик по потоку */
	
	$('.kbps li').click(function(){
		if ($(this).parents('.tumbler').get(0).className != active_tumbler.get(0).className){
			switch ($(this).parents('.tumbler').get(0).className){
            	case 'lt-stations tumbler':
                     $('.lt-station').click();
					 kb_click($(this),2);
                break;
                case 'rt-stations tumbler':
                     $('.rt-station').click();
					 kb_click($(this),2);
                break;
                case 'lb-stations tumbler':
                     $('.lb-station').click();
					 kb_click($(this),2);
                break;
                case 'rb-stations tumbler':
                     $('.rb-station').click();
					 kb_click($(this),2);
                break;
                    
         	}
		}
		kb_click($(this),0);
	});
	
	/* /Клик по потоку */
	
     /* Клик по тумблеру */
     $('.btn').click(function(){
          kb_click($(this).parents('.tumbler').find('li'), 2);
          switch ($(this).parents('.tumbler').get(0).className){
               case 'lt-stations tumbler':
                    $('.lt-station').click();
               break;
               case 'rt-stations tumbler':
                    $('.rt-station').click();
               break;
               case 'lb-stations tumbler':
                    $('.lb-station').click();
               break;
               case 'rb-stations tumbler':
                    $('.rb-station').click();
               break;
                    
          }
     });
     /* /Клик по тумблеру */
	

	$(this).get(0).current = 2;
	
	$('.tumbler').each(function()
	{
		$(this).find('.round-btn').get(0).className='round-btn';
	});

	$('.content').get(0).activetab='1';
	
	$('.tumbler.lt-stations').find('.round-btn').get(0).className='round-btn-active';


	/* переключение текущей выбранной страницы + */

	$('.selectable').click(function()
	{
		if ($(this).get(0).className.substr(0,8) != 'selected')
		{
			var newone = $(this);
			var curr = $('.selectable[class*=selected]');
		
			var currname = curr.get(0).className;
			currname = currname.substr(9, currname.length - 1);
			
			newone.removeClass('selectable');
			
			var newonename = newone.get(0).className; 
			
			var loadfile = '/docs/' + newonename + '';
			
			newonename = 'selected-' + newonename + ' selectable';
			
			curr.animate({opacity: 0.8}, 100, function()
			{
				curr.get(0).className = currname;
			});
				
			
			newone.animate({opacity: 0.8}, 100, function()
			{
				newone.get(0).className = newonename;
			});
				  
			$('#pane1>div').fadeOut(100,function(){
				prepare();
				$('#pane1>div').load(loadfile, function(){
					$('#pane1>div').fadeIn(100);
					scrollActive();
					
					newone.animate({opacity: 0.9}, 100);
					curr.animate({opacity: 0.9}, 100);
					
				});
			});
		}
	})
	
	
		
	$('.middle').click();
	
	var loaded = false;

	$("#track").slider({ 
		  stepping: 1,
		  min: 0,
		  max: 100,

		  slide: function(e,ui) 
		  { 
			 if (!loaded) {loaded = true}
			 else
				volumeChange(ui.value); 
		  }
	});
	$("#track").slider("moveTo", "100"); 
});

function changecontent(loadfile) {
	$('#pane1>div').fadeOut(100, function(){
		prepare();
		$('#pane1>div').load(loadfile,  function(){
			$('#pane1>div').fadeIn(100);
			scrollActive();
		});
	});
	
	
	return false;
};

// TODO: merge with 'changecontent' function
function postmessage(loadfile, data) {
	$('#pane1>div').fadeOut(100, function(){
		prepare();
		$('#pane1>div').load(loadfile, data, function(){
			$('#pane1>div').fadeIn(100);
			scrollActive();
		});
	});
	return false;
};

function ask(){
	alert('Приносим свои извинения, но данная возможность пока находится в тестовом режиме');
}

function playTrack() {
 	 $('.left-eq').html('');
	 $('.right-eq').html('');
	 var movie = (navigator.appName.indexOf("Microsoft")!=-1 ? window : document)["xspf"];  
	 if ($.isFunction(movie.playTr)) 
	 {
		movie.playTr();
	 }
	 else {
		movie[1].playTr();
	 };
	 $('.left-eq').html('<img src="/images/eq-active-l.gif">');
	 $('.right-eq').html('<img src="/images/eq-active-r.gif">');
}

function pauseTrack() {
	 var movie = (navigator.appName.indexOf("Microsoft")!=-1 ? window : document)["xspf"];  
	 if ($.isFunction(movie.pause)) 
	 {
		movie.pause();
	 }
	 else {
		movie[1].pause();
	 };
	 $('.left-eq').html('');
	 $('.right-eq').html('');
}

function volumeChange(lvl){
	var movie = (navigator.appName.indexOf("Microsoft")!=-1 ? window : document)["xspf"];  
	 if ($.isFunction(movie.volume)) 
	 {
		movie.volume(lvl);
	 }
	 else {
		movie[1].volume(lvl);
	 };
}

function setTr(num){
	var movie = (navigator.appName.indexOf("Microsoft")!=-1 ? window : document)["xspf"];  
	 if ($.isFunction(movie.track)) 
	 {
		movie.track(num);
	 }
	 else {
		movie[1].track(num);
	 };
}

function all(){
	//alert(trackbar.getObject('two').leftValue);
}