$(document).ready(function(){
    $("a.vabql").live("click", function() {

 		var e_id        = $(this).attr('id');
        var id_split    = e_id.split('_');
        var vid         = id_split[1];
        var action      = id_split[2];

        $.ajax({

        	url: site_url + 'quicklists/default/quicklist',
        	data: "vid=" + vid + "&action=" + action,
        	type: "POST",
        	success: function(res){

        		var s = action == "add" ? "QuickList Remove" : "QuickList Add";
        		var a = action == "add" ? "remove" : "add";

        		if (action == 'add') {

                    //$(this).find(".button_ddb_menu_label").html("Add to quicklist");

        		} else {

                    //$(this).find(".button_ddb_menu_label").html("Remove from quicklist");
                }

        		$(".ql_count").html(res);
        		$("#"+e_id).attr("id","vabql_"+vid+"_"+a).find("span.button_ddb_menu_label").html(s);

        	}

        });

	});

	$("a[id*='ql_']").live("click", function() {

 		var e_id        = $(this).attr('id');
        var id_split    = e_id.split('_');
        var vid         = id_split[1];
        var action      = id_split[2];

        $.ajax({

        	url: site_url + 'quicklists/default/quicklist',
        	data: "vid=" + vid + "&action=" + action,
        	type: "POST",
        	success: function(res){

        		var s = action == "add" ? "-" : "+";
        		var a = action == "add" ? "remove" : "add";

        		if (action == 'remove') {

        			$("#ql_video_"+vid).fadeOut("fast",function(){$(this).remove();})

        		}

        		$(".ql_count").html(res);
        		$("#"+e_id).removeClass("ql_"+action).addClass("ql_"+a).attr("id","ql_"+vid+"_"+a).html(s);

        	}

        });

	});


    var anchor = window.location.hash;  // On récup l'ancre dans l'url http://......#ancre
    $('.tabs').each(function(){
        var current = null;             // Permet de connaitre l'élément courant
        var id = $(this).attr('id');    // ID de ma barre d'onglet
        // Si on a une ancre
        if(anchor != '' && $(this).find('a[href="'+anchor+'"]').length > 0){
            current = anchor;
        // Si on a une valeur de cookie
        }else if($.cookie('tab'+id) && $(this).find('a[href="'+$.cookie('tab'+id)+'"]').length > 0){
            current = $.cookie('tab'+id);
        // Sinon current = premier lien
        }else{
            current = $(this).find('a:first').attr('href');
        }

        $(this).find('a[href="'+current+'"]').parent().addClass('ui-tabs-selected');   // On ajoute la classe active sur le lien qui correspond
        $(current).siblings().hide();                               // On masque les éléments
        $(this).find('a').click(function(){
           var link = $(this).attr('href');
           // On a cliqué sur l'élément déja active
           if(link == current){
               return false;
           }else{
               // On ajoute la class active sur l'onglet courant et on la supprime des autres onglets
               $(this).parent().addClass('ui-tabs-selected').siblings().removeClass('ui-tabs-selected');
               $(link).show().siblings().hide();    // On masque/affiche les div suivant les cas
               current = link;                      // On change la valeur de l'onglet courant
               $.cookie('tab'+id,current);          // On stocke l'onglet courant dans les cookie
           }
        });
    });



});

function qlsave()
{

	var ql_name = document.getElementById('ql_name').value;
	var ql_email = document.getElementById('ql_email').value;

	if (ql_name == '' || ql_email == '') {

		alert("Please specify a name for your QuickList!");
		return false;

	}

	$.ajax({

		url: site_url + 'ajax/quicklist',
		data: "action=save&name="+ql_name+"&email="+ql_email,
		type: "POST",
		success: function(res){

			$("#ql_url").html(res).fadeIn();

		}

	});

	return false;


}