document.observe("dom:loaded", function() {
    // Send to friend
    initSendToFriend();
    // Styled selects
    $$('select.styled-select').each(function(el){ new Autocompleter.SelectBox(el); })
    // Decorating form elements on focus and if non empty
    colorizeFormElements($$('.page-body-section-col-main form'));
});

// Lessons slide up/down
function viewLessons() {
    $$('.btn-view').each(function(link){
        link.observe('click', function(evt) {
            var lessonsContainer = link.up().next();
            if(lessonsContainer.visible()) {
                link.innerHTML = 'Ver Aulas';
                Effect.SlideUp(lessonsContainer, { duration: 0.3 });
            }
            else {
                link.innerHTML = 'Esconder Aulas';
                Effect.SlideDown(lessonsContainer, { duration: 0.3 });
            }
        });
    });
    //Show watch now video
    $$('.watch-now').each(function(link){
        link.observe('click', function(evt) {
            link.next().submit();
        });
    });
    // Show Course lesson content
    $$('.course-lesson-link').each(function(link){
        link.observe('click', function(evt) {
            link.next().submit();
        });
    });
}

// Form elements
function colorizeFormElements(forms) {
    var forms = forms;
    //alert(forms);
    forms.each(function(form){
        $A(Form.getElements(form)).each(function(el) {
            if((el.type.include('text') || el.type == 'password' || el.type.include('select')) && $F(el) != '') { // If page loaded with some filled fields
                el.addClassName('filled');
            }
            el.observe('focus', function(event) { // Field focus
                if(el.type.include('text') || el.type == 'password' || el.type.include('select')) { 
                    el.removeClassName('filled');
                    el.addClassName('focus');
                }
            });
            el.observe('blur', function(event) { // Field blur
                el.removeClassName('focus');
                if((el.type.include('text') || el.type == 'password' || el.type.include('select')) && $F(el) != '') { 
                    el.addClassName('filled');
                }
            });
        });
    });
}

// Decorate left side menu in Videos
function decorateList(elements) { // Add 'odd' and 'even' classes to list elements
    elements.each(function(item) {
        if(item.down('ul')) item.addClassName('parent');
        var linum = $A(elements).indexOf(item) + 1; // Line number
        (linum % 2 == 0) ? item.addClassName('even') : item.addClassName('odd');
    });
}

// Left side menu in Video category
function expandableMenu(id) {
    $$('#' + id + '> li ul').each(function(el) {
        var hasCurrentCat = false;
        el.select('li').each(function(li) { // Is there current subcategory in 2nd level UL?
            if(li.hasClassName('current-cat')) {
                hasCurrentCat = true;
                li.up('ul').previous('a').addClassName('open');
                throw $break;
            }
        });
        if(!hasCurrentCat) el.hide();
    });

    $$('#' + id + ' li a').each(function(el) {
        el.observe('click', function(evt){
            evt.stop();
            if(el.next('ul')) {
                evt.stop();
                el.next('ul').toggle(); // toggle не пойдет, надо добавлять классы для развернутых и свернутых.
                Element.toggleClassName(el, 'open');
            }
            else {
                if(!el.hasClassName('disabled')) {
                    $$('#videosNav li').invoke('removeClassName', 'current-cat');
                    el.up('li').addClassName('current-cat');
                    get_category(Element.readAttribute(el, 'href'));
                }
                else {
                    return false;
                }
            }
        });
    });

}

// Show video with Ajax by clicking thumbnail
function showVideos() {
    $$('.video-thumbnail a').each(function(videoLink){
        videoLink.observe('click', function(evt) {
            evt.stop();
            if(!videoLink.href.include('showPermissionMsg')) {
                if(!videoLink.hasClassName('disabled')) {
                    self.scrollTo(0, 0);
                    get_video(videoLink.href);
                    $$('.video-thumbnail').invoke('removeClassName', 'video-thumbnail_active');
                    videoLink.up().addClassName('video-thumbnail_active');
                }
                else {
                    return false;
                }
            }
            else {
                showPermissionMsg();
            }
        });
    });
}

