if ( window.$ ) var _$ = window.$;
window.$ = jQuery;


var dir;
var img_dir;
var mp3Dir;
var tog_bg_src;
var volImg = ['sound_mute.gif', 'sound.gif'];
var swImg = ['control_play.gif', 'control_pause.gif'];

$( function(){
  var ver = deconcept.SWFObjectUtil.getPlayerVersion();
  if ( ver.major == 0 ) {
    var fla = $( '#getflashplayer' );
    fla.show();
    return;
  }
  
  mp3Dir = dir + '/mp3/';
  tog_bg_src = 'url( ' + img_dir + 'ar.gif)';
  init();
  initToggle();
  initVol();
  initSw();
  printSwf();
});

function init() {
  $( 'div#number ol li a' ).each( function( i ) {
    var a = $( this );
    var title = a.attr( 'title' );
    a.click( function() {
      playSound( title );
      pageTracker._trackPageview( 'sounds/' + title );
    } );
    a.focus( function() {
      this.blur();
    } );
  });
  $( 'div#sounds-menu ul li a' ).each( function( i ) {
    $( this ).focus( function() {
      this.blur();
    } );
  } );
  
}

function playSound( file ) {

  controlPlayer( 'load', mp3Dir + file + '.mp3' );
  controlPlayer( 'play', 0 );
  $('#ope').css( 'height', 'auto' );
  $('#sw').css( 'visibility', 'visible' );
  $('#vol').css( 'visibility', 'visible' );
  $( '#sw' ).attr( { src: img_dir + swImg[1] } );
}

function controlPlayer( func, param ) {
  thisMovie( "mp3player" ).jsControl( func, param );
//   console.log( 'func: '+func+"\nparam: "+param);
}

function thisMovie( movieName ) {
  if (navigator.appName.indexOf("Microsoft") != -1) {
    return window[movieName]
  }
  else {
    return document[movieName]
  }
}

function printSwf() {
  var swf = dir + '/swf/mp3player.swf';
  var cfg = dir + '/swf/config.xml';
  var w = 100;
  var h = 35;
  
  var so = new SWFObject( swf, 'mp3player', w, h, '8');
  so.addParam( 'allowscriptaccess', 'always' );
  so.addParam( 'allowfullscreen', 'true' );
  so.addVariable( 'config', cfg );
  so.write( 'swf' );

}

function initVol() {
  var vol = $( '#vol' );
  setHandCursor( vol );
  vol.click( function() {
    if ( vol.attr( 'src' ).indexOf( volImg[0] ) == -1 ) {
      vol.attr( {
        src: img_dir + volImg[0],
        alt: 'up',
        title: 'up'
      });
      controlPlayer( 'volume', 80 );
    }
    else {
      vol.attr( {
        src: img_dir + volImg[1],
        alt: 'mute',
        title: 'mute'
      });
      controlPlayer( 'volume', 0 );
    }
  } );
}

function initSw() {
  var sw = $( '#sw' );
  setHandCursor( sw );
  sw.click( function() {
    if ( sw.attr( 'src' ).indexOf( swImg[0] ) == -1 ) {
      sw.attr( {
        src: img_dir + swImg[0],
        alt: 'play',
        title: 'play'
      });
    }
    else {
      sw.attr( {
        src: img_dir + swImg[1],
        alt: 'pause',
        title: 'pause'
      } );
    }
      controlPlayer( 'pause' );
  } );
}

function initToggle() {
  var tog = $( '#toggle img' );
  setHandCursor( tog );
  tog.click( function() {
    var desc = $( '#desc' );
    var shape = 'none';
    var str = 'kwsk...';
    var src = img_dir + 'add.gif';
    if ( desc.css( 'display' ) == 'none' ) {
      shape = 'block';
      str = 'close';
      src = img_dir + 'subtract.gif';
    }
    tog.attr( {
        src: src,
        alt: str,
        title: str
      } );
    desc.css( 'display',  shape );
  } );
}
function setHandCursor( o ) {
  var shape = 'pointer';
  if ( $.browser.msie && $.browser.version < 6 ) shape = 'hand';
  //   if ( is.win && is.ie && !is.ie6up ) { shape = 'hand'; }
  o.css( 'cursor', shape );
}