﻿$(document).ready(function() {
jQuery.extend($.xs.profile, {
    photos: {
        photo: {
            setup: function(intPhotoId, blnProfileMy) {
                $('#Save').click(function() {
                    if ($.xs.isDisabled($(this))) return false;
                    
                    if ($('#Message').val().length == 0) {
                        alert('Type een reactie.');
                        return false;
                    }
                    
                    $('#Save').attr('disabled',true);
                
                    $.ajax({
                        type: 'POST',
                        url: '/xseno/_site/pages/profile/_post.aspx?id=35',
                        data: 'PhotoId='+intPhotoId+'&Message='+$.xs.urlEncode($('#Message').val()),
                        success: function(data) {
                            if (!$.xs.error.checker(parseFloat(data))) { $('#Save').attr('disabled',false); return false; }
                            window.location.reload();
                        }
                    });
                });
                
                if (blnProfileMy) {
                    $('a[rel=DeletePost]').click(function() {
                        if ($.xs.isDisabled($(this))) return false;
                        if (confirm('Weet je zeker dat je deze comment wilt verwijderen?')) {
                            $(this).attr('disabled',true);
                            var strPostId = $(this).attr('id').replace('DeletePost','');
                            
                            $.ajax({
                                type: 'POST',
                                url: '/xseno/_site/pages/profile/_post.aspx?id=36',
                                data: 'PostId='+strPostId,
                                success: function(data) {
                                    if (!$.xs.error.checker(parseFloat(data))) { $('#DeletePost'+strPostId).attr('disabled',false); return false; }
                                    $('#Post'+strPostId).hide();
                                }
                            });
                        }
                    });
                }
                
                else {
                    $("input[name='Rating']").click(function() { 
                        if ($.xs.isDisabled($('input[name="Rating"]'))) return false;
                        $('input[name="Rating"]').attr('disabled',true);
                        
                        $.getJSON('/xseno/_site/pages/profile/_post.aspx?id=37&PhotoId='+intPhotoId+'&Rating='+$(this).val(), function(data) {
                            $('#xs_mPh_RatingPh').empty();
                            $('#xs_mPh_RatingPh').append('<strong>'+data.resultset.count+'x gestemd, gemiddelde:</strong> ');
                            
                            var i;
                            for (i=1;i<=data.resultset.total;i++) {
                                $('#xs_mPh_RatingPh').append('<img src="/xseno/_site/img/icons/star_red.gif" align="absbottom" />');
                            }
                        });
                    });
                }
            }
        },
        albums: {
            setup: function() {
                $('a[rel=""AlbumDelete""]').click(function() { $.xs.profile.photos.albums.del(parseFloat($(this).attr('id').replace('AlbumDelete',''))); });
                $('a[rel=""AlbumEdit""]').click(function() { $.xs.profile.photos.albums.edit(parseFloat($(this).attr('id').replace('AlbumEdit',''))); });
            },
            del: function(intAlbumId) {
                if ($.xs.isDisabled($('#AlbumDelete'+intAlbumId))) return false;
                if (confirm('Weet je zeker dat je dit album wilt verwijderen?')) {
                    $('#AlbumDelete'+intAlbumId).attr('disabled',true);
                    
                    $.ajax({
                        type: 'POST',
                        url: '/xseno/_site/pages/profile/_post.aspx?id=65',
                        data: 'AlbumId='+intAlbumId,
                        success: function(data) {
                            if (!$.xs.error.checker(parseFloat(data))) { return false; }
                            window.location.reload();
                        }
                    });
                }
            },
            edit: function(intAlbumId) {
                if ($.xs.isDisabled($('#AlbumEdit'+intAlbumId))) return false;
                $('#AlbumEdit'+intAlbumId).attr('disabled',true);
                $('#AlbumPh'+intAlbumId).toggle();
                $('#AlbumEditPh'+intAlbumId).toggle();
                
                $('#AlbumEditName'+intAlbumId).focus().keypress(function(e) { 
                    if (e.which == 13) {
                        if ($('#AlbumEditName'+intAlbumId).val().length < 2) {
                            alert('Vul een naam in.');
                            return false;
                        }
                        
                        $('#AlbumEditName'+intAlbumId).attr('disabled',true);
                        
                        $.ajax({
                            type: 'POST',
                            url: '/xseno/_site/pages/profile/_post.aspx?id=66',
                            data: 'AlbumId='+intAlbumId+'&Name='+$.xs.urlEncode($('#AlbumEditName'+intAlbumId).val()),
                            success: function(data) {
                                if (!$.xs.error.checker(parseFloat(data))) { $('#AlbumEditName'+intAlbumId).attr('disabled',false); return false; }
                                window.location.reload();
                            }
                        });
                    } 
                });
            }
        },
        setup: function(strNickName) {           
            $('#PhotosDelete').click(function() {
                if ($.xs.isDisabled($(this))) return false;
                if (confirm('Weet je zeker dat je de geselecteerde foto\'s wilt verwijderen?')) {
                    $(this).attr('disabled',true);
                    var strPostData = $("input[name=PhotoIds]").serialize();
                    
                    if (strPostData.length == 0) {
                        alert('Je hebt geen foto\'s geselecteerd.');
                        $(this).attr('disabled',false);
                        return false;
                    }
                    
                    $.ajax({
                        type: 'POST',
                        url: '/xseno/_site/pages/profile/_post.aspx?id=19',
                        data: strPostData,
                        success: function(data) {
                            if (!$.xs.error.checker(parseFloat(data))) { return false; }
                            window.location.reload();
                        }
                    });
                }
            });
            
            $('#PhotosProfilePhoto').click(function() {
                if ($.xs.isDisabled($(this))) return false;
                $(this).attr('disabled',true);
                
                $('a[name=PhotoEnlarge]').attr('href','#');
                $('a[name=PhotoEnlarge]').click(function() {
                    $.ajax({
                        type: 'POST',
                        url: '/xseno/_site/pages/profile/_post.aspx?id=20',
                        data: 'PhotoId='+$(this).attr('id').replace('PhotoId',''),
                        success: function(data) {
                            if (!$.xs.error.checker(parseFloat(data))) { return false; }
                            $.xs.redirect('/profile/');
                        }
                    });
                });
                alert('Klik nu op de foto (niet het invulvakje) die je als profiel foto wilt instellen.');
            });
            
            $('#PhotosEditDescriptions').click(function(event) {
                $('textarea').show(); $('#PhotosForm textarea').focus(function() { $.xs.emoticons('textarea[name='+$(this).attr('name')+']'); }); 
                $(this).remove(); $('#PhotosEditDescriptionsSave').show();
                
                $('#PhotosEditDescriptionsSave').click(function() {
                    if ($.xs.isDisabled($(this))) return false;
                    $(this).attr('disabled',true);
                    
                    $.ajax({
                        type: 'POST',
                        url: '/xseno/_site/pages/profile/_post.aspx?id=21',
                        data: $("#PhotosForm textarea").serialize(),
                        success: function(data) {
                            window.location.reload();
                        }
                    });
                });
            });
            
            $('#PhotosUpload').click(function() {
                if ($.xs.isDisabled($(this))) return false;
                $(this).attr('disabled',true);
                $('#aspnetForm textarea').focus(function() { $.xs.emoticons('textarea[name='+$(this).attr('name')+']'); }); 
                $('#xs_mPh_PhotosUploaderVisiblePh').show();
                $('#aspnetForm').attr('action','');
                
                $('#PhotosUploaderSave').click(function(event) {
                    event.preventDefault();
                    if ($.xs.isDisabled($(this))) return false;
                    $(this).attr('disabled',true);
                    
                    $('#aspnetForm').submit();
                    $('#PhotosUploaderTitle').text('Bezig met uploaden..');
                    $('#aspnetForm').hide(); $('#PhotosUploaderBusy').show();
                });
            });
            
            $('#PhotosNewAlbum').click(function() {
                if ($.xs.isDisabled($(this))) return false;
                $(this).attr('disabled',true);
                $('#PhotosNewAlbumPh').show();

                $('#NewAlbumForm').validate({
                    submitHandler: function(form) {
                        if ($.xs.isDisabled($('#PhotosNewAlbumSave'))) return false;
                        
                        $('#PhotosNewAlbumSave').attr('disabled',true);
                        var strPostData = $("#NewAlbumForm").serialize();
                        
                        $.ajax({
                            type: 'POST',
                            url: '/xseno/_site/pages/profile/_post.aspx?id=64',
                            data: strPostData,
                            success: function(data) {
                                if (!$.xs.error.checker(parseFloat(data))) { $('#PhotosNewAlbumSave').attr('disabled',false); return false; }
                                
                                $.xs.redirect('/'+strNickName+'/photos/album/'+parseFloat(data)+'/');
                            }
                        });
                    },
                    focusInvalid: true,
                    rules: {
                        AlbumName: { required:true, minlength:2, maxlength:40 }             
                    },
                    messages: {
                        AlbumName: '<div class="b_misc_error">Een naam is verplicht.</div>'
                        
                    }
                });
                
                $('#AlbumName').focus();
            });
        }
    }
});
});