 
 

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BR Network ... building relationships</title>




    <!--[if IE]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    	<link rel="stylesheet" type="text/css" href="css/ie.css" />
	<![endif]-->
    <link rel="stylesheet" href="css/brnetwork_style-13012015.css?v=2015-11-18.09:37:25" type="text/css" />
    <!--[if !IE 7]>
        <style type="text/css">
            #wrap {display:table;height:100%}
        </style>
	<![endif]-->
    
    <!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
	<![endif]-->
<script type="text/javascript">
function validatePassword(flag){
	if(flag == 1){
		var passForm = document.loginForm;
	}else{
		var passForm = document.customerloginForm;
	}
				var pass1    = passForm.cpwd.value;
				
				if(passForm.cuser.value==""){
					alert("Please enter a Email Address");
					passForm.cuser.focus();
					return false;
				}
				var retval = true;
				if (/[a-zA-Z0-9@_.]{0,25}/i .test(passForm.cuser.value)){	
					retval=true;
				}else{
					retval=false;
				}
				/*if(!IsValidEmail(passForm.cuser.value))
				{
					alert ("Not a valid Email Address");
					passForm.cuser.focus();
					return false;
				}*/
				if(pass1==""){
					alert("Please enter a password.");
					passForm.cpwd.focus();
					return false;
					
				}
			  /* if(!checkPassword(pass1)){
			   	return false;
			   }*/
			
				
			passForm.method="POST";
			passForm.submit();
			
			}
function IsValidEmail(email) {
    var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
    return expr.test(email);
}
function registerForm(flag,BlockedURLs){
var BlockedURLs=BlockedURLs.split(",");
	if(flag == 1){
		var passForm = document.userregister;
	}else{
		var passForm = document.customerregister;
	}

				var pass1    = passForm.regpass.value;
				
				if(passForm.regemail.value==""){
					alert("Please enter a Email Address");
					passForm.regemail.focus();
					return false;
				}
				var retval = true;
				if (/[a-zA-Z0-9@_.]{0,25}/i .test(passForm.regemail.value)){	
					retval=true;
				}else{
					retval=false;
				}
				if(!IsValidEmail(passForm.regemail.value))
				{
					alert ("Not a valid Email Address");
					passForm.regemail.focus();
					return false;
				}
				var domain=passForm.regemail.value.split("@");
				if(BlockedURLs.indexOf(domain[1])> -1)
				{
					alert ("Email Address You entered is temporary one. Please enter permanent one");
					passForm.regemail.focus();
					return false;
				}
				if(pass1==""){
					alert("Please enter a password.");
					passForm.regpass.focus();
					return false;
					
				}
				if(pass1.length<6){
					alert("Password should be minimum 6 digts");
					passForm.regpass.focus();
					return false;
					
				}
				 var pattern = /^[(A-Z||a-z)0-9]$/;
				   var num=/[0-9]+/;
				   if ((pass1.search(num)=='-1')) {
					   alert("Password should contain atleast one numeric digit");
					   passForm.regpass.focus();
					   return false;
				    }

			passForm.action="../rc/registeruser.php";	
			passForm.method="POST";
			passForm.submit();
			
			}

</script>

</head>

<body >
<div id="main">

	<img id="arrow" src="images/arrow.png" height="40" width="62" alt="arrow"/>

<header>
    <img id="logo" style="left: 825px;" src="images/logo.png" height="73" width="210" alt="br network"/>
</header>

