$(document).ready ( function() {

    START_CONTENT = "<p id='place-holder-text'>Please log in to see your feeds</p>";
    NO_LOGIN_INFO_PROVIDED_HTML = "<p class='errorString'>Error: please enter your twitter login info and click Log in</p>";
    PLEASE_WAIT_HTML = "<p style='text-align:center'><img src='images/loading.gif'/><span style='position:relative;top:-2px;left:5px'>Please wait...</span></p>";

    $("#username, #password").click(function () {
        var temp = $("#username").attr("value");
        if( temp == "Username" ){
        	$("#username").attr("value", "");
        	$("#password").attr("value", "");
        }
     });

     $('#login-button').click(function() {

         var username = $('#username').val();
         var password = $('#password').val();

         if(username == 'Username') {
            $('#dynamic-content').html(NO_LOGIN_INFO_PROVIDED_HTML);
            return;
         }

         // show the please wait message
         $('#dynamic-content').html(PLEASE_WAIT_HTML);
         
         var paramObj = new Object();
         paramObj.username = username;
         paramObj.password = password;

         $.getJSON("settings-get-content.php", paramObj, function(data){
            if(data.result == 'OK') {
                $('#dynamic-content').html(data.dynamicContent);

                $('.toggleStatusButton').click(function() {
                     if($(this).html() == "Live")
                        $(this).html('Inactive');
                     else
                        $(this).html('Live');
                 });

            } else {
                $('#dynamic-content').html("<p class='errorString'>" + data.errorString + "</p>");
            }
         });
     })


     

     $('#settings-submit-button').click(function() {

        if($('#settings-table').length == 0) {
            $('#dynamic-content').html(NO_LOGIN_INFO_PROVIDED_HTML);
            return;
        }
        
        var paramObj = new Object();
        $('.frequency').each(function(){
            var id = this.id.substring(this.id.lastIndexOf('-')+1);
            paramObj['frequency-' + id] = $(this).val();
        })

        $('.hours').each(function(){
            var id = this.id.substring(this.id.lastIndexOf('-')+1);
            paramObj['hours-' + id] = $(this).val();
        })

        $('.toggleStatusButton').each(function(){
            var id = this.id.substring(this.id.lastIndexOf('-')+1);
            paramObj['status-' + id] = $(this).html();
        })
        
        $('#save-result').html(PLEASE_WAIT_HTML);

        $.post("settings-save-preferences.php", paramObj, function(response) {
            if(response.result == 'OK') {
                $('#save-result').html("Your settings have been successifully saved. Thank you!");
            } else {
                //$('#save-result').html(response.errorString);
            }
        }, "json");
        

     })

     $('#close-this').click(function(){
        parent.window.disablePopUp('settings-pop-up');
     });


});

function reset() {
    $('#dynamic-content').html(START_CONTENT);
}