$j = jQuery.noConflict();

$j(document).ready(function() {
    // put all your jQuery goodness in here.
    addMediaBehaviors();
    video_autoplay = 'false';
    $j('#artist_media a:first').click();
    video_autoplay = 'true';
    //grayscale_thumbnails();
});

function addMediaBehaviors() {
  $j('a.media_video').click( function(){
    loadVideo(this, 'video');
    return false;
  });
  
  $j('a.media_album').click( function(){
    loadPlaylist(this);
    return false;
  });
  
  $j('a.media_slideshow').click( function(){
    loadSlideshow(this);
    return false;
  });
}

function loadVideo(link, type){
    var name = $j(link).attr('title');
    var url = $j(link).attr('href');
        
    if(url == '#embed'){
      var embedCode = $j(link).children('div.embed_code').html();
    }else{
      var embedCode = videoPlayerCode(name, url, type, false);
    }
  
    
    $j('#media_player').html(embedCode);
    return false;
}

function loadPlaylist(link){
    playlistLoaded = false;
    
    var name = $j(link).attr('title');
    var url = $j(link).attr('href');
    var cover_art_src = $j(link).children('.cover_art').html();//.children('img').attr('src');

    try{
      var embedCode = videoPlayerCode(name, url, 'audio', url, cover_art_src);
    }catch(err){
      alert(err);
    }
    
    
    $j('#media_player').html(embedCode);
}

function loadSlideshow(link){
    var name = $j(link).attr('title');
    var url = $j(link).attr('href');
  
    $j('#media_player').html(imageRotatorCodeAlt(url, '690', '348'));
    return false;
}

 
function videoPlayerCode(name, url, type, playlist, image){
    
    //var output = "<h3>"+ name + "</h3> \
    //";
    var output = "";
  
    if(type == 'video'){
      height = '348';
      width = '690';
      var autostart = video_autoplay;
    }else{
      height = '32'; //'348';
      width = '690';
      var autostart = 'false';
    }
    /*var so = new SWFObject(jwPlayerUrl,'wpjp_player','700','350','9');
		so.addParam('allowfullscreen','true');
		so.addParam('allowscriptaccess','always');
		so.addParam('wmode','transparent');
		so.addParam('flashvars','file='+url+'"&playlist=none&autostart=false&logo.hide=true&skin='+jwPlayerSkinUrl);
		so.write('wpjp-player-9');*/
		

    output += "<div class='wpjp-embed-code'> \
		<div id='wpjp-player-9'>";
    output += "\
		<a href='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=shockwaveFlash' rel='nofollow'>Get The Latest Flash Player</a></div> \
		<script type='text/javascript'> \
		var so = new SWFObject('"+jwPlayerUrl+"','wpjp_player','"+width+"','"+height+"','9'); \
		so.addParam('allowfullscreen','true'); \
		so.addParam('allowscriptaccess','always'); \
		so.addParam('wmode','opaque'); \
		so.addParam('flashvars','";
		
		if(url){
		 output += "file=" + encodeURIComponent(url);
		}
		
		if(playlist){
		  output += "&playerready=playerReadyPlaylist";
		 //output += "&playlist=top&playlistsize=630&backcolor=000000&frontcolor=ffffff&lightcolor=666666"
		}
		
		
		output += "&title=" + escape(name) + " \
		&autostart="+autostart+"&logo.hide=true&skin="+jwPlayerSkinUrl+"'); \
		so.write('wpjp-player-9'); \
		</script> \
		<span class='cover_art' style='display:none;'>"+image+"</span> \
		</div> \
		";
		
	  return output;

}

function imageRotatorCode(url, width, height){
  var embed = '<div class="wpjp-embed-code" id="wpjwimagerotator-2"><object type="application/x-shockwave-flash" class="slideshow" name="so2" data="' + imageRotatorUrl;
  embed += '" \ width="' + width + '" height="' + height + '" id="so2_1" style="visibility: visible; "><param name="wmode" value="opaque"> \
        <param name="allowfullscreen" value="true"> \
        <param name="scriptaccess" value="always"> \
        <param name="flashvars" value="file=' + encodeURIComponent(url) + '\
&linkfromdisplay=true&shownavigation=false&showicons=false&overstretch=false&rotatetime=10&backcolor=0x000000&frontcolor=0xFFFFFF&lightcolor=0xCC0000&width=' + width + '&height=' + height + '&enablejs=true"> \
    </object><div style="clear: both;"></div>';
  
  return embed;

}

function imageRotatorCodeAlt(url, width, height){
    var output = "<div class='wpjw-imagerotator'> \
		<div id='wpjw-imagerotator'>";
    output += "\
		<a href='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=shockwaveFlash' rel='nofollow'>Get The Latest Flash Player</a></div> \
		<script type='text/javascript'> \
		var so = new SWFObject('"+imageRotatorUrl+"','wpjw-imagerotator','"+width+"','"+height+"','9'); \
		so.addParam('allowfullscreen','true'); \
		so.addParam('allowscriptaccess','always'); \
		so.addParam('wmode','opaque'); \
		so.addParam('flashvars','";
		
		if(url){
		 output += "file=" + encodeURIComponent(url);
		}
				
		
		output += "&linkfromdisplay="+ngg_linkfromdisplay +
		    "&shownavigation="+ngg_shownavigation + 
		    "&showicons="+ngg_showicons + 
		    "&overstretch="+ngg_overstretch + 
		    "&rotatetime="+ngg_rotatetime + 
		    "&backcolor=0x"+ngg_backcolor + 
		    "&frontcolor=0x"+ngg_frontcolor + 
		    "&lightcolor=0x"+ngg_lightcolor + 
 		    "&screencolor=0x"+ngg_screencolor + 
		    "&shuffle="+ngg_shuffle + 
		    "&kenburns="+ngg_kenburns + 
		    "&transition="+ngg_transition + 
		    "&width=" + width + "&height=" + height + "&enablejs=true'); \
		so.write('wpjw-imagerotator'); \
		</script> \
		</div> \
		";
		
	  return output;
}


function grayscale_thumbnails(){
  grayscale.prepare( $j('img.media_thumbnail') );
  $j('img.media_thumbnail').hover( function(){
      grayscale.reset( this );
    }, function(){
      grayscale( this );
    }
  );
  grayscale($j('img.media_thumbnail'));
  
}