<!--
$(document).ready(jqueryInit);
function jqueryInit(){
	init_rating();
	init_comment();
	init_album();
	init_delete()
}

function init_comment(){
	comments=$("div[class^=comment_tag]");
	for(var i=0;i<comments.length;i++){
		comments[i].onclick=new Function("evt","show_comment_form('"+comments[i].getAttribute('id').substr(12,1)+"',"+comments[i].getAttribute('id').substr(14)+")");
	}
}

function init_delete(){
	$("span.delete").click(function(){
		var cid=this.getAttribute('id');
		var type=$(this).parent().attr("id").substr(12,1);
		delete_comment(cid,type);
	});
}

function show_comment_form(type,itemId){
	document.getElementById("comment_tag_"+type+"_"+itemId).onclick='';
	document.getElementById("comment_tag_"+type+"_"+itemId).onclick=new Function("evt","hide_comment_form('"+type+"',"+itemId+")");
	if(typeof(userid)!='undefined'){
		var comment_form='<textarea class="comment_form" id="comment_form_'+type+'_'+itemId+'">Add your comment here...</textarea><br><span class="art-button-wrapper"><span class="l"> </span><span class="r"> </span><button type="submit" id="comment_submit_'+type+'_'+itemId+'" class="art-button">Submit</button></span>';
		$("#comment_submit_div_"+type+"_"+itemId).append(comment_form);
	}
	$("#comment_holder_"+type+"_"+itemId).slideDown();
	$(".comment_form").click(function(){
		$(this).css({'font-style':'normal','color':'#000000'});
		$(this).val('');
		$(this).unbind('click');
	});
	$("#comment_submit_"+type+"_"+itemId).click(function(){
		var itemId=this.getAttribute('id').substr(17);
		var type=this.getAttribute('id').substr(15,1);
		comment=encodeURIComponent(addslashes($("#comment_form_"+type+"_"+itemId).val()));
		if(comment!="Add%20your%20comment%20here..."&&comment!=''){
			comment=comment.replace(/(<([^>]+)>)/ig,"");
		$.get("inc22/np/submitComment.php",{
		itemid:itemId,
		commenttext:comment,
		type:type},function(data){
			if(data!=''){
				var commentdata=eval('('+data+')');
				$("#comment_submit_div_"+type+"_"+itemId).fadeOut(250);
				var comment_display='<div class="comment_box" id="comment_box_'+type+'_'+commentdata.cid+'"><span class="delete" id="'+commentdata.cid+'">X</span><?}?><b>By: '+commentdata.username+' on '+commentdata.timestamp+'</b><br><p>'+commentdata.comment+'</p>';
				$(comment_display).hide().appendTo($("#comment_holder_"+type+"_"+itemId)).fadeIn(500);
				$("#"+commentdata.cid).click(function(){
					delete_comment(commentdata.cid,type);
				});
			}
			currenttag=$("#comment_tag_"+type+"_"+itemId);
			if(currenttag.html()=='+'){
				currenttag.removeClass("comment_tag_off");
				currenttag.addClass("comment_tag");
				currenttag.html('1');
			}else{
				currenttag.html(parseInt(currenttag.html())+1);
			}
		});
		}else{
		hide_comment_form(type,itemId);
		}
	});
}

function hide_comment_form(type,itemId){
	document.getElementById("comment_tag_"+type+"_"+itemId).onclick='';
	document.getElementById("comment_tag_"+type+"_"+itemId).onclick=new Function("evt","show_comment_form('"+type+"',"+itemId+")");
	$("#comment_holder_"+type+"_"+itemId).slideUp('fast',function(){
		$("#comment_submit_div_"+type+"_"+itemId).children().remove();
	});
}

function delete_comment(cid,type){
	if(confirm("Delete this comment?")){
		$.get("inc22/np/deleteComment.php",{cid:cid},function(data){
			if(data!=''){
				currenttag=$("#comment_tag_"+type+"_"+data);
				if(currenttag.html()=='1'){
					currenttag.removeClass("comment_tag");
					currenttag.addClass("comment_tag_off");
					currenttag.html('+');
				}else{
					currenttag.html(parseInt(currenttag.html())-1);
				}
				$("#comment_box_"+type+"_"+cid).slideUp(300);
			}
		});
	}
}

