// ==UserScript==
// @name          Chaturbate Cam Viewer
// @version       2.3
// @include       http://chaturbate.com/
// @include       http://chaturbate.com/#*
// @include       http://chaturbate.com/*-cams/*
// @include       http://*.chaturbate.com/
// @include       http://*.chaturbate.com/#*
// @include       http://*.chaturbate.com/*-cams/*
// @exclude       http://serve.ads.chaturbate.com/
// @grant         GM_getValue
// @grant         GM_setValue
// @namespace http://userscripts.org/users/584739
// @source http://userscripts.org/scripts/show/386321
// @updateURL https://userscripts.org/scripts/source/386321.meta.js
// @downloadURL https://userscripts.org/scripts/source/386321.user.js
// ==/UserScript==

var gm = new(function(){

    var self = this;

    this.STORAGE_KEY_NAME = "chaturbate_girls";
    this.LAYOUT_KEY_NAME = "chaturbate_layout";

    this.get_layout = function(){
       setTimeout(function(){
           var temp = 2;
           var layout_id = GM_getValue(self.LAYOUT_KEY_NAME);
           if (typeof layout_id == "undefined")
              layout_id = temp;

            var adder = function(lid){
                viewer.layout_id = lid;
                viewer.layout(lid);
            }
            var script = document.createElement("script");
            script.textContent = "(" + adder.toString() + ")("+layout_id+");";
            document.body.appendChild(script);

        },0);
    }

    this.get_girls = function(){
        setTimeout(function(){
            var temp = '[]';
            var sJSON = GM_getValue(self.STORAGE_KEY_NAME);
            if (typeof sJSON == "undefined")
                sJSON = temp;
            var adder = function(savedGirls){
                $.each(savedGirls,function(){
                    viewer.girls.push(new Girl(this));
                });
                if ( location.hash == "#live" )
                    viewer.show();
            }
            var script = document.createElement("script");
            script.textContent = "(" + adder.toString() + ")("+sJSON+");";
            document.body.appendChild(script);

        },0);
    }

    this.set_girls = function(){
        setTimeout(function(){
            var data = JSON.stringify(unsafeWindow.jQuery.map(unsafeWindow.viewer.girls,function(o){ return o.username }));
            GM_setValue(self.STORAGE_KEY_NAME, data);
        },0);
    }

    this.set_layout = function(){
        setTimeout(function(){
            GM_setValue(self.LAYOUT_KEY_NAME, unsafeWindow.viewer.layout_id);
        },0);
    }
});

unsafeWindow.gm = gm;