<article id="stacks">
          
    	<section id="intro">
        	<a href="../contact.php">
            	<img class="bottom" src="images/contact-stack-hover.jpg" alt="contact us"/>
                <img class="top" src="images/contact-stack.jpg" alt="contact us"/>
            </a>
            <h1>Contact Us</h1>
        </section> 
        
		<section id="resource">
        	<a href="../rc/" >
            	<img class="bottom" src="images/resource-hover.jpg" alt="resource"/>
                <img class="top" src="images/resource.jpg" alt="resource"/>
            </a>
            <h1>Resource</h1>
        </section>
        
        <section id="projects">
        	<a href="http://projects.brnetwork.com/loginevo.php" >
            	<img class="bottom" src="images/project-hover.jpg" alt="projects"/>
                <img class="top" src="images/project.jpg" alt="projects"/>
            </a>
            <h1>Projects</h1>
        </section>

        
        <section id="enquiries">
        	<a href="../rc/">
            	<img class="bottom" src="images/enquiries-hover.jpg" alt="enquiries"/>
                <img class="top" src="images/enquiries.jpg" alt="enquiries"/>
            </a>
            <h1>Enquiries</h1>
        </section>
    
    
    
    	<section id="directory">
        	<a href="../network/" >
            	<img class="bottom" src="images/the-network-hover.jpg" alt="br directory"/>
                <img class="top" src="images/directory.jpg" alt="br directory"/>
            </a>
            <h1>Network</h1>
        </section>
		


        <section id="login" style="width:243px;">
        	<div id="user-login1" style="width:244px;">
 <div style="height:15px;">&nbsp;</div>
        	<form id="loginForm" name="loginForm"  method="post" action="#">
            	<h1>Sign in</h1>
                <fieldset id="inputs">
                	<input id="username1" type="text" name="cuser" maxlength="55" placeholder="Email or Username" autofocus autocomplete="off" required value="">
                    <input style="padding-right:0px; width: 110px;" id="password1" autocomplete="off" maxlength="20" name="cpwd" type="password" placeholder="Password" required>
                </fieldset>
				<fieldset id="actions">
                    <input type="submit" id="sign-in-button" value="Sign in" onclick="return validatePassword('1');">
                    <a href="rc/forgot.php">Forgot your password?</a>
                </fieldset>
            </form>
           
           <form name="userregister" method="post" action="#">
            	<h1>Join the <span class="blue">br</span> <span class="orange">network</span></h1>
        	<input type="hidden" name="brnetreg" value="1">
                
                
                <fieldset id="inputsemail">
                	<input id="email1" type="email" placeholder="Email" name="regemail" autocomplete="off" required>
                    <input style="padding-right:0px; width: 110px;" id="password2" type="password" name="regpass" maxlength="10" autocomplete="off" placeholder="Password" required>
                </fieldset>
                <fieldset id="actionsemail">
                    <input type="submit" id="sign-up-button" value="Sign up" onclick="return registerForm('1','sharklasers.com,drdrb.com,vidchart.com');">
                    <!--<span style="font-family: Verdana, Geneva, sans-serif;font-size: 1.2em;color:red; text-align:left;">01622 662668</span>-->
                    <a href="#" style="cursor:default; text-decoration:none; text-align:center; padding-right:12px; padding-top:5px;"><span style="font-family: Verdana, Geneva, sans-serif;font-size: 1.2em;color:red;">01622 662668</span></a>
                </fieldset>
                
                
                
                
		 
            </form>
        </div> 
        
                   <h2>Join the <span class="orange">flexible</span> business network
		and <span class="blue">build</span> <span class="blue">relationships</span></h2>
        <div id="info">
        <p>Successful businesses communicate constantly with their existing
            and potential customers, partners or clients by building solid relationships 
            through understanding their needs and that of the market they are in.</p>
            
        <p>We aim to help in that communication task by providing services 
			which simplifies this process and provides all parties with the ability to 
			respond to these needs quickly and efficiently.
		</p>
<ul class="blue app-video-links">
		<li><a href="#" data-reveal-id="videoModal2" id="playvideo2">a</a></li>
		<li><a href="#" data-reveal-id="videoModal3" id="playvideo3">b</a></li>
		<li><a href="#" data-reveal-id="videoModal4" id="playvideo4">c</a></li>
		<li><a href="#" data-reveal-id="videoModal5" id="playvideo5">d</a></li>
	</ul>
	<a href="#" data-reveal-id="videoModal" id="playvideo" class="blue left">Background</a>
        <a href="https://go.teamviewer.com/v7/en/" class="blue right">Connect</a>
	 
		</div>
            
        </section>
        
        <section id="media" >
            <a href="../media">
            	<img class="bottom" src="images/media-hover.jpg" alt="your contacts"/>
                <img class="top" src="images/media.jpg" alt="your contacts"/>
            </a>
            <h1>Media</h1>
        </section>
        
        <section id="tas" >
            <a href="../tas/index.php">
            	<img class="bottom" src="images/tas-hover.jpg" alt="telephone answering service"/>
                <img class="top" src="images/tas.jpg" alt="telephone answering service"/>
            </a>
            <h1>eReceptionist</h1>
        </section>

        
        <div class="clear"></div>
	