// Current video category link
function showCurrentVideoCategory() {
    $$('.current-video-info > a').each(function(el) {
        el.observe('click', function(evt) {
            evt.stop();
            get_category(el.href);
            var ih = el.innerHTML;
            $$('#videosNav li a').each(function(el) {
                el.up('li').removeClassName('current-cat');
                if(el.innerHTML == ih) el.up('li').addClassName('current-cat');
            });
        });
    });
}

function initSendToFriend() {
    $$('a.send-to-friend-link').each(function(el){
        var options = el.onclick instanceof Function ? el.onclick() : {};
        el.onclick = null;
        el.removeAttribute('onclick');
        el.observe('click', function() { showSendToFriendForm(options.title, options.url); });
    });
}

function showSendToFriendForm (title, url) {
    var url = url;
    var title = title;
    if(url != '') { // Subscribed or not?
        var popupContainer = $('popupContainer');
        var sendToFriendForm = '' +
            '<h2>Send to a Friend</h2>' +
            '<p id="sf_info">' + title + '<br />' + url + '</p>' +
            '<a class="close-popup-link" href="javascript://" onclick="hidePopup();">Fechar</a>' +
            '<div id="sendToFriendFormContainer">' +
                '<form method="post" action="<?php echo get_bloginfo(\'wpurl\') ?>/wp-content/plugins/sendtoafriend/sendtoafriend.php" id="stafForm" >' +
                    '<input type="hidden" id="stafUrl" value="' + url + '"  />' +
                    '<input type="hidden" id="stafTitle" value="' + title + '" />' +
                    '<fieldset>' +
                        '<div class="form-row cleared">' +
                            '<label id="stafLblFromMail"><span class="ico-required">*</span>Seu E-mail</label>' +
                            '<input class="input-text required validate-email" id="stafFromMail" type="text" />' +
                        '</div>' +
                        '<div class="form-row cleared">' +
                            '<label for="sf-comment">Comentário:</label>' +
                            '<textarea id="sf-comment" class="input-text input-text_area" cols="20" rows="3"></textarea>' +
                        '</div>' +
                        '<div class="form-separator"></div>' +
                        '<div class="form-row cleared form-row_friendmail">' +
                            '<label for="sf-friendmail1"><span class="ico-required">*</span>Insira o e-mail do seu amigo:</label>' +
                            '<input class="input-text required validate-email" id="stafToMail1" type="text" />' +
                        '</div>' +
                        '<div class="form-row cleared form-row_friendmail">' +
                            '<input class="input-text validate-email" id="stafToMail2" type="text" />' +
                        '</div>' +
                        '<div class="form-row cleared form-row_friendmail">' +
                            '<input class="input-text validate-email" id="stafToMail3" type="text" />' +
                        '</div>' +
                        '<div class="form-row cleared form-row_buttons">' +
                            '<span class="form-button form-button_blue form-button_rarr right-floated form-button_alt form-button_submit"><span class="form-button_i"><input type="submit" class="input-button input-button_submit" value="Send" /></span></span>' +
                        '</div>' +
                '</form>' +
            '</div>' +
            '<div id="sendToFriendFormMessage" style="display: none;"></div>';
        popupContainer.className = '';
        popupContainer.addClassName('form-block popup-container form-block_sendtofriends');
        popupContainer.update(sendToFriendForm);
        $('pageOverlay').show();
        popupContainer.show();
        $('sendToFriendFormMessage').hide();
        $('sendToFriendFormContainer').show();
        colorizeFormElements(popupContainer.select('form'));

        $('stafForm').observe('submit', function(evt) {
            evt.stop();
            var formVal = new Validation(popupContainer.down('form'), {onSubmit:false});
            var result = formVal.validate();
            if(result) { staf_Submit(); }
        });
    }
    else {
        showPermissionMsg();
    }
}
function staf_Submit() {
    var SendStaf = wpurl + 'wp-content/plugins/sendtoafriend/sendtoafriend.php?staf=true';
    params = 'url='+$('stafUrl').value;
    params+= '&frommail='+$('stafFromMail').value;
    params+= '&title='+$('stafTitle').value;
    params+= '&comment='+$('sf-comment').value;
    params+= '&tomail='+$('stafToMail1').value;
    params+= '&tomail2='+$('stafToMail2').value;
    params+= '&tomail3='+$('stafToMail3').value;

    new Ajax.Request(SendStaf, { method: 'post',
        parameters: params,
        onCreate: function() {
            var loader = new Element('div', { 'class': 'ajax-loader', 'id': 'ajaxEmailLoader', 'style': 'display: none;' }).update('<p class="ajax-loader_info">Carregando Conteúdo</p></div>');
            $('sendToFriendFormContainer').appendChild(loader);
            $('ajaxEmailLoader').show();
        },
        onSuccess: function(transport) {
            var result = transport.responseText;
            if(result.substring(0,5) == 'Array') {
                result = eval(result);
                staf_Error(result);
            } else {
                $('sendToFriendFormContainer').hide();
                $('sendToFriendFormMessage').update(result);
                $('sendToFriendFormMessage').show();
            }
        }
    });
}

