﻿MTV(function(){
    GetPagePlaylist();
});


function GetPagePlaylist() {
    MTV.ajax({
        url			: "/mplay/playlistAjax.aspx", 
        data		: {action : "list"},
        cache		: false,
        dataType	: "xml",
        type		: "get",	
        success		: function(xml){
	        XmlCount    = MTV('count', xml).text();
	        XmlError    = MTV('error', xml).text();
			
			if (XmlCount != 0 && XmlError == '0') {
			    MTV('item', xml).each(function(i) {
				    qClipId     = MTV('clipid', this).text();
				    qArtistId   = MTV('artistid', this).text();
				    qArtist     = MTV('artist', this).text();
				    qSong       = MTV('song', this).text();
				    qThumbnail  = MTV('thumbnail', this).text();
    				
                    MTV("#detail-item-" + qClipId).html('<a href="javascript:;" onclick="DeletePlaylistOfDetail(' + qClipId + ');"><img class="passive" src="pl-delete-red.gif" /><img class="active" src="pl-delete-lightred.gif" /></a>'); 
	                
	                
	                MTV("#list-item-" + qClipId).html('<a href="javascript:;" onclick="DeletePlaylist(' + qClipId + ',\'\');">Playlistim\'den Çıkar</a>');
		            MTV("#list-item-" + qClipId).removeClass(MTV("#list-item-" + qClipId).className);
	                MTV("#list-item-" + qClipId).addClass('delete-playlist');
			    });
			}
			
        }
    });	

    MTV("#mp-list-inner").html(MTV("#mp-list-outter").html());
    MTV("#genre-side").css('display','block');
    MTV("#playlist-side").css('display','none');
    MTV("#playlist-side").html('');
    MTV("#loading-process").height('0px');
    MTV("#loading-process").hide();
    MTV('#mp-list').jScrollPane({showArrows:true, scrollbarWidth: 10});

}

function GetPlaylist() {
    MTV.ajax({
        url			: "/mplay/playlistAjax.aspx", 
        data		: {action : "list"},
        beforeSend	: function() {
            MTV("#mp-list-inner").html('');
            MTV("#genre-side").css('display','none');
            
            MTV("#playlist-side").css('display','block');
            MTV("#playlist-side").html('');
            ToggleTabs(4);
            
			MTV("#loading-process").height(MTV("#genre-side").height()+"px");
			MTV("#loading-process").show();
        },
        cache		: false,
        dataType	: "xml",
        type		: "get",	
        success		: function(xml){
	        XmlCount    = MTV('count', xml).text();
	        XmlError    = MTV('error', xml).text();
			
			var html = '';					
			
			if (XmlError == '0') {
			    MTV('item', xml).each(function(i) {
				    qClipId     = MTV('clipid', this).text();
				    qArtistId   = MTV('artistid', this).text();
				    qArtist     = MTV('artist', this).text();
				    qSong       = MTV('song', this).text();
				    qThumbnail  = MTV('thumbnail', this).text();
				    
				    if (playlistAction == 'playlist') {
				        if (qClipId == playlistClipId) {
				            playlistActiveClipId = playlistClipId;
				        
				        }
				        else {
                            if (firstItem == 0)
                            {
                                firstItem = qClipId;
                            }
                            if (playlistActiveClipId != 0)
                            {
                                playlistActiveClipId = 0;
                                nextItem = qClipId;
                            }
				        }
				    }
    				
				    html += '<div class="pl-item clearfix"><a href="/mplay/detail.aspx?Action=playlist&ClipId=' + qClipId + '" class="pl-link">' + qArtist + ' - ' + qSong + '</a><a href="javascript:;" onclick="DeletePlaylist(' + qClipId + ',\'\');" class="pl-delete-icon"><img class="passive" src="pl-delete-red.gif" /><img class="active" src="pl-delete-lightred.gif" /></a></div>';
	                
	                MTV("#list-item-" + qClipId).html('<a href="javascript:;" onclick="DeletePlaylist(' + qClipId + ',\'\');">Playlistim\'den Çıkar</a>');
		            MTV("#list-item-" + qClipId).removeClass(MTV("#list-item-" + qClipId).className);
	                MTV("#list-item-" + qClipId).addClass('delete-playlist');
			    });

                MTV("#playlist-side").html(html);
                MTV('#mp-list').jScrollPane({showArrows:true, scrollbarWidth: 10});
			}
            

			if (XmlError == '1') {
			    alert('Playlistim\'i görebilmek için "Giriş" yapmalısınız.');
			}

			if (XmlError == '2') {
			    PlaylistEmpty();
			    alert('Playlist tamamen boş.');
			}

            MTV("#loading-process").height('0px');
            MTV("#loading-process").hide();
        }
    });	
}

function OtherVideos() {
    GetPagePlaylist();
    ToggleTabs(1);
}


function PlaylistEmpty() {
    var html = '';
    html += '<div class="playlist-empty"></div>';
    MTV("#playlist-side").html(html);
}