function main() {
    if (typeof jQuery != "undefined"){
       jQuery(document).ready(function(){
            function getKey(e) {
                if(window.event) { // IE
                    return e.keyCode;
                } else if(e.which) { // Netscape/Firefox/Opera
                    return e.which
                }
            }

            var exports = "getKey,toHtml,websiteHostName,Girl,viewer";

            var toHtml = function(data, template){
                return template.replace(/#(?:\{|%7B)(.*?)(?:\}|%7D)/g, function($1, $2){
                    return ($2 in data) ? data[$2] : '';
                })
            }

            var websiteHostName = "http://" + location.host + "/";

            var Girl = function(name){
                var user = name.replace(/\//g,"");
                var self = this;
                this.href = websiteHostName + user;
                this.username = user;
                this.src = websiteHostName + "embed/"  + self.username + "/?join_overlay=1&room="  + self.username;
            }


            var viewer = new (function(){

                var self = this;

                var list_template = '<li id="#{username}">'+
                '       <img src="http://ccstatic.highwebmedia.com/static/images/ico-01.png" class="remove" onclick="viewer.remove(\'#{username}\',this)">'+
                '       <a target="_blank" href="#{href}"><img src="http://ccstatic.highwebmedia.com/static/images/ico-cams.png" class="handle" title="#{username}"></a>'+
                '       <iframe src="#{src}"></iframe>'+
                '   </li>';

                this.layout_id = 2;
                this.girls = [];
                this.all_girls = [];
                this.loaded = false;

                this.init = function(){

                    $('.content').prepend("<div style='width:1500px; margin:3px 32px; padding:3px; border:1px solid #CCC;'> Use the <img src='http://ccstatic.highwebmedia.com/static/images/ico-01.png?a83ca9dd70c8' align='absmiddle'> icon to add girls to the LIVE CAMS tab </div>");

                    var template = '<div id="camGirls" style="visibility:hidden;">'+
                            '<div id="camControls">'+
                                'Username: <input type="text" name="camGirlUsername" id="camGirlUsername" onkeyup="if (getKey(event) == 13) viewer.add()" >'+
                                '<input type="Button" value="Add" onclick="viewer.add()">'+
                                '<input type="Button" value="Add Top 12" onclick="viewer.addTop12()">'+
                                '<input type="Button" value="Remove All" onclick="viewer.removeAll()">'+
                                '<input type="Button" value="Remove Offlines" onclick="viewer.clearEmptyCams()">'+
                                '<input type="Button" value="Save" onclick="viewer.save()">'+
                                '[ Layout: '+
                                '<input type="Button" value="Semi-Compact" onclick="viewer.layout(1)" id="layout_1">'+
                                '<input type="Button" value="Compact" onclick="viewer.layout(2)" id="layout_2">'+
                                '<input type="Button" value="Full" onclick="viewer.layout(3)" id="layout_3">]'+
                            '</div>'+
                            '<ul id="girls_list"></ul>'+
                       '</div>';
                    $("#main .content").after(template);

                    var css = '<style type="text/css">' +
                        '#camGirls ul { margin: 0; padding:0; display:inline-block;}'+
                        '#camGirls li { margin: 0; padding:0; width:500px; overflow:hidden; display:inline-block; height:456px; }'+
                        '#camGirls iframe { margin: 0; padding:0; border:none; position:relative; width:1030px; height:528px; }'+
                        '#camGirls .remove { cursor:pointer; display:inline; top:2px; left:1px; position:relative; float:left; z-index:99; }'+
                        '#camGirls .handle { cursor:pointer; display:inline; top:2px; left:2px; position:relative; float:left; z-index:99; }'+
                        '#camControls { border:1px solid #CCC; margin:2px; padding:3px; }'+
                        '#camControls .active { border:1px solid black; background:#fff; color:#dc5500; }'+
                    '</style>';
                    $('body').append(css);


                   self.getSaved();
                   self.fixRefresh();
                   self.updateLayout();

                   $(".sub-nav li").click(function(){
                        var page = location.href;
                        if (page.indexOf('#') >- 1)
                           page = location.href.split("#")[0];
                        var target = location.origin + $(this).find('a').attr('href');
                        if (page != target){
                            return true;
                        }
                        else {
                            $("#main .content").show();
                            $("#main #camGirls").css({"visibility":"hidden","height":"0px"});
                            $(".sub-nav li").removeClass("active");
                            $(this).addClass("active");
                            location.hash = "#tab"
                            return false;
                        }
                    });

                    var li = $("<li>").html("<a href='javascript:viewer.show();'>LIVE CAMS</a>");

                    $(".sub-nav").append(li);
                }

                this.fixRefresh = function(){
                   jQuery( "li.location" ).live("click", function() {
                      viewer.add_girl($(this).parents('li').find('a').attr('href'),this);
                   }).css("cursor","pointer").attr("title","Add girl to Live Cam");
                }

                this.show = function(){
                   $(".sub-nav li").removeClass("active");
                   $(".sub-nav li:last").addClass("active");
                   $("#main .content").hide();
                   $("#main #camGirls").css({"visibility":"","height":"auto"});
                   location.hash = "#live"
                   if (self.loaded == false){
                      self.loaded = true;
                      self.updateLayout();
                   }
                }

                this.addTop12 = function(){
                    $(".list > li:lt(12)").each(function(){
                       self.add_girl($(this).find('a').attr('href'));
                    });
                    self.updateLayout();
                }

                this.add = function(){
                    viewer.girls.push(new Girl($('#camGirlUsername').val()));
                    $("#camGirlUsername").val("");
                    self.updateLayout()
                }

                this.add_girl = function(username,obj){
                    self.girls.push(new Girl(username));
                    $(obj).html("Girl added to Live Cam");
                    self.loaded = false;
                }

                this.remove = function(username,elem){
                    $.each(self.girls, function(i,o){
                        if (typeof o != "undefined" && o.username.toLowerCase().indexOf(username.toLowerCase()) >-1 ){
                            self.girls.splice(i,1);
                            $(elem).parent().remove();
                        }
                    });
                    self.updateLayout();
                }

                this.clearEmptyCams = function(){
                       $("#girls_list iframe").each(function(){
                            var username = $(this).parents("li")[0].id;
                           //need to find a window variable that'll indicate when the flash object is there and it's offline
                            if ($(this.contentWindow.document).find('#movie').length == 0)
                                self.remove(username);
                        });
                }

                this.removeAll = function(){
                   self.girls = [];
                   self.updateLayout();
                }

                this.updateLayout = function(){
                    if ($("#camGirls:visible").length > 0) {
                        $.each(self.girls, function(){
                            if ($("li#"+this.username).length == 0)
                               $("#girls_list").append(toHtml(this,list_template));
                        });
                        $("#girls_list li").each(function(){
                            var user = this.id;
                            var isIncluded = $.map(viewer.girls,function(o,i){
                                if (o.username == user){
                                    return true;
                                }
                            }).length > 0;
                            if (isIncluded == false)
                                $(this).remove();
                        });
                        self.layout(self.layout_id);
                    }
                }

                this.getSaved = function(){
                    gm.get_layout();
                    gm.get_girls();
                }

                this.save = function(){
                    gm.set_girls();
                    gm.set_layout();
                    alert("Saved");
                }

                this.layout = function(id){
                    self.layout_id = id;
                    if (id == 1){
                        var columWidth = 500;
                        var columnHeight = 470;
                        var top = 0;
                    }
                    else if (id == 2){
                        var minWidth = 400;
                        var columns = Math.floor($(window).width() / minWidth);
                        var columWidth = Math.floor($(window).width() / columns) - 5;
                        var columnHeight = 375;
                        var top = -66;
                    }
                    else if (id == 3){
                        var columWidth = 1030;
                        var columnHeight = 544;
                        var top = 0;
                    }
                    $("#camControls input").removeClass('active')
                    $("#layout_" + id).addClass('active')
                    $("#camGirls li").width(columWidth);
                    $("#camGirls li").height(columnHeight);
                    $("#camGirls iframe").css({ top: top+"px" });
                }

            });
           $.each(exports.split(","),function(i,o){
                window[o] = eval(o);
           });
            window.viewer.init();
        });
    }
}

var script = document.createElement("script");
script.textContent = "(" + main.toString() + ")();";
document.body.appendChild(script);