</article>
</div>
<footer>
	<ul>
		<li><a href="terms-and-conditions.html" title="Terms and Conditions">Terms &amp; Conditions</a></li>
		<li>|</li>
		<li><a href="../collateral/BR_Privacy_Policy.pdf" target="_blank" title="BR Network Privacy Policy">Privacy Policy</a></li>
		<li>|</li>
		<li>&copy; Copyright 2015 BR Network Limited. All rights reserved</li>
	</ul>
</footer>

<div id="videoModal" class="reveal-modal large" data-reveal>
                <h2>BR Solutions Introduction</h2>
                
                <div class="flex-video widescreen youtube" style="display: block;">
                    <div id="player"></div>
                </div>

                <a class="close-reveal-modal">&#215;</a>
            </div>

 <div id="videoModal2" class="reveal-modal large" data-reveal>
                <h2>BR Network App - Alert Feeds</h2>
                
                <div class="flex-video widescreen youtube" style="display: block;">
                    <div id="player2"></div>
                </div>

                <a class="close-reveal-modal">&#215;</a>
            </div>

 <div id="videoModal3" class="reveal-modal large" data-reveal>
                <h2>BR Network App - Capture</h2>
                
                <div class="flex-video widescreen youtube" style="display: block;">
                    <div id="player3"></div>
                </div>

                <a class="close-reveal-modal">&#215;</a>
            </div>

 <div id="videoModal4" class="reveal-modal large" data-reveal>
                <h2>BR Network App - Chat</h2>
                
                <div class="flex-video widescreen youtube" style="display: block;">
                    <div id="player4"></div>
                </div>

                <a class="close-reveal-modal">&#215;</a>
            </div>

 <div id="videoModal5" class="reveal-modal large" data-reveal>
                <h2>BR Network App - Network</h2>
                
                <div class="flex-video widescreen youtube" style="display: block;">
                    <div id="player5"></div>
                </div>

                <a class="close-reveal-modal">&#215;</a>
            </div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//www.youtube.com/player_api"></script>
