// JavaScript Document
window.addEvent('domready', function() {
    var mySlide_status = false;
    var log = $('sendthis');
    var mySlide = new Fx.Slide('sendthis');
    var first = true;
    function mysubmit(e){
		//Prevents the default submit event from loading a new page.
		e.stop();
		
		/*mySlide.slideOut();
		log.set('html', 'Please wait...');
		mySlide.slideIn();*/
		mySlide.slideOut();
		//Empty the log and show the spinning indicator.
		//var log = $('sendthis').empty().addClass('ajax-loading');
		//var log = $('sendthis').empty().addClass('ajax-loading');
		//Set the options of the form's Request handler. 
		//("this" refers to the $('myForm') element).

		this.set('send', {
            onComplete: exec
        });
		//Send the form.
		this.send();
    }

    function exec(response) { 
    			log.removeClass('ajax-loading');
    			log.set('html', response);
    			/**/
    			mySlide.toggle();

                if( $chk( $('frmEmail'))){
                    $('frmEmail').addEvent('submit', mysubmit);
                    //$('frmEmail').fireEvent('submit');
                }
    			if( $chk( $('butEmailClose'))){
                    $('butEmailClose').addEvent('click', function(e){
                        e.stop();
                        
                        //mySlide.toggle();
                        //$('link_email').fireEvent('click');
                        var req = new Request.HTML({
                			method: 'get',
                			url: '/video/email.php',
                			data: { 'url' : video_url },
                			//onRequest: function() { alert('Request made. Please wait...'); },
                			//update: $('message-here'),
                			onComplete: function(response) {
                			        log.set('html', '');
                                    log.adopt(response);
                                    //mySlide.toggle();
                                    mySlide.slideOut();
                                    mySlide_status = false;
                                    //log.fireEvent('click', $('link_email'));
                                    if( $chk( $('frmEmail'))){
                                        $('frmEmail').addEvent('submit', mysubmit);
                                    }
                                }
                		}).send();
                	});
                }


		}
		
    function getForm(event) {//
		//prevent the page from changing
		event.stop();
		

		log.set('html', 'Please wait...');		
        if( !mySlide_status){
            mySlide.slideIn();
            mySlide_status = true;
            
    		//make the ajax call, replace text
    		var req = new Request.HTML({
    			method: 'get',
    			url: '/video/email.php',
    			data: { 'url' : video_url },
    			//onRequest: function() { alert('Request made. Please wait...'); },
    			//update: 'ok',
    			onComplete: function(response) {
    			        log.set('html', '');
                        log.adopt(response);
                        if( mySlide_status) mySlide.slideIn();
                        //log.fireEvent('click', $('link_email'));
                        if( $chk( $('frmEmail'))){
                            $('frmEmail').addEvent('submit', mysubmit);
                        }
                    }
    		}).send();
        }
		else
        {
            mySlide.slideOut();
            mySlide_status = false;
            mySlide.hide();
        }
	}
    /* ajax replace element text */
	$('link_email').addEvent('click', getForm);
	mySlide.hide();
    /*var req = new Request.HTML({url:'http://localhost:8080/dionco/video/email.php', 
		onSuccess: function(html) {
			log.set('html', '');
			log.adopt(html);
		},
		onFailure: function() {
			log.set('html', 'The request failed.');
		}
	});*/
	
    
    /*$('link_email').addEvent('click', function() {
		req.send();
	});*/
});