/* Author: Jason Gonzales
    Site: Photogroup Inc
*/

jQuery.validator.addMethod("phoneUS", function(phone_number, element) {
    phone_number = phone_number.replace(/\s+/g, ""); 
	return this.optional(element) || phone_number.length > 9 &&
		phone_number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/);
}, "Please specify a valid phone number");

$(document).ready(function(){
    
    $('#contactForm').validate({
        rules: {
          email: {
            required: true,
            email: true
          },
          phone: {
            required: true,
            phoneUS: true
          }
        }
      });
    
    $('.name').click(function(){
        var $this = $(this);
        if ( $this.hasClass('active')){
            return false;
        }
        else {
            $('.description').slideUp(500, "easeInOutQuint");
            $this.siblings().removeClass('active');
            $this.addClass('active').next().slideDown(500, "easeInOutQuint");
        }
        
    });

    var demoplayer = flowplayer("player", "js/mylibs/flowplayer/flowplayer-3.2.7.swf", {
    
    //$f("player", "js/mylibs/flowplayer/flowplayer-3.2.7.swf", {
        clip: {
            //autoplay: false,
            //url: 'mp4:demoreel_512',
            // configure clip to use our provider, it uses our rtmp plugin
            provider: 'influxis'//,
            //urlResolvers: 'bwcheck',
            //bitrates: [
            //    { url:'mp4:demoreel_768.mp4', bitrate:768 },
            //    { url:'mp4:demoreel_512.mp4', bitrate:512 },
            //    { url:'mp4:demoreel_256.mp4', bitrate:256 }
            //    
            //]
        },
    
        // streaming plugins are configured under the plugins node
        plugins: {
            // here is our rtpm plugin configuration
            influxis: {
                url: 'flowplayer.rtmp-3.2.3.swf',
                // netConnectionUrl defines where the streams are found
                netConnectionUrl: 'rtmp://dp2ff29vsj.rtmphost.com/pg_videos'
            },
            controls: {
                autoHide: "always"
            },
            // bandwidth check plugin
            //bwcheck: {
            //    url: 'flowplayer.bwcheck-3.2.5.swf',
            //    // Influxis uses Flash Media Servers
            //    serverType: 'fms',
            //    // Use this connection for bandwidth detection
            //    netConnectionUrl: 'rtmp://dp2ff29vsj.rtmphost.com/pg_videos',
            //    // this method is called when the bandwidth check is done
            //    onBwDone: function(url, chosenBitrate, bitrate) {
            //        //var el = document.getElementById("rtmpInfo");
            //        console.log("Your speed is: " + bitrate);//+ "<br />Video file served: " +url;
            //    }
            //}
            // content plugin settings
            content: {
                url: 'flowplayer.content-3.2.0.swf',
                width:0, height:0, 
                backgroundGradient:'none',
                border: 'none',
                opacity: '0',
                borderRadius:0,
                //padding: '138px 0 0 89px',		
                //body: {fontSize:24, fontWeight:'bold' },
                background: 'transparent',
                html: '<a href="#"><img src="images/demoReelThumb.png"/></a>',
                onClick: function(){
                demoplayer.play("mp4:demoreel_512");
                }
            }
        },
        onBegin: function(){
            demoplayer.getScreen().animate({width:'100%', height:'100%', left: 0, top: 0}, 800);
            var plugin = this.getPlugin("content");
			plugin.animate({height:0, width:0, right: 0, top: 0, opacity:0}, 800, function()  {
			});
            var ctrls = this.getPlugin("controls");
            ctrls.css({opacity: 1, bottom: 20});
        },
        onFinish: function(){
            // let flowplayer animate the screen plugin
            var currClip =  demoplayer.getClip();
            //if(!)
            console.log(currClip.extension);
            if(currClip.extension != "mp4:demoreel_512"){
                demoplayer.getScreen().animate({height:212, width:380, left: 20, top: 20}, 800);
                
                var plugin = this.getPlugin("content");
                plugin.animate({height:300, width:420, right: 0, top: 6, opacity: 1}, 800);
            }
			
        }
    });
 
/*commenting out for now since this breaks the demo reel player*/
/*
    var player = flowplayer("overlayplayer", "js/mylibs/flowplayer/flowplayer-3.2.7.swf" ,{
    clip: {
            //autoplay: false,
            // configure clip to use our provider, it uses rtmp plugin
            provider: 'influxis'//,
            //baseUrl:'rtmp://dp2ff29vsj.rtmphost.com/pg_videos'
        },
        // streaming plugins are configured under the plugins node
        plugins: {
            // here is our rtpm plugin configuration
            influxis: {
                url: 'flowplayer.rtmp-3.2.3.swf',
                // netConnectionUrl defines where the streams are found
                netConnectionUrl: 'rtmp://dp2ff29vsj.rtmphost.com/pg_videos'
            },
            controls: {
                autoHide: "always"
            }
        }
    });
    */
    
    $(".play").click(function(){
        $.scrollTo( 0, 800, {easing:'easeInOutQuart'} );
        var poster = $()
        var vidURL = $(this).attr('href');
        if (demoplayer.isLoaded()){
            demoplayer.play(vidURL);
        }
        else{
            demoplayer.load(function(poster){
            this.play(vidURL);
           });
        }
        return false;
    });
    
});