function AddPlaylist(pClipid,pTitle) {
    MTV.ajax({
        url			: "/mplay/playlistAjax.aspx", 
        data		: {action : "add", clipid : pClipid},
        beforeSend	: function() {
            MTV("#list-item-" + pClipid).html('Ekleniyor...');
        },
        cache		: false,
        dataType	: "xml",
        type		: "get",	
        success		: function(xml){
	        XmlCount    = MTV('count', xml).text();
	        XmlError    = MTV('error', xml).text();
	        
	        if (XmlError == '0') {
	            GetPlaylist();	            
	        }
			
			if (XmlError == '1') {
			    alert('Playlistim\'e ekleme yapabilmek için "Giriş" yapmalısınız.');
			}
			
	        if (XmlError == '3') {
	            alert('Seçtiğiniz klip Playlistim\'e zaten ekli.');
	        }
			
        }
    });	
}
function AddPlaylistOfDetail(pClipid) {
    MTV.ajax({
        url			: "/mplay/playlistAjax.aspx", 
        data		: {action : "add", clipid : pClipid},
        beforeSend	: function() {
            MTV("#detail-item-" + pClipid).html('<span>Siliniyor</span>');
        },
        cache		: false,
        dataType	: "xml",
        type		: "get",	
        success		: function(xml){
	        XmlCount    = MTV('count', xml).text();
	        XmlError    = MTV('error', xml).text();

            var html = '';
	        
	        if (XmlError == '0') {
	            MTV("#detail-item-" + pClipid).html('<a href="javascript:;" onclick="DeletePlaylistOfDetail(' + pClipid + ');"><img class="passive" src="pl-delete-red.gif" /><img class="active" src="pl-delete-lightred.gif" /></a>'); 
	        }
			
			if (XmlError == '1') {
			    alert('Playlistim\'e ekleme yapabilmek için "Giriş" yapmalısınız.');
			    MTV("#detail-item-" + pClipid).html('<a href="javascript:;" onclick="AddPlaylistOfDetail(' + pClipid + ');"><img class="passive" src="pl-add-green.gif" /><img class="active" src="pl-add-lightgreen.gif" /></a>'); 
			}
			
	        if (XmlError == '3') {
	            alert('Seçtiğiniz klip Playlistm\'de zaten ekli.');
	            MTV("#detail-item-" + pClipid).html('<a href="javascript:;" onclick="AddPlaylistOfDetail(' + pClipid + ');"><img class="passive" src="pl-add-green.gif" /><img class="active" src="pl-add-lightgreen.gif" /></a>'); 
	        }
			
        }
    });	
}





function DeletePlaylist(pClipid) {
    MTV.ajax({
        url			: "/mplay/playlistAjax.aspx", 
        data		: {action : "delete", clipid : pClipid},
        beforeSend	: function() {
            MTV("#list-item-" + pClipid).html('Siliniyor...');
        },
        cache		: false,
        dataType	: "xml",
        type		: "get",	
        success		: function(xml){
	        XmlCount    = MTV('count', xml).text();
	        XmlError    = MTV('error', xml).text();
	        
	        if (XmlError == '0') {
	            
	            MTV("#list-item-" + pClipid).html('<a href="javascript:;" onclick="AddPlaylist(' + pClipid + ',\'\');">Playlistim\'e Ekle</a>');
	            MTV("#list-item-" + pClipid).removeClass(MTV("#list-item-" + qClipId).className);
                MTV("#list-item-" + pClipid).addClass('add-playlist');
	            
	            setTimeout('GetPlaylist()', 180);
	        }
			
			if (XmlError == '1') {
			    alert('Seçtiğiniz şarkıyı Playlistim\'den silmek için "Giriş" yapmalısınız.');
			}
			
	        if (XmlError == '5') {
	            alert('Seçtiğiniz şarkı Playlistim\'den silinemedi.');
	        }
			
        }
    });	
}
function DeletePlaylistOfDetail(pClipid) {
    MTV.ajax({
        url			: "/mplay/playlistAjax.aspx", 
        data		: {action : "delete", clipid : pClipid},
        beforeSend	: function() {
            MTV("#detail-item-" + pClipid).html('<span>Siliniyor</span>');
        },
        cache		: false,
        dataType	: "xml",
        type		: "get",	
        success		: function(xml){
	        XmlCount    = MTV('count', xml).text();
	        XmlError    = MTV('error', xml).text();
	        
	        if (XmlError == '0') {
	            MTV("#detail-item-" + pClipid).html('<a href="javascript:;" onclick="AddPlaylistOfDetail(' + pClipid + ');"><img class="passive" src="pl-add-green.gif" /><img class="active" src="pl-add-lightgreen.gif" /></a>'); 
	        }
			
			if (XmlError == '1') {
			    alert('Seçtiğiniz şarkıyı Playlistim\'den silmek için "Giriş" yapmalısınız.');
			    MTV("#detail-item-" + pClipid).html('<a href="javascript:;" onclick="DeletePlaylistOfDetail(' + pClipid + ');"><img class="passive" src="pl-delete-red.gif" /><img class="active" src="pl-delete-lightred.gif" /></a>'); 
			}
			
	        if (XmlError == '5') {
	            alert('Seçtiğiniz şarkı Playlistim\'den silinemedi.');
	            MTV("#detail-item-" + pClipid).html('<a href="javascript:;" onclick="DeletePlaylistOfDetail(' + pClipid + ');"><img class="passive" src="pl-delete-red.gif" /><img class="active" src="pl-delete-lightred.gif" /></a>'); 
	        }
			
        }
    });	
}

function ToggleTabs(j) {
    var k = 4;
    if (MTV('#mp-lnk-'+j).className != 'active') {
	    for(i=1;i<=k;i++) {
		    MTV('#mp-lnk-'+i).removeClass('active');
	    }
	    MTV('#mp-lnk-'+j).addClass('active');
    }
}