function submitRating(widgetId,type,rating){
	$.get("inc22/np/submitRating.php",{
		id:widgetId,
		rating:rating,
		type:type},function(newdata){
			var data = eval('(' + newdata + ')');
			var new_rating=data.new_rating;
			rating++;
			$("#rating_submit_"+type+"_"+widgetId).html('');
			for(var j=0;j<5;j++){
				var star=document.createElement('img');
				if(rating>=1){
					star.setAttribute('src','images/ratings/rating_dead_on.png');
					star.className='on';
					rating--;
				}else if(rating==0.5){
					star.setAttribute('src','images/ratings/rating_dead_half.png');
					star.className='half';rating=0;
				}else{
					star.setAttribute('src','images/ratings/rating_dead_off.png');
					star.className='off';
				}
				star.setAttribute('id','ratingstar_'+type+'_'+widgetId+'_'+j);
				star.onmouseover=new Function("evt","displayHover("+widgetId+", '"+type+"', "+j+");");
				star.onmouseout=new Function("evt","displayNormal("+widgetId+", '"+type+"', "+j+");");
				$("#rating_submit_"+type+"_"+widgetId).append(star);
				star.onclick=new Function("evt","submitRating("+widgetId+", '"+type+"', "+j+");");
			}
			$("#rating_"+type+"_"+widgetId).html('');
			for(var j=0;j<5;j++){
				var star=document.createElement('img');
				if(new_rating>=1){
					star.setAttribute('src','images/ratings/rating_on.png');
					star.className='on';
					new_rating--;
				}else if(new_rating==0.5){
					star.setAttribute('src','images/ratings/rating_half.png');
					star.className='half';
					new_rating=0;
				}else{
					star.setAttribute('src','images/ratings/rating_off.png');
					star.className='off';
				}
				star.setAttribute('id','rating_'+widgetId+'_'+type+'_'+j);
				$("#rating_"+type+"_"+widgetId).append(star);
			}
			$("#ratingcount_"+type+"_"+widgetId).html(data.new_count);
		});
		
}

function init_rating(){
	ratings=$("div[id^=rating_]");
	for(var i=0;i<ratings.length;i++){
		if(ratings[i].className!='rating')
			continue;
			var rating=ratings[i].firstChild.nodeValue;
			if (rating=='undefined'||rating=='null'){
				rating=ratings[i].firstChild.innerHTML;
			}
			ratings[i].innerHTML='';
			ratings[i].setAttribute('status','rated');
			if(rating>5||rating<0)
			continue;

			for(var j=0;j<5;j++){
				var star=document.createElement('img');
				if(rating>=1){
					star.setAttribute('src','images/ratings/rating_on.png');
					star.className='on';
					rating--;
				}else if(rating==0.5){
					star.setAttribute('src','images/ratings/rating_half.png');
					star.className='half';
					rating=0;
				}else{
					star.setAttribute('src','images/ratings/rating_off.png');
					star.className='off';
				}
				var type=ratings[i].getAttribute('id').substr(7,1);
				var widgetId=ratings[i].getAttribute('id').substr(9);
				star.setAttribute('id','star_'+type+'_'+widgetId+'_'+j);
				ratings[i].appendChild(star);
			}
	}
	if(typeof(userid)!='undefined'){
		user_stars();
	}
}

function user_stars(){
	ratings_submit=$("div[id^=rating_submit]");
	for(var i=0;i<ratings_submit.length;i++){
		if(ratings_submit[i].className!='rating_submit')
		continue;
		var user_rating=ratings_submit[i].firstChild.nodeValue;ratings_submit[i].innerHTML='';
		if(user_rating>5||user_rating<0)
		continue;
		for(var j=0;j<5;j++){
			var star=document.createElement('img');
			if(user_rating>=1){
				star.setAttribute('src','images/ratings/rating_dead_on.png');
				star.className='on';user_rating--;
			}else if(user_rating==0.5){
				star.setAttribute('src','images/ratings/rating_dead_half.png');
				star.className='half';user_rating=0;
			}else{
				star.setAttribute('src','images/ratings/rating_dead_off.png');
				star.className='off';
			}
			var widgetId=ratings_submit[i].getAttribute('id').substr(16);
			var type=ratings_submit[i].getAttribute('id').substr(14,1);
			star.setAttribute('id','ratingstar_'+type+'_'+widgetId+'_'+j);
			star.onmouseover=new Function("evt","displayHover("+widgetId+", '"+type+"', "+j+");");
			star.onmouseout=new Function("evt","displayNormal("+widgetId+", '"+type+"', "+j+");");
			star.onclick=new Function("evt","submitRating("+widgetId+", '"+type+"', "+j+");");
			ratings_submit[i].appendChild(star);
			}
		}
}

