var volume = 40;
var video, imgheight, orgtop, num, foto_total, foto_count;
var cookie_track;
var track = 0;
var domain = 'kluchi.ru';
var songs = [
  '/mp3/1.mp3',
  '/mp3/2.mp3',
  '/mp3/3.mp3',
  '/mp3/4.mp3',
  '/mp3/5.mp3'
];
//Пересортировываем файлы
songs.sort(function(){return 0.5 - Math.random()});

$(function(){  
  $('.b-fotogalery .b-foto_thumbs div.thumbs').scrollLeft(0);
  
  if($.cookie('volume')){
    volume = $.cookie('volume');
  }
  if(volume == 0){
    $('.b-player').find('img').attr({src: "/front/jplayer/volume_off.gif"});   
  }
  
  $("#slider").slider({
    value: volume,
		slide: function(event, ui) {
		  $('#jplayer').volume(ui.value);
		  if(ui.value == 0){
		    $('.b-player').find('img').attr({src: "/front/jplayer/volume_off.gif"});
		  }else{
        $('.b-player').find('img').attr({src: "/front/jplayer/volume.gif"});
		  }
		  $.cookie('volume', ui.value, { domain: domain, path: '/' });
		}
  });

  imgheight = $('.wrap-index #l-header .logo img').height();
  orgtop = parseFloat($('.wrap-index .b-organization').css('top')) + 50;
  
  foto_count = 0;
  foto_total = $('.b-fotogalery .b-foto_thumbs div.thumbs div.list li').size();
  $('.b-fotogalery .b-foto_thumbs div.thumbs div.list').width(foto_total * 147);
  
  
  if($.browser.msie && jQuery.browser.version.substr(0,3)=="6.0"){
    $('.b-frontman img').attr('src', '/front/b-frontman/frontman.gif');
  }
  
  if($.cookie('save_track') != null){
    cookie_track = $.cookie('save_track');
  }else{
    cookie_track = null;
  }

  $('.pngfix').ifixpng();
  $('a.lightbox').lightBox({fixedNavigation:true});
  
  if(video != true){
    $('#jplayer').jPlayer({
   		ready: function(){
   			$(this).setFile(play_track()).play();
   		},
   		volume: volume
   	})
   	.onProgressChange(function(lp,ppr,ppa,pt,tt){
     		$('#l-header .process .now').width(parseInt(ppa)+"%");
    })
   	.onSoundComplete(function(){
      $(this).setFile(play_track()).play();
    });
  }
    
  $('.mute').click(function(){
    if(volume == 0){
      $('#jplayer').volume(40);
      $('.b-player').find('img').attr({src: "/front/jplayer/volume.gif"});
      volume = 40;
    }else{
      $('#jplayer').volume(0);
      $('.b-player').find('img').attr({src: "/front/jplayer/volume_off.gif"});
      volume = 0;
    }
    $("#slider").slider('value', volume);
    $.cookie('volume', volume, { domain: domain, path: '/' });
    return false;
  });
  
  $('.b-sites a').click(function(){
    $('#jplayer').volume(0);
    volume = 0;
    $("#slider").slider('value', volume);
    $('.b-player').find('img').attr({src: "/front/jplayer/volume_off.gif"});
  });
  
  $('.b-fotogalery .b-foto_thumbs ul li a').click(function(){
    $('.b-fotogalery .b-foto_preview img').attr('src', $(this).attr('href'));
    $('.b-fotogalery .b-foto_header h3').text($(this).attr('title'));
    return false;
  });
  $('.b-fotogalery .b-foto_thumbs a.btn.prev').click(function(){
    if(!$(this).hasClass('disabled')){
      $('.b-fotogalery .b-foto_thumbs div.thumbs').animate({
        scrollLeft: '-=147'
      }, 500, function(){
        if($('.b-fotogalery .b-foto_thumbs div.thumbs').scrollLeft() == 0){
          $('.b-fotogalery .b-foto_thumbs a.prev').addClass('disabled');
          $('.b-fotogalery .b-foto_thumbs a.next').removeClass('disabled');
        }else{
          $('.b-fotogalery .b-foto_thumbs a.prev').removeClass('disabled');
          $('.b-fotogalery .b-foto_thumbs a.next').removeClass('disabled');
        }
      });
    }
    return false;
  });
  $('.b-fotogalery .b-foto_thumbs a.btn.next').click(function(){
    if(!$(this).hasClass('disabled')){
      $('.b-fotogalery .b-foto_thumbs div.thumbs').animate({
        scrollLeft: '+=147'
      }, 500, function(){
        if($('.b-fotogalery .b-foto_thumbs div.thumbs').scrollLeft() >= (foto_total - 4) * 147){
          $('.b-fotogalery .b-foto_thumbs a.next').addClass('disabled');
        }else{
          $('.b-fotogalery .b-foto_thumbs a.next').removeClass('disabled');
          $('.b-fotogalery .b-foto_thumbs a.prev').removeClass('disabled');
        }
      });
    }
    return false;
  });
  
  $('.b-sites li').hover(
    function(){
      $(this).addClass('select');
    },
    function(){
      $(this).removeClass('select');
    }
  );
  
  $(window).resize(function(){
    wraper();
    width_index();
  });
  width_index()
  wraper();
});

function width_index(){
  if($(window).height() < 630){
    $('.wrap-index #l-header .logo img').css('height', 68);
    $('.wrap-index .b-organization').css('top', 141);
  }else{
    if($(window).width() > 1100){
      $('.b-content_apos').css('left', '317px');
    }else{
      $('.b-content_apos').css('left', '260px');
    }
    var ratio = $(window).height() / 1100;
    if(ratio < 1){
      var height = imgheight * parseFloat(ratio.toFixed(2));
      if(height < 68){
        height = 68;
      }
      var toper = orgtop * ratio;
      $('.wrap-index #l-header .logo img').css('height', parseFloat(height.toFixed(0)) + 'px');
      $('.wrap-index .b-organization').css('top', parseFloat(height.toFixed(0)) + 73 + 'px');
    }else{
      height = 116;
      $('.wrap-index #l-header .logo img').css('height', parseFloat(height.toFixed(0)) + 'px');
      $('.wrap-index .b-organization').css('top', parseFloat(height.toFixed(0)) + 73 + 'px');
    }
  }
}

function play_track(){
  if(track == 0){
    if(cookie_track == songs[0]){
      track = 1;
    }
  }else{
    if(track >= songs.length - 1){
      track = 0;
    }else{
      track++;
    }
  }
  $.cookie('save_track', songs[track], { domain: domain, path: '/' });
  return songs[track];
}

function wraper(){
  var win_width = $(window).width();
  if(win_width > 953){
    if(win_width < 1076){
      win_wrap = win_width - 953;
      $('.wrap').css('padding-left', win_wrap);  
    }else{
      win_wrap = win_width - 522;
      $('.wrap').css('padding-left', 122);
      if(win_wrap > 953){
        $('.wrap').css('width', win_wrap);
        $('.wrap .float-right').css('width', win_wrap - 317)
      }
    }
  }else{
    $('.wrap').css({
      'padding-left': 0,
      'width': '953px'
    });  
  }
}