function showPermissionMsg() {
    var popupContainer = $('popupContainer');
    var btnUrl = isSignUpLink ? wpurl + 'login/?action=register' : wpurl + 'wp-admin/profile.php';
    var permissionMsg = '' + 
        '<a class="close-popup-link" href="javascript://" onclick="hidePopup();">Fechar</a>' +
        '<h3>Acesso restrito</h3>' +
        '<p>O acesso desse conteúdo requer que você possua uma' +
        ' inscrição ativa no site www.padrepauloricardo.org. Realizando ' +
        'a inscrição você terá acesso a todos os cursos disponíveis.</p>' +
        '<div class="cleared"><span class="link-button left-floated link-button_lightblue link-button_download"><span class="link-button_i"><a href="' + btnUrl + '">Inscreva-se</a></span></span></div>';
        if(isSignUpLink) {
            permissionMsg += '<p>Se você já assinante <a id="login-link" href="javascript://">clique aqui</a> para entrar.</p>';
        }
    popupContainer.update(permissionMsg);
    popupContainer.className = '';
    popupContainer.addClassName('popup-container permission-message-popup');
    $('pageOverlay').show();
    $('popupContainer').show();
    if(isSignUpLink) {
        $('login-link').observe('click', function(evt){
            evt.stop();
            hidePopup();
            $('loginform').focusFirstElement();
            $('loginform').down('input').highlight();
        });
    }
}

function staf_Error(stafErrorArr) {
    $('stafLblFromMail').style.color = "inherit";
	$('stafLblToMail').style.color = "inherit";
	for(i = 0; i < stafErrorArr.length; i++) {
		document.getElementById(stafErrorArr[i]).style.color = '#ff0000';
	}
}


function hidePopup() {
    if ($('popupContainer').visible()) {
        $('popupContainer').hide();
        $('pageOverlay').hide();
    }
}

function getVimeoVideoById(id, width, height) {
    var id = id;
    var width = width?width:'698';
    var height = height?height:'390';
    var agent = navigator.userAgent.toLowerCase();
    var is_iphone = (agent.indexOf('iphone')!='-1');
    var is_ipad = (agent.indexOf('ipad')!='-1');
    if (is_iphone) {
        document.write("<video src='http://www.vimeo.com/play_redirect?clip_id=" + id + "&quality=mobile' controls='controls' width='" + width + "' height='" + height + "'></video>");
    } 
    else if (is_ipad) {
        document.write("<video src='http://www.vimeo.com/play_redirect?clip_id=" + id + "' controls='controls' width='" + width + "' height='" + height + "'></video>");
    } 
    else {
        document.write("<object width='" + width + "' height='" + height + "'><param name='allowfullscreen' value='true' /><param name='allowscriptaccess' value='always' /><param name='movie' value='http://vimeo.com/moogaloop.swf?clip_id=" + id + "&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=ffffff&fullscreen=1' /><embed src='http://vimeo.com/moogaloop.swf?clip_id=" + id + "&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=ffffff&fullscreen=1' type='application/x-shockwave-flash' allowfullscreen='true' allowscriptaccess='always' width='" + width + "' height='" + height + "'></embed></object>");
    }

}