<script>
(function($,window,document,undefined){var header_helpers=function(class_array){var i=class_array.length;var head=$("head");while(i--)if(head.has("."+class_array[i]).length===0)head.append('<meta class="'+class_array[i]+'" />')};header_helpers(["foundation-mq-small","foundation-mq-medium","foundation-mq-large","foundation-mq-xlarge","foundation-mq-xxlarge","foundation-data-attribute-namespace"]);$(function(){if(typeof FastClick!=="undefined")if(typeof document.body!=="undefined")FastClick.attach(document.body)});
var S=function(selector,context){if(typeof selector==="string"){if(context){var cont;if(context.jquery){cont=context[0];if(!cont)return context}else cont=context;return $(cont.querySelectorAll(selector))}return $(document.querySelectorAll(selector))}return $(selector,context)};var attr_name=function(init){var arr=[];if(!init)arr.push("data");if(this.namespace.length>0)arr.push(this.namespace);arr.push(this.name);return arr.join("-")};var add_namespace=function(str){var parts=str.split("-"),i=parts.length,
arr=[];while(i--)if(i!==0)arr.push(parts[i]);else if(this.namespace.length>0)arr.push(this.namespace,parts[i]);else arr.push(parts[i]);return arr.reverse().join("-")};var bindings=function(method,options){var self=this,should_bind_events=!S(this).data(this.attr_name(true));if(S(this.scope).is("["+this.attr_name()+"]")){S(this.scope).data(this.attr_name(true)+"-init",$.extend({},this.settings,options||method,this.data_options(S(this.scope))));if(should_bind_events)this.events(this.scope)}else S("["+
this.attr_name()+"]",this.scope).each(function(){var should_bind_events=!S(this).data(self.attr_name(true)+"-init");S(this).data(self.attr_name(true)+"-init",$.extend({},self.settings,options||method,self.data_options(S(this))));if(should_bind_events)self.events(this)});if(typeof method==="string")return this[method].call(this,options)};var single_image_loaded=function(image,callback){function loaded(){callback(image[0])}function bindLoad(){this.one("load",loaded);if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)){var src=
this.attr("src"),param=src.match(/\?/)?"&":"?";param+="random="+(new Date).getTime();this.attr("src",src+param)}}if(!image.attr("src")){loaded();return}if(image[0].complete||image[0].readyState===4)loaded();else bindLoad.call(image)};window.matchMedia=window.matchMedia||function(doc){var bool,docElem=doc.documentElement,refNode=docElem.firstElementChild||docElem.firstChild,fakeBody=doc.createElement("body"),div=doc.createElement("div");div.id="mq-test-1";div.style.cssText="position:absolute;top:-100em";
fakeBody.style.background="none";fakeBody.appendChild(div);return function(q){div.innerHTML='&shy;<style media="'+q+'"> #mq-test-1 { width: 42px; }</style>';docElem.insertBefore(fakeBody,refNode);bool=div.offsetWidth===42;docElem.removeChild(fakeBody);return{matches:bool,media:q}}}(document);(function($){var animating,lastTime=0,vendors=["webkit","moz"],requestAnimationFrame=window.requestAnimationFrame,cancelAnimationFrame=window.cancelAnimationFrame,jqueryFxAvailable="undefined"!==typeof jQuery.fx;
for(;lastTime<vendors.length&&!requestAnimationFrame;lastTime++){requestAnimationFrame=window[vendors[lastTime]+"RequestAnimationFrame"];cancelAnimationFrame=cancelAnimationFrame||window[vendors[lastTime]+"CancelAnimationFrame"]||window[vendors[lastTime]+"CancelRequestAnimationFrame"]}function raf(){if(animating){requestAnimationFrame(raf);if(jqueryFxAvailable)jQuery.fx.tick()}}if(requestAnimationFrame){window.requestAnimationFrame=requestAnimationFrame;window.cancelAnimationFrame=cancelAnimationFrame;
if(jqueryFxAvailable){jQuery.fx.timer=function(timer){if(timer()&&jQuery.timers.push(timer)&&!animating){animating=true;raf()}};jQuery.fx.stop=function(){animating=false}}}else{window.requestAnimationFrame=function(callback){var currTime=(new Date).getTime(),timeToCall=Math.max(0,16-(currTime-lastTime)),id=window.setTimeout(function(){callback(currTime+timeToCall)},timeToCall);lastTime=currTime+timeToCall;return id};window.cancelAnimationFrame=function(id){clearTimeout(id)}}})(jQuery);function removeQuotes(string){if(typeof string===
"string"||string instanceof String)string=string.replace(/^['\\/"]+|(;\s?})+|['\\/"]+$/g,"");return string}window.Foundation={name:"Foundation",version:"5.4.2",media_queries:{small:S(".foundation-mq-small").css("font-family").replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g,""),medium:S(".foundation-mq-medium").css("font-family").replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g,""),large:S(".foundation-mq-large").css("font-family").replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g,""),xlarge:S(".foundation-mq-xlarge").css("font-family").replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g,
""),xxlarge:S(".foundation-mq-xxlarge").css("font-family").replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g,"")},stylesheet:$("<style></style>").appendTo("head")[0].sheet,global:{namespace:undefined},init:function(scope,libraries,method,options,response){var args=[scope,method,options,response],responses=[];this.rtl=/rtl/i.test(S("html").attr("dir"));this.scope=scope||this.scope;this.set_namespace();if(libraries&&typeof libraries==="string"&&!/reflow/i.test(libraries)){if(this.libs.hasOwnProperty(libraries))responses.push(this.init_lib(libraries,
args))}else for(var lib in this.libs)responses.push(this.init_lib(lib,libraries));S(window).load(function(){S(window).trigger("resize.fndtn.clearing").trigger("resize.fndtn.dropdown").trigger("resize.fndtn.equalizer").trigger("resize.fndtn.interchange").trigger("resize.fndtn.joyride").trigger("resize.fndtn.magellan").trigger("resize.fndtn.topbar").trigger("resize.fndtn.slider")});return scope},init_lib:function(lib,args){if(this.libs.hasOwnProperty(lib)){this.patch(this.libs[lib]);if(args&&args.hasOwnProperty(lib)){if(typeof this.libs[lib].settings!==
"undefined")$.extend(true,this.libs[lib].settings,args[lib]);else if(typeof this.libs[lib].defaults!=="undefined")$.extend(true,this.libs[lib].defaults,args[lib]);return this.libs[lib].init.apply(this.libs[lib],[this.scope,args[lib]])}args=args instanceof Array?args:new Array(args);return this.libs[lib].init.apply(this.libs[lib],args)}return function(){}},patch:function(lib){lib.scope=this.scope;lib.namespace=this.global.namespace;lib.rtl=this.rtl;lib["data_options"]=this.utils.data_options;lib["attr_name"]=
attr_name;lib["add_namespace"]=add_namespace;lib["bindings"]=bindings;lib["S"]=this.utils.S},inherit:function(scope,methods){var methods_arr=methods.split(" "),i=methods_arr.length;while(i--)if(this.utils.hasOwnProperty(methods_arr[i]))scope[methods_arr[i]]=this.utils[methods_arr[i]]},set_namespace:function(){var namespace=this.global.namespace===undefined?$(".foundation-data-attribute-namespace").css("font-family"):this.global.namespace;this.global.namespace=namespace===undefined||/false/i.test(namespace)?
"":namespace},libs:{},utils:{S:S,throttle:function(func,delay){var timer=null;return function(){var context=this,args=arguments;if(timer==null)timer=setTimeout(function(){func.apply(context,args);timer=null},delay)}},debounce:function(func,delay,immediate){var timeout,result;return function(){var context=this,args=arguments;var later=function(){timeout=null;if(!immediate)result=func.apply(context,args)};var callNow=immediate&&!timeout;clearTimeout(timeout);timeout=setTimeout(later,delay);if(callNow)result=
func.apply(context,args);return result}},data_options:function(el,data_attr_name){data_attr_name=data_attr_name||"options";var opts={},ii,p,opts_arr,data_options=function(el){var namespace=Foundation.global.namespace;if(namespace.length>0)return el.data(namespace+"-"+data_attr_name);return el.data(data_attr_name)};var cached_options=data_options(el);if(typeof cached_options==="object")return cached_options;opts_arr=(cached_options||":").split(";");ii=opts_arr.length;function isNumber(o){return!isNaN(o-
0)&&o!==null&&o!==""&&o!==false&&o!==true}function trim(str){if(typeof str==="string")return $.trim(str);return str}while(ii--){p=opts_arr[ii].split(":");p=[p[0],p.slice(1).join(":")];if(/true/i.test(p[1]))p[1]=true;if(/false/i.test(p[1]))p[1]=false;if(isNumber(p[1]))if(p[1].indexOf(".")===-1)p[1]=parseInt(p[1],10);else p[1]=parseFloat(p[1]);if(p.length===2&&p[0].length>0)opts[trim(p[0])]=trim(p[1])}return opts},register_media:function(media,media_class){if(Foundation.media_queries[media]===undefined){$("head").append('<meta class="'+
media_class+'"/>');Foundation.media_queries[media]=removeQuotes($("."+media_class).css("font-family"))}},add_custom_rule:function(rule,media){if(media===undefined&&Foundation.stylesheet)Foundation.stylesheet.insertRule(rule,Foundation.stylesheet.cssRules.length);else{var query=Foundation.media_queries[media];if(query!==undefined)Foundation.stylesheet.insertRule("@media "+Foundation.media_queries[media]+"{ "+rule+" }")}},image_loaded:function(images,callback){var self=this,unloaded=images.length;if(unloaded===
0)callback(images);images.each(function(){single_image_loaded(self.S(this),function(){unloaded-=1;if(unloaded===0)callback(images)})})},random_str:function(){if(!this.fidx)this.fidx=0;this.prefix=this.prefix||[this.name||"F",(+new Date).toString(36)].join("-");return this.prefix+(this.fidx++).toString(36)}}};$.fn.foundation=function(){var args=Array.prototype.slice.call(arguments,0);return this.each(function(){Foundation.init.apply(Foundation,[this].concat(args));return this})}})(jQuery,window,window.document);
(function($,window,document,undefined){Foundation.libs.reveal={name:"reveal",version:"5.4.2",locked:false,settings:{animation:"fadeAndPop",animation_speed:250,close_on_background_click:true,close_on_esc:true,dismiss_modal_class:"close-reveal-modal",bg_class:"reveal-modal-bg",root_element:"body",open:function(){},opened:function(){},close:function(){},closed:function(){},bg:$(".reveal-modal-bg"),css:{open:{"opacity":0,"visibility":"visible","display":"block"},close:{"opacity":1,"visibility":"hidden",
"display":"none"}}},init:function(scope,method,options){$.extend(true,this.settings,method,options);this.bindings(method,options)},events:function(scope){var self=this,S=self.S;S(this.scope).off(".reveal").on("click.fndtn.reveal","["+this.add_namespace("data-reveal-id")+"]:not([disabled])",function(e){e.preventDefault();if(!self.locked){var element=S(this),ajax=element.data(self.data_attr("reveal-ajax"));self.locked=true;if(typeof ajax==="undefined")self.open.call(self,element);else{var url=ajax===
true?element.attr("href"):ajax;self.open.call(self,element,{url:url})}}});S(document).on("click.fndtn.reveal",this.close_targets(),function(e){e.preventDefault();if(!self.locked){var settings=S("["+self.attr_name()+"].open").data(self.attr_name(true)+"-init"),bg_clicked=S(e.target)[0]===S("."+settings.bg_class)[0];if(bg_clicked)if(settings.close_on_background_click)e.stopPropagation();else return;self.locked=true;self.close.call(self,bg_clicked?S("["+self.attr_name()+"].open"):S(this).closest("["+
self.attr_name()+"]"))}});if(S("["+self.attr_name()+"]",this.scope).length>0)S(this.scope).on("open.fndtn.reveal",this.settings.open).on("opened.fndtn.reveal",this.settings.opened).on("opened.fndtn.reveal",this.open_video).on("close.fndtn.reveal",this.settings.close).on("closed.fndtn.reveal",this.settings.closed).on("closed.fndtn.reveal",this.close_video);else S(this.scope).on("open.fndtn.reveal","["+self.attr_name()+"]",this.settings.open).on("opened.fndtn.reveal","["+self.attr_name()+"]",this.settings.opened).on("opened.fndtn.reveal",
"["+self.attr_name()+"]",this.open_video).on("close.fndtn.reveal","["+self.attr_name()+"]",this.settings.close).on("closed.fndtn.reveal","["+self.attr_name()+"]",this.settings.closed).on("closed.fndtn.reveal","["+self.attr_name()+"]",this.close_video);return true},key_up_on:function(scope){var self=this;self.S("body").off("keyup.fndtn.reveal").on("keyup.fndtn.reveal",function(event){var open_modal=self.S("["+self.attr_name()+"].open"),settings=open_modal.data(self.attr_name(true)+"-init")||self.settings;
if(settings&&event.which===27&&settings.close_on_esc&&!self.locked)self.close.call(self,open_modal)});return true},key_up_off:function(scope){this.S("body").off("keyup.fndtn.reveal");return true},open:function(target,ajax_settings){var self=this,modal;if(target)if(typeof target.selector!=="undefined")modal=self.S("#"+target.data(self.data_attr("reveal-id"))).first();else{modal=self.S(this.scope);ajax_settings=target}else modal=self.S(this.scope);var settings=modal.data(self.attr_name(true)+"-init");
settings=settings||this.settings;if(modal.hasClass("open")&&target.attr("data-reveal-id")==modal.attr("id"))return self.close(modal);if(!modal.hasClass("open")){var open_modal=self.S("["+self.attr_name()+"].open");if(typeof modal.data("css-top")==="undefined")modal.data("css-top",parseInt(modal.css("top"),10)).data("offset",this.cache_offset(modal));this.key_up_on(modal);modal.trigger("open").trigger("open.fndtn.reveal");if(open_modal.length<1)this.toggle_bg(modal,true);if(typeof ajax_settings===
"string")ajax_settings={url:ajax_settings};if(typeof ajax_settings==="undefined"||!ajax_settings.url){if(open_modal.length>0)this.hide(open_modal,settings.css.close);this.show(modal,settings.css.open)}else{var old_success=typeof ajax_settings.success!=="undefined"?ajax_settings.success:null;$.extend(ajax_settings,{success:function(data,textStatus,jqXHR){if($.isFunction(old_success))old_success(data,textStatus,jqXHR);modal.html(data);self.S(modal).foundation("section","reflow");self.S(modal).children().foundation();
if(open_modal.length>0)self.hide(open_modal,settings.css.close);self.show(modal,settings.css.open)}});$.ajax(ajax_settings)}}},close:function(modal){var modal=modal&&modal.length?modal:this.S(this.scope),open_modals=this.S("["+this.attr_name()+"].open"),settings=modal.data(this.attr_name(true)+"-init")||this.settings;if(open_modals.length>0){this.locked=true;this.key_up_off(modal);modal.trigger("close").trigger("close.fndtn.reveal");this.toggle_bg(modal,false);this.hide(open_modals,settings.css.close,
settings)}},close_targets:function(){var base="."+this.settings.dismiss_modal_class;if(this.settings.close_on_background_click)return base+", ."+this.settings.bg_class;return base},toggle_bg:function(modal,state){if(this.S("."+this.settings.bg_class).length===0)this.settings.bg=$("<div />",{"class":this.settings.bg_class}).appendTo("body").hide();var visible=this.settings.bg.filter(":visible").length>0;if(state!=visible)if(state==undefined?visible:!state)this.hide(this.settings.bg);else this.show(this.settings.bg)},
show:function(el,css){if(css){var settings=el.data(this.attr_name(true)+"-init")||this.settings,root_element=settings.root_element;if(el.parent(root_element).length===0){var placeholder=el.wrap('<div style="display: none;" />').parent();el.on("closed.fndtn.reveal.wrapped",function(){el.detach().appendTo(placeholder);el.unwrap().unbind("closed.fndtn.reveal.wrapped")});el.detach().appendTo(root_element)}var animData=getAnimationData(settings.animation);if(!animData.animate)this.locked=false;if(animData.pop){css.top=
$(window).scrollTop()-el.data("offset")+"px";var end_css={top:$(window).scrollTop()+el.data("css-top")+"px",opacity:1};return setTimeout(function(){return el.css(css).animate(end_css,settings.animation_speed,"linear",function(){this.locked=false;el.trigger("opened").trigger("opened.fndtn.reveal")}.bind(this)).addClass("open")}.bind(this),settings.animation_speed/2)}if(animData.fade){css.top=$(window).scrollTop()+el.data("css-top")+"px";var end_css={opacity:1};return setTimeout(function(){return el.css(css).animate(end_css,
settings.animation_speed,"linear",function(){this.locked=false;el.trigger("opened").trigger("opened.fndtn.reveal")}.bind(this)).addClass("open")}.bind(this),settings.animation_speed/2)}return el.css(css).show().css({opacity:1}).addClass("open").trigger("opened").trigger("opened.fndtn.reveal")}var settings=this.settings;if(getAnimationData(settings.animation).fade)return el.fadeIn(settings.animation_speed/2);this.locked=false;return el.show()},hide:function(el,css){if(css){var settings=el.data(this.attr_name(true)+
"-init");settings=settings||this.settings;var animData=getAnimationData(settings.animation);if(!animData.animate)this.locked=false;if(animData.pop){var end_css={top:-$(window).scrollTop()-el.data("offset")+"px",opacity:0};return setTimeout(function(){return el.animate(end_css,settings.animation_speed,"linear",function(){this.locked=false;el.css(css).trigger("closed").trigger("closed.fndtn.reveal")}.bind(this)).removeClass("open")}.bind(this),settings.animation_speed/2)}if(animData.fade){var end_css=
{opacity:0};return setTimeout(function(){return el.animate(end_css,settings.animation_speed,"linear",function(){this.locked=false;el.css(css).trigger("closed").trigger("closed.fndtn.reveal")}.bind(this)).removeClass("open")}.bind(this),settings.animation_speed/2)}return el.hide().css(css).removeClass("open").trigger("closed").trigger("closed.fndtn.reveal")}var settings=this.settings;if(getAnimationData(settings.animation).fade)return el.fadeOut(settings.animation_speed/2);return el.hide()},close_video:function(e){var video=
$(".flex-video",e.target),iframe=$("iframe",video);if(iframe.length>0){iframe.attr("data-src",iframe[0].src);iframe.attr("src",iframe.attr("src"));video.hide()}},open_video:function(e){var video=$(".flex-video",e.target),iframe=video.find("iframe");if(iframe.length>0){var data_src=iframe.attr("data-src");if(typeof data_src==="string")iframe[0].src=iframe.attr("data-src");else{var src=iframe[0].src;iframe[0].src=undefined;iframe[0].src=src}video.show()}},data_attr:function(str){if(this.namespace.length>
0)return this.namespace+"-"+str;return str},cache_offset:function(modal){var offset=modal.show().height()+parseInt(modal.css("top"),10);modal.hide();return offset},off:function(){$(this.scope).off(".fndtn.reveal")},reflow:function(){}};function getAnimationData(str){var fade=/fade/i.test(str);var pop=/pop/i.test(str);return{animate:fade||pop,pop:pop,fade:fade}}})(jQuery,window,window.document);

$(document).foundation({
 reveal : {
        close_on_background_click: false
    }
});


 var ytvideoid;
  $('#playvideo').on('click', function(e){  

    ytvideoid = $(this).data('ytvideoid')

  }); 
  
  $('#playvideo2').on('click', function(e){  

    ytvideoid = $(this).data('ytvideoid')

  }); 

  $('#playvideo3').on('click', function(e){  

    ytvideoid = $(this).data('ytvideoid')

  }); 

 $('#playvideo4').on('click', function(e){  

    ytvideoid = $(this).data('ytvideoid')

  }); 

 $('#playvideo5').on('click', function(e){  

    ytvideoid = $(this).data('ytvideoid')

  }); 

$(document).on('opened.fndtn.reveal', '[data-reveal]', function () {
  var modal = $(this);
  //console.log(modal);

  player = new YT.Player('player', { //Add the player                        
                            height: '390',
     				width: '640',
       			videoId: 'dACVHgxJE7k',
                            playerVars: {
                                rel            : 0,
                                theme          : 'light',
                                showinfo       : 0,
                                showsearch     : 0,
                                autoplay       : 0,
                                autohide       : 1,
                                modestbranding : 1
                            },
                            events: {
					'onReady': onPlayerReady,
					'onStateChange': onPlayerStateChange
                            }
                        });
                        
  player = new YT.Player('player2', { //Add the player                        
                            height: '390',
     				width: '640',
       			videoId: 'ANWPD_a9tO4',
                            playerVars: {
                                rel            : 0,
                                theme          : 'light',
                                showinfo       : 0,
                                showsearch     : 0,
                                autoplay       : 1,
                                autohide       : 1,
                                modestbranding : 1
                            },
                            events: {
					'onReady': onPlayerReady,
					'onStateChange': onPlayerStateChange
                            }
                        });

  player = new YT.Player('player3', { //Add the player                        
                            height: '390',
     				width: '640',
       			videoId: 'VObZtERqrtM',
                            playerVars: {
                                rel            : 0,
                                theme          : 'light',
                                showinfo       : 0,
                                showsearch     : 0,
                                autoplay       : 1,
                                autohide       : 1,
                                modestbranding : 1
                            },
                            events: {
					'onReady': onPlayerReady,
					'onStateChange': onPlayerStateChange
                            }
                        });

  player = new YT.Player('player4', { //Add the player                        
                            height: '390',
     				width: '640',
       			videoId: 'QVZUJW91MRk',
                            playerVars: {
                                rel            : 0,
                                theme          : 'light',
                                showinfo       : 0,
                                showsearch     : 0,
                                autoplay       : 1,
                                autohide       : 1,
                                modestbranding : 1
                            },
                            events: {
					'onReady': onPlayerReady,
					'onStateChange': onPlayerStateChange
                            }
                        });

  player = new YT.Player('player5', { //Add the player                        
                            height: '390',
     				width: '640',
       			videoId: 'WNCqSnP6aRE',
                            playerVars: {
                                rel            : 0,
                                theme          : 'light',
                                showinfo       : 0,
                                showsearch     : 0,
                                autoplay       : 1,
                                autohide       : 1,
                                modestbranding : 1
                            },
                            events: {
					'onReady': onPlayerReady,
					'onStateChange': onPlayerStateChange
                            }
                        });
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
    event.target.setPlaybackQuality('hd720');
    event.target.setVolume(100);
}

// 5. The API calls this function when the player's state changes.
var done = false;
function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.ENDED) {
        $('#videoModal').foundation('reveal', 'close');
         $('#videoModal2').foundation('reveal', 'close');
	 $('#videoModal3').foundation('reveal', 'close');
	$('#videoModal4').foundation('reveal', 'close');
	$('#videoModal5').foundation('reveal', 'close');
        done = true;
    }
}
function stopVideo() {
    player.stopVideo();
}
});

$(document).on('close.fndtn.reveal', '[data-reveal]', function () {  
  $('#videoModal .flex-video #player').remove();
  $('#videoModal .flex-video').append('<div id="player" />');
   $('#videoModal2 .flex-video #player').remove();
  $('#videoModal2 .flex-video').append('<div id="player2" />');
 $('#videoModal3 .flex-video #player').remove();
  $('#videoModal3 .flex-video').append('<div id="player3" />');
 $('#videoModal4 .flex-video #player').remove();
  $('#videoModal4 .flex-video').append('<div id="player4" />');
 $('#videoModal5 .flex-video #player').remove();
  $('#videoModal5 .flex-video').append('<div id="player5" />');
});


</script>

</body>
</html>