function login_rating(){
	ratings_submit=$("div[id^=rating_submit]");
	for(var i=0;i<ratings_submit.length;i++){
		songId=ratings_submit[i].getAttribute('id').substr(16);
		type=ratings_submit[i].getAttribute('id').substr(14,1);
		rewrite_user_ratings(songId,type);
	}
	comments_tag=$(".comment_tag_off");
	for(var j=0;j<comments_tag.length;j++){
		type=comments_tag[j].getAttribute('id').substr(12,1);
		itemId=comments_tag[j].getAttribute('id').substr(14);
		fade_in_comments(itemId,type);
	}
	init_comment();
}

function fade_in_comments(itemId,type){
	$("#comment_tag_"+type+"_"+itemId).show()
}

function rewrite_user_ratings(songId,type){
	$.get("inc22/np/user_rating.php",{itemId:songId,type:type},function(data){
		one_user_row(songId,parseFloat(data),type);
	});
}

function one_user_row(songId,user_rating,type){
	for(var j=0;j<5;j++){
		var star=document.createElement('img');
		if(user_rating>=1){
			star.setAttribute('src','images/ratings/rating_dead_on.png');
			star.className='on';
			user_rating--;
		}else if(user_rating==0.5){
			star.setAttribute('src','images/ratings/rating_dead_half.png');
			star.className='half';
			user_rating=0;
		}else{
			star.setAttribute('src','images/ratings/rating_dead_off.png');
			star.className='off';
		}
		star.setAttribute('id','ratingstar_'+type+'_'+songId+'_'+j);
		star.onmouseover=new Function("evt","displayHover("+songId+", '"+type+"', "+j+");");
		star.onmouseout=new Function("evt","displayNormal("+songId+", '"+type+"', "+j+");");
		star.onclick=new Function("evt","submitRating("+songId+", '"+type+"', "+j+");");
		document.getElementById("rating_submit_"+type+"_"+songId).appendChild(star);
	}
}

function displayHover(ratingId,type,star){
	for(var i=0;i<=star;i++){
		var starElement=document.getElementById('ratingstar_'+type+'_'+ratingId+'_'+i);
		var status=document.getElementById('ratingstar_'+type+'_'+ratingId+'_'+i).className;
		if(status=="on"){
			starElement.setAttribute('src','images/ratings/rating_user_on.png');
		}else{
			starElement.setAttribute('src','images/ratings/rating_over.png');
		}
	}
}

function displayNormal(ratingId,type,star){
	for(var i=0;i<=star;i++){
		var status=document.getElementById('ratingstar_'+type+'_'+ratingId+'_'+i).className;
		var starElement=document.getElementById('ratingstar_'+type+'_'+ratingId+'_'+i);
		starElement.setAttribute('src','images/ratings/rating_dead_'+status+'.png');
	}
}

function init_album(){
	if(typeof(composer)=='undefined'){composer='';}
	if(typeof(title)=='undefined'){title='';}
	if(typeof(artist)=='undefined'){artist='';}
	if(typeof(album)=='undefined'){album='';}
	if(typeof(organID)=='undefined'){organID='';}
	$(".expand").click(function(){
		expand_album(this.getAttribute('id'),escape(artist),escape(composer),escape(title),organID);
	});
}

function expand_album(albumId,artist,composer,title,organID){
	if($('#album_tracks_'+albumId).html()==''){
		$('#loading_'+albumId).html('Loading <img src="images/loader.gif">');
		$.get("inc22/library/expandAlbum.php",{albumId:albumId,artist:artist,album:album,composer:composer,title:title,organID:organID},function(data){
			$('#album_tracks_'+albumId).append(decodeURIComponent(data));
			$('#loading_'+albumId).html('');
			$('#album_tracks_'+albumId).slideDown();
			document.getElementById(albumId).setAttribute('src','images/collapse.png');
			init_rating();
			init_comment();
			init_delete();
			if(typeof(userid)=='undefined'){
				$(".comment_tag_off").hide();
				$(".user").hide();
			}
			$("div[class^=comment_holder]").hide();
		});
	}else{
		$('#album_tracks_'+albumId).slideUp(function(){
			$('#album_tracks_'+albumId).html('');
			document.getElementById(albumId).setAttribute('src','images/expand.png');
		});
	}
}
