$(window).unload(function() {
    $("div.player").html("");
});

(function($) {

    function generatePlaylistID() {
        var i = 1;
        while (true) {
            if ($(".playlist" + i).length == 0) {
                return "playlist" + i;
            }
            else {
                i++;
            }
        }
    }

    function setPlayer(el, url, id, settings) {
    
        var flashWidth = settings.progressBarWidth + settings.barSpace + settings.volumeBarWidth;
        var flashHeight = Math.max(settings.volumeSliderHeight, settings.progressSliderHeight);
            
    var settingsStr = "&backgroundColor=" + settings.backgroundColor +
"&volumeBarWidth=" + settings.volumeBarWidth +
"&progressBarWidth=" + settings.progressBarWidth + 
"&barSpace=" + settings.barSpace + 
"&volumeBarColor=" + settings.volumeBarColor + 
"&volumeBarHeight=" + settings.volumeBarHeight + 
"&volumeSliderWidth=" + settings.volumeSliderWidth + 
"&volumeSliderHeight=" + settings.volumeSliderHeight + 
"&volumeSliderColor=" + settings.volumeSliderColor + 
"&progressBarHeight=" + settings.progressBarHeight + 
"&progressSliderWidth=" + settings.progressSliderWidth + 
"&progressSliderHeight=" + settings.progressSliderHeight + 
"&progressSliderColor=" + settings.progressSliderColor + 
"&progressBarColor=" + settings.progressBarColor + 
"&bufferColor=" + settings.bufferColor;

    $(el).html("<embed wmode=\"transparent\" type='application/x-shockwave-flash' src="+settings.playerurl+" width='" + flashWidth + "' height='" + flashHeight + "' style='undefined' id='player" + id + "' name='player" + id + "' quality='high' swliveconnect='true' allowscriptaccess='sameDomain' flashvars='url=" + url + "&amp;id=" + id + settingsStr + "'>");
        $(el).removeClass("inactive");
    }
    
    function getFlashMovie(id) {
        var isIE = navigator.appName.indexOf("Microsoft") != -1;
        return (isIE) ? document["player" + id] : document["player" + id];
    }
	function invokeFlashMethod(id, methodName, arg1, arg2, arg3)
	{
	   var flsh = getFlashMovie(id);
		var isIE = navigator.appName.indexOf("Microsoft") != -1;
	   var res = null;
	   if (isIE) {
		   var args = [];
		   if (arg1) {
			   args.enqueue(arg1);
		   }
		   if (arg2) {
			   args.enqueue(arg2);
		   }
		   if (arg3) {
			   args.enqueue(arg3);
		   }
		   var xmlArgs = window.self.__flash__argumentsToXML(args, 0);
		   var xml = '<invoke name=\"';
		   xml = xml + methodName;
		   xml = xml + '\" returntype=\"javascript\">';
		   xml = xml + xmlArgs;
		   xml = xml + '</invoke>';
		   var funcRes = flsh.callFunction(xml);
		   if ((funcRes != null) && (funcRes != undefined)) {
			   res = eval(funcRes);
		   };
	   }
	   else {
		   if (!arg1) {
			   res = flsh[methodName]();
		   }
		   else if (arg1 && !arg2) {
			   res = flsh[methodName](arg1);
		   }
		   else if (arg1 && arg2 && !arg3) {
			   res = flsh[methodName](arg1, arg2);
		   }
		   else {
			   res = flsh[methodName](arg1, arg2, arg3);
		   }
	   }
	   return res;
	}

    function removePlayer(el) {
        $(el).addClass("inactive").empty();
    }

    function playTrack(el, id) {
        $(el).addClass("current");
        var settings = $(el).data("settings");
        setPlayer($(el).find("div.player"), $(el).attr("href"), id, settings);
        $.each($(el).find(".btn"), function() {
            if ($(this).hasClass("pause")) {
                $(this).removeClass("pause").addClass("play");
                countStop();
            } else
                if ($(this).hasClass("play")) {
                $(this).removeClass("play").addClass("pause");
                countStart();
            }
        });
    }

    function pause(el) {
        $(el).each(function() {
            var id = $(this).data("id");
			el.find(".current").find(".btn").removeClass("play").removeClass("pause").addClass("play");
			el.find(".current").addClass("paused");
			invokeFlashMethod(id, "pause");
        });
    }

    function resume(el) {
        $(el).each(function() {
            var id = $(this).data("id");
			el.find(".current").removeClass("paused");
			el.find(".current").find(".btn").removeClass("play").removeClass("pause").addClass("pause");
			invokeFlashMethod(id, "play");
        });
    }

    function stop(el) {
        $.each($(el).find(".item"), function() {
            $(this).removeClass("current").removeClass("paused");
            removePlayer($(this).find("div.player"));
            $.each($(this).find(".btn"), function() {
                $(this).removeClass("pause").addClass("play");
            });
        });
    }
    var counted = false;
    function countStart(time){
    	$('#countdown_dashboard').stopCountDown();
    	$('#countdown_dashboard').countDown({
    		targetOffset: {
    			'day': 		0,
    			'month': 	0,
    			'year': 	0,
    			'hour': 	0,
    			'min': 		1,
    			'sec': 		0
    		}, 
    		// onComplete function
    		onComplete: function() { 
    			//alert("kelar");
    			doCount();
    			counted = true; }
    	});

    }
    
    function countPause(){
    	$('#countdown_dashboard').stopCountDown();
    }
    
    function countResume(){
    	if(counted == false)
    	$('#countdown_dashboard').startCountDown();
    }
    
    function countReset(){
    	
    	$('#countdown_dashboard').setCountDown({
    		targetOffset: {
    			'day': 		0,
    			'month': 	0,
    			'year': 	0,
    			'hour': 	0,
    			'min': 		1,
    			'sec': 		0
    		}
    	});				
    	

    }
    
    //count 
    function doCount(){
    	var spanID = $(".current").find('span:last').attr('id');
		var temp = spanID.split('_');
    	if(readCookie('music'+temp[1]) == null){
			createCookie('music'+temp[1],'create',1);
		    	
		    	//alert(temp[1]);
		    		$.ajax({
		    			type:"POST",
		    			url:"/demos/play",
		    			data:"node="+temp[1],
		    			success:function(msg){
		    				//alert("nambah1");
		    				$("span#count_"+temp[1]).html(msg);
						
		    			}
		    		});
    	}
    	else{
    		return false;
    	}
    	
		
    }
    
    function createCookie(name,value,days) {
    	if (days) {
    		var date = new Date();
    		date.setTime(date.getTime()+(days*24*60*60*1000));
    		var expires = "; expires="+date.toGMTString();
    	}
    	else var expires = "";
    	document.cookie = name+"="+value+expires+"; path=/";
    }

    function readCookie(name) {
    	var nameEQ = name + "=";
    	var ca = document.cookie.split(';');
    	for(var i=0;i < ca.length;i++) {
    		var c = ca[i];
    		while (c.charAt(0)==' ') c = c.substring(1,c.length);
    		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    	}
    	return null;
    }

    var methods = {
        
        init: function(options) {
        
            var settings = {
                backgroundColor      : 0xFFFFFF,
                volumeBarWidth       : 40,
                progressBarWidth     : 320,
                barSpace             : 20,               
                volumeBarColor       : 0x555555,
                volumeBarHeight      : 1,
                volumeSliderWidth    : 10,
                volumeSliderHeight   : 5,
                volumeSliderColor    : 0x555555,                
                progressBarHeight    : 1,
                progressSliderWidth  : 10,
                progressSliderHeight : 5,
                progressBarColor     : 0x999999,
                progressSliderColor  : 0x555555,
                bufferColor          : 0x555555,
		playerurl	     : "drplayer.swf"    
            }

            if (options) {
                $.extend( settings, options );
            }
                       
            return this.each(function() {
                var el = $(this);
                var id = generatePlaylistID();
                $(el).data("id", id);
                $(el).addClass(id);
                //init
                $.each($(el).find(".item"), function() {
                    var item = $(this);        
                    $(this).data("settings", settings);   
                    $(this).find(".btn").click(function() {
                        if ($(item).hasClass("paused")) {
                            $(item).removeClass("paused");
                            $(this).removeClass("play").addClass("pause");
                            resume(el);
                            //alert("c");
                            countResume();
                        } else if ($(item).hasClass("current")) {
                            $(this).removeClass("pause").addClass("play");
                            $(item).addClass("paused");
                            pause(el);
                            //alert("b");
                            countPause();
                        } else {
                            stop(el);
                            playTrack(item, id);
                           
                            //alert("a");
                            countStart();
                        }
                        
                    })
                });

            });
            
        },
        next: function() {
            return this.each(function() {
                var el = $(this);
                var items = el.find(".item")
                var index = -1;
                for (var i = 0; i < items.length; i++) {
                    if ($(items[i]).hasClass("current"))
                        index = i;
                }
                if (index != -1) {
                    stop(el);
                }
                if (index != -1 && index < items.length - 1) {
                    var next = $(items[index + 1]); 
                    playTrack(next, $(el).data("id"));
                }
            });
        },
        prev: function() {
            return this.each(function() {
                var el = $(this);
                var items = el.find(".item")
                var index = -1;
                for (var i = 0; i < items.length; i++) {
                    if ($(items[i]).hasClass("current"))
                        index = i;
                }
                if (index != -1) {
                    stop(el);
                }
                if (index > 0 && index < items.length) {
                    var prev = $(items[index - 1]); 
                    playTrack(prev, $(el).data("id"));
                }
            });
        },
        pause:function() {
            return this.each(function() {
                var el = $(this);
                pause(el);
            });        
        },

        play:function() {
            return this.each(function() {
                var el = $(this);
                if ($(el).find(".current").length == 0) {
                    var tr = $(el).find(".item:first");
                    playTrack(tr, $(el).data("id"));
                } else {
                    resume(el);
                }
            });      
        }

    };

    $.fn.playlist = function(method) {
        if (methods[method]) {
            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
        } else if (typeof method === 'object' || !method) {
            return methods.init.apply(this, arguments);
        } else {
            $.error('Method ' + method + ' does not exist');
        };

    };
})(jQuery);