﻿//Demo Reel animation effects

function fillthescreen(){
		winH = windowHeight(); //This returns the screen heigth
		heightNeeded=winH-130; //We need to substract the footer height
		moviePosition = winH - 130;
		guideheight = winH -50;
		if(heightNeeded > 500) {
			if( typeof( window.innerWidth ) != 'number' ) { //Explorer doesn't recognize minHeight
				document.getElementById('leftCol').style.height=heightNeeded+'px'; //So, we use height (and explorer bug)
				//document.getElementById('movieDock').style.top = heightNeeded+'px';
		}
			document.getElementById('leftCol').style.minHeight=heightNeeded+'px'; //For every other browser, we use minHeight
			document.getElementById('demoReelGuide').style.minHeight=guideheight+'px';
			//makes demo reel sync with the footer when window is resized
			//document.getElementById('myMovie').style.top = moviePosition+'px';
		}
		//alert(document.body.clientHeight);
	 	//moveIt();
 }
 
 function fillthescreen2(){
		winH = windowHeight(); //This returns the screen height
		heightNeeded=winH-30; //We need to substract the footer height
		moviePosition = winH - 50;
		guideheight = winH -50;
		if(heightNeeded > 700) {
			if( typeof( window.innerWidth ) != 'number' ) { //Explorer doesn't recognize minHeight
				document.getElementById('leftCol').style.height=heightNeeded+'px'; //So, we use height (and explorer bug)
				//document.getElementById('movieDock').style.top = heightNeeded+'px';
		}
			document.getElementById('leftCol').style.minHeight=heightNeeded+'px'; //For every other browser, we use minHeight
		
			//makes demo reel sync with the footer when window is resized
			//document.getElementById('myMovie').style.top = moviePosition+'px';
		}
			//alert(document.body.clientHeight);
	 		//moveIt();
 }
function windowHeight(){
		var alto= 0;
		if( typeof( window.innerWidth ) == 'number' ) {
			alto= window.innerHeight;
		} 
		else if(document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
		{
			alto= document.documentElement.clientHeight;
		} 
		else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
		{
			alto= document.body.clientHeight;
		}
		return alto;
	}

function initReel() {
		//fillthescreen();
		var movieHolder = document.getElementById('myMovie');
		var intY = document.getElementById('midCol').offsetTop;
		var intY2 = document.getElementById('footer').offsetTop;
		var intX = document.getElementById('movieDock').offsetLeft;
		var intX2 = document.body.scrollLeft;
		var closeReel = document.getElementById("reelOpen").style.display = "block";
		var openReel = document.getElementById("reelC").style.display = "none";
		//var myAnim = new YAHOO.util.Motion('myMovie', {points:{ by: [0, -(intY-400)]} });
		if( typeof( window.innerWidth ) !== 'number' ) {
			var myAnim = new YAHOO.util.Motion('myMovie', {points:{ to: [intX+2, (intY2-102)]} });
			movieHolder.style.overflow ="hidden";
		}
		else {
			var myAnim = new YAHOO.util.Motion('myMovie', {points:{ to: [intX, (intY2-104)]} });
			movieHolder.style.overflow ="hidden";
		}
		
		//var myAnim = new YAHOO.util.Motion('myMovie', {points:{ to: [300, (intY2)]} });
		//var myAnim = new YAHOO.util.Motion('myMovie', {points:{ from:to: [intX, (intY-100)]} });
		//myAnim.attributes.points = { to: 600,400 };
		myAnim.duration = 0.2;
		myAnim.method = YAHOO.util.Easing.easeOut;
		myAnim.animate();	
	
}
 
function moveUp2() {
		var wait = setTimeout("moveUp()", 400);
}

YAHOO.namespace("example.container");
function moveUp() {
		var movieHolder = document.getElementById('myMovie');
		var intY = document.getElementById('midCol').offsetTop;
		var intX = document.getElementById('movieDock').offsetLeft;
		var intY2 = document.getElementById("myMovie").offsetTop;
		var intX2 = document.body.scrollLeft;
		//alert(intY2);
		var openReel = document.getElementById("reelOpen").style.display = "none";
		var closeReel = document.getElementById("reelC").style.display = "block";
		if( typeof( window.innerWidth ) !== 'number' ) {
			//var myAnim = new YAHOO.util.Motion('myMovie', {points:{ to: [intX+2, (intY+200)]} });
			var myAnim = new YAHOO.util.Motion('myMovie', {points:{ to: [intX+2, (intY+200)]} });
			movieHolder.style.overflow ='visible';
		}
		else {
			//var myAnim = new YAHOO.util.Motion('myMovie', {points:{ to: [intX, (intY+200)]} });	
			var myAnim = new YAHOO.util.Motion('myMovie', {points:{ by: [0, -500]} });
			movieHolder.style.overflow ='visible';
		}
		//var myAnim = new YAHOO.util.Motion('myMovie', {points:{ to: [intX, (intY+400)]} });	
		//var myAnim = new YAHOO.util.Motion('myMovie', {points:{ from:to: [intX, (intY-100)]} });
		//myAnim.attributes.points = { to: 600,400 };
		myAnim.duration = 0.6;
		myAnim.method = YAHOO.util.Easing.easeOut;
		//myAnim.onComplete.subscribe(console.log("finish"));
		var wait = setTimeout("open2()", 700);
		//var wait2 = setTimeout("alert(intY2)", 2000);
		//var openReel = document.getElementById("reelOpen").style.display = "none";
		//var closeReel = document.getElementById("reelClose").style.display = "block";
		//var wait2 = setTimeout("displayReel()", 1800);
		//var wait = setTimeout("myAnim.animate()", 200);
		myAnim.animate();
		//var intY = document.getElementById('footer').offsetTop;
		//var intX = document.getElementById('midCol').offsetLeft;
	 	//console.log("y= " +intY);
	 	//console.log("x= " +intX);
		
	}
	
function moveDwn() {
		var movieHolder = document.getElementById('myMovie');
		var intY = document.getElementById('midCol').offsetTop;
		var intY2 = document.getElementById('footer').offsetTop;
		var intX = document.getElementById('movieDock').offsetLeft;
		var intX2 = document.body.scrollLeft;
		var closeReel = document.getElementById("reelOpen").style.display = "block";
		var openReel = document.getElementById("reelC").style.display = "none";
		//var myAnim = new YAHOO.util.Motion('myMovie', {points:{ by: [0, -(intY-400)]} });
		if( typeof( window.innerWidth ) !== 'number' ) {
			var myAnim = new YAHOO.util.Motion('myMovie', {points:{ to: [intX+2, (intY2-102)]} });
			movieHolder.style.overflow ="hidden";
		}
		else {
			var myAnim = new YAHOO.util.Motion('myMovie', {points:{ to: [intX, (intY2-104)]} });
			movieHolder.style.overflow ="hidden";
		}
		
		//var myAnim = new YAHOO.util.Motion('myMovie', {points:{ to: [300, (intY2)]} });
		//var myAnim = new YAHOO.util.Motion('myMovie', {points:{ from:to: [intX, (intY-100)]} });
		//myAnim.attributes.points = { to: 600,400 };
		myAnim.duration = 0.5;
		myAnim.method = YAHOO.util.Easing.easeOut;
		
		myAnim.animate();
		var intY = document.getElementById('footer').offsetTop;
		var intX = document.getElementById('midCol').offsetLeft;
	 	//console.log("y= " +intY);
	 	//console.log("x= " +intX);
		var putFrame = document.getElementById("demoReelHolder");
		var putFrame2 = document.getElementById("myMovie");
		putFrame.removeChild(iframe);
		//putFrame.style.height= "290px";
		//putFrame2.style.height= "290px";
		
		
	}
function openMovie() {
		var myAnim = new YAHOO.util.Anim('demoReelHolder');
		var myAnim2 = new YAHOO.util.Anim('movieDock');
		var intY = document.getElementById('midCol').offsetHeight;
		alert(intY);
		myAnim.attributes.height = { to: 300 };
		myAnim2.attributes.height = { to: 3 };
		myAnim.duration = 1.5;
		myAnim2.duration = 0.5;
		myAnim.method = YAHOO.util.Easing.easeOut;
		myAnim.animate();	
		myAnim2.animate();
		//var wait = setTimeout("fillthescreen()", 1500);
		//document.body.clientHeight = intY;
	}
	
function open2() {
	 	if((navigator.platform.indexOf('Mac')!==-1) && (navigator.appName.indexOf('Netscape') !== -1)){
			getFrameMac();
		}
		else {
		getFrame();
		}
		//var openReel2 = new Effect.Appear('demoReelHolder', {duration: 0.5});
		var intY = document.getElementById('footer').offsetTop;
		//alert(intY);
		//var dock = document.getElementById("movieDock").style.height = "2px";
		//var myAnim2 = new YAHOO.util.Anim('movieDock');
		//myAnim2.duration = 0.5;
		//myAnim2.animate();
		var openReel = document.getElementById("reelC").style.display = "none";
		var closeReel = document.getElementById("reelClose").style.display = "block";
	}
function closeMovie() {
		/*var myAnim = new YAHOO.util.Anim('demoReelHolder');
		myAnim.attributes.height = { to: 0 };
		myAnim.duration = 1.5;
		myAnim.method = YAHOO.util.Easing.easeOut;
		myAnim.animate();*/
		//var closeReel2 = new Effect.BlindUp("demoReelHolder", {duration: 0.8});
		if((navigator.platform.indexOf('Mac')!==-1) && (navigator.appName.indexOf('Netscape') !== -1)){
			hideReelMac();
		}
		else {
		hideReel();
		}
		var closeReel = document.getElementById("reelClose").style.display = "none";
		var openReel = document.getElementById("reelC").style.display = "block";
		
		var wait = setTimeout("moveDwn()", 1000);	
	}
function displayReel() {
		var displayR = document.getElementById("demoReelHolder");
		displayR.style.height = "400px";
	}
	
	
function newsLetter() {
		var signUp = new Effect.toggle('emailForm','slide', {duration: 0.5});
		//var wait = setTimeout('document.getElementById("emailForm").style.display ="none"', 700);
		//var signUp2 = new Effect.toggle('emailForm','fade', {duration: 0.5});
		//var signUp = document.getElementById("emailForm").style.display ="block";
		/*var myAnim = new YAHOO.util.Motion('emailForm');
		var myAnim2 = new YAHOO.util.Anim('emailForm');
		myAnim.attributes.height = { to: 40 };
		myAnim.attributes.points = {by: [0, 30]};
		myAnim.duration = 1.5;
		myAnim2.duration = 1.5;
		myAnim.method = YAHOO.util.Easing.easeOut;
		myAnim.animate();
		myAnim2.animate();*/
		
	}
		YAHOO.namespace("emailsent.container");	
		//YAHOO.namespace("emailError.container");	
		
function checkEmail() {
			var getEmail = document.getElementById("email");
			var regEx =/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
			if(!regEx.test(getEmail.value)){
			YAHOO.emailsent.container.overlay2 = new YAHOO.widget.Overlay("emailError", { 
		    xy:[800,100],	
		    visible:false,
			width:"150px",
			// height: "400px",
			zIndex:1001,
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} } );
			YAHOO.emailsent.container.overlay2.render("emailsent");
			YAHOO.emailsent.container.overlay2.show("emailsent");
			//var signUp = new Effect.toggle('emailSent2','slide', {duration: 0.5});
			 //var show = new Effect.SlideDown('emailSent2',{duration: 0.3});
	
}

else {
		sendEmail();
}

	
}
function sendEmail() {
		    
		    //var sendM = new Effect.Grow('emailSent', {duration: 0.5});
			var emailSent = document.getElementById("emailMssg");
			emailSent.innerHTML = "<span>Thankyou for signing up</span>";
			var emailSent2a = document.getElementById("emailSent2");
			if(emailSent2a.style.display =="none") {
			var showMssg = new Effect.BlindDown('emailSent2', {duration: 0.5});
			}
		    var wait = setTimeout("new Effect.BlindUp('emailForm', {duration: 0.5})", 2900);
		    //var wait2 = setTimeout("hideThanku()", 3500);
			var wait3 = setTimeout("new Effect.BlindUp('emailSent2', {duration: 0.5})", 2000);
			
		   // YAHOO.emailsent.container.overlay1 = new YAHOO.widget.Overlay("emailSent", { 
		    //xy:[800,100],	
		    //visible:false,
			//width:"150px",
			// height: "400px",
			//zIndex:1000,
			//effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} } );
			//YAHOO.emailsent.container.overlay1.render("emailsent");
			//YAHOO.emailsent.container.overlay1.show("emailsent");
	}
	
function hideThanku() {
			var emailAdd = document.getElementById("email").value ="";
			YAHOO.emailsent.container.overlay1 = new YAHOO.widget.Overlay("emailSent", { 
			xy:[800,100],	
			visible:false,
			width:"150px",
			// height: "400px",
			zIndex:1000,
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} } );
			//YAHOO.emailsent.container.overlay1.render("emailsent");
		    YAHOO.emailsent.container.overlay1.hide("emailsent");
		
	}
	
		  
			//YAHOO.util.Event.addListener("hide1", "click", YAHOO.example.container.overlay1.hide, YAHOO.example.container.overlay1, true);

function hideError() {
			
			YAHOO.emailsent.container.overlay2 = new YAHOO.widget.Overlay("emailError", { 
		    xy:[800,100],	
		    visible:false,
			width:"150px",
			// height: "400px",
			zIndex:1001,
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} } );
			YAHOO.emailsent.container.overlay2.render("emailsent");
			YAHOO.emailsent.container.overlay2.hide("emailsent");	
}

function checkEmail2() {
			var getEmail = document.getElementById("email");
			var emailSent = document.getElementById("emailMssg");
			var emailSent2a = document.getElementById("emailSent2");
			var regEx =/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
			if(!regEx.test(getEmail.value)){
			
			YAHOO.emailsent.container.overlay2 = new YAHOO.widget.Overlay("emailError", {
		    xy:[800,100],	
		    visible:false,
			width:"150px",
			// height: "400px",
			zIndex:1001,
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} } );
			//YAHOO.emailsent.container.overlay2.render("emailsent");
			//YAHOO.emailsent.container.overlay2.show("emailsent");
			//var signUp = new Effect.toggle('emailSent2','slide', {duration: 0.5});
			if(emailSent2a.style.display =="none") {
			 var show2 = new Effect.BlindDown('emailSent2',{duration: 0.3});
			}
			 emailSent.innerHTML = '<span class="redFont">Invalid email address.</span><a href="#" onclick="javascript:closeError();">Try again</a>';
			return false;
}

else {
		var str = document.getElementById("email").value;
		makePOSTRequest("save_email.php", "email=" + str);
		//sendEmail();
		
}

	
}

function checkEnter(e){ //e is event object passed from function invocation
	var characterCode; //literal character code will be stored in this variable
	//var event;
	if(e && e.which){ //if which property of event object is supported (NN4)
		e = e;
		characterCode = e.which; //character code is contained in NN4's which property
	}
	else{
		e = event;
		characterCode = e.keyCode; //character code is contained in IE's keyCode property
		}

	if(characterCode == 13){ //if generated character code is equal to ascii 13 (if enter key)
		//document.forms[0].submit() //submit the form
		checkEmail2();
		//alert("hey hey");
		return false;
	}
	else{
		return true;
	}

}

function closeError() {
		var show2 = new Effect.BlindUp('emailSent2',{duration: 0.5});
}

var http_request = false;
   function makePOSTRequest(url, parameters) {
      http_request = false;
      if (window.XMLHttpRequest) { // Mozilla, Safari,...
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {
         	// set type accordingly to anticipated content type
            //http_request.overrideMimeType('text/xml');
            http_request.overrideMimeType('text/html');
         }
      } else if (window.ActiveXObject) { // IE
         try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      }
      if (!http_request) {
         alert('Cannot create XMLHTTP instance');
         return false;
      }
      
      http_request.onreadystatechange = alertContents;
      http_request.open('POST', url, true);
      http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      http_request.setRequestHeader("Content-length", parameters.length);
      http_request.setRequestHeader("Connection", "close");
      http_request.send(parameters);
   }
     function alertContents() {
      if (http_request.readyState == 4) {
         if (http_request.status == 200) {
            sendEmail();  
         } else {
			var emailSent = document.getElementById("emailMssg");
			emailSent.innerHTML = '<span class="redFont">There was an error saving your email</span><a href="#" onclick="javascript:closeError();">Try again</a>';
         }
      }
   }
function getFrameMac() {
	
	iframe = document.createElement("iframe");
		iframe.style.border ="1px dashed #95ad3d";
		iframe.style.borderstyle = "dashed";
		iframe.style.width = "410px";
		iframe.style.height = "300px";
		iframe.style.marginLeft ="-25px";
		iframe.scrolling = "no";
		iframe.marginHeight = "0px";
		iframe.marginWidth = "0px";
		iframe.id = "reelIframe";
		iframe.name = "reelIframe";
		//iframe.src ="/mb_nav/mb_nav/flash.html";
		iframe.src ="/digital-marketing-portfolio/player2.htm";
		iframe.frameBorder = "0";
	
	var putFrame = document.getElementById("demoReelHolder");
		putFrame.appendChild(iframe);
		
			var intY = document.getElementById('midCol').offsetTop;
			var intY2 = document.getElementById('footer').offsetTop;
			var intX = document.getElementById('movieDock').offsetLeft;
			//alert(intY);
			if( typeof( window.innerWidth ) != 'number' ) 
			{
				putFrame.style.visibility = "visible";
		
			}
	else {
			putFrame.style.visibility = "visible";
	}
		  		
	
}
function getFrame() {
	
		iframe = document.createElement("iframe");

		iframe.style.width = "438px";
		iframe.style.height = "300px";
		iframe.scrolling = "no";
		iframe.marginHeight = "0px";
		iframe.marginWidth = "0px";
		iframe.id = "reelIframe";
		iframe.name = "reelIframe";
		//iframe.src ="/mb_nav/mb_nav/flash.html";
		iframe.src ="player2.htm";
		iframe.frameBorder = "0";
	
	var putFrame = document.getElementById("demoReelHolder");
		putFrame.appendChild(iframe);
		
			var intY = document.getElementById('midCol').offsetTop;
			var intY2 = document.getElementById('footer').offsetTop;
			var intX = document.getElementById('movieDock').offsetLeft;
			//alert(intY);
			if( typeof( window.innerWidth ) != 'number' ) 
			{
			YAHOO.example.container.overlay1 = new YAHOO.widget.Overlay("demoReelHolder", 
			{xy:[intX+2,(intY+303)],	
			visible:false,
			width:"440px",
			// height: "400px",
			zIndex:1000,
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.55} 
			} );
			}
	else {
		    YAHOO.example.container.overlay1 = new YAHOO.widget.Overlay("demoReelHolder", 
			{
			visible:false,
			width:"428px",
			height: "302px",
			zIndex:1000,
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.55}	} );
			}																			  
			YAHOO.example.container.overlay1.render("example");
			YAHOO.example.container.overlay1.show("example");
			//scaleFrame();
			//YAHOO.util.Event.addListener("show1", "click", YAHOO.example.container.overlay1.show, YAHOO.example.container.overlay1, true);
		
}

function sizeFrame() {
		YAHOO.example.container.overlay1 = 	new YAHOO.widget.Overlay("overlay1", { 
	    visible:false, 
	    zIndex:1000,
	    width:"300px",
	    effect:{effect:YAHOO.widget.ContainerEffect.SLIDE,duration:0.25} } );
}

function hideReelMac () {
	document.getElementById('demoReelHolder').visibility = "hidden";
	
}

function hideReel() {
	if( typeof( window.innerWidth ) != 'number' ) {
 		YAHOO.example.container.overlay1 = new YAHOO.widget.Overlay("demoReelHolder", { //xy:[337,308],
		visible:false,
		width:"400px",
		//height: "800px",
		zIndex:1000,
		effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.55} } );
																			  }
else {
		YAHOO.example.container.overlay1 = new YAHOO.widget.Overlay("demoReelHolder", {
		visible:false,
		width:"430px",
		//height: "310px",
		zIndex:1000,
		effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.55} } );
}																			  
		//YAHOO.example.container.overlay1.render("example");
		YAHOO.example.container.overlay1.hide("example");
	
}


// *************************************
// PORTFOLIO FUNCTIONS
// *************************************

								 
function hidePopup(folioPop){
	var toggleFolioPop = new Effect.toggle(folioPop,'appear', {duration: 0.4});
}
function showSeedThmb(folioPop, newImg) {
	var iFrame = document.getElementById("seedIframe");
	var folioPop = new Effect.toggle(folioPop,'appear', {duration: 0.4});
		if( typeof( window.innerWidth ) != 'number' ) 
			{
				var imgSrcIE =  iFrame.contentWindow.document.getElementById("seedFolioImg");
				//iFrame.height ="390px";
				imgSrcIE.src = "/images/"+ newImg;
			}
		else {
			//iFrame.height ="390px";
			var imgSrc = iFrame.contentDocument.seedFolioImg;	
			//iFrame.height ="390px";
			imgSrc.src = "/images/"+ newImg;
		}
}
function showBranchThmb(folioPop, newImg) {
	var iFrame = document.getElementById("branchIframe");
	var folioPop = new Effect.toggle(folioPop,'appear', {duration: 0.4});
		if( typeof( window.innerWidth ) != 'number' ) 
			{
				var imgSrcIE =  iFrame.contentWindow.document.getElementById("branchFolioImg");
				//iFrame.height ="390px";
				imgSrcIE.src = "/images/"+ newImg;
			}
		else {
			//iFrame.height ="390px";
			var imgSrc = iFrame.contentDocument.branchFolioImg;	
			
			//iFrame.height ="390px";
			imgSrc.src = "/images/"+ newImg;
		}
}
function showGrowThmb(folioPop, newImg) {
	var iFrame = document.getElementById("growIframe");
	var folioPop = new Effect.toggle(folioPop,'appear', {duration: 0.4});
		if( typeof( window.innerWidth ) != 'number' ) 
			{
				var imgSrcIE =  iFrame.contentWindow.document.getElementById("growFolioImg");
				//iFrame.height ="390px";
				imgSrcIE.src = "/images/"+ newImg;
			}
		else {
			//iFrame.height ="390px";
			var imgSrc = iFrame.contentDocument.growFolioImg;	
			
			//iFrame.height ="390px";
			imgSrc.src = "/images/"+ newImg;
		}
}
function showSeedThmb2(folioPop, newImg) {
	//var intY = document.getElementById('midCol').offsetTop;
	//var intY2 = document.getElementById('footer').offsetTop;
	var intX = document.getElementById('movieDock').offsetLeft;
	var iFrame = document.getElementById("branchIframe");
	//alert(intX);
		if( typeof( window.innerWidth ) != 'number' ) 
			{
			var imgSrcIE =  iFrame.contentWindow.document.getElementById("branchFolioImg");	
			//alert(imgSrc);
			//iFrame.height ="390px";
			imgSrcIE.src = "/images/"+ newImg;
			YAHOO.example.container.overlay1 = new YAHOO.widget.Overlay(folioPop, 
			{xy:[intX+2,(220)],	
			visible:false,
			width:"420px",
			// height: "400px",
			zIndex:1000,
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} 
			} );
			}
	else {
			iFrame.height ="390px";
			var imgSrc = iFrame.contentDocument.branchFolioImg;	
			
			iFrame.height ="390px";
			imgSrc.src = "/images/"+ newImg;
			//alert(imgSrc.src);
		    YAHOO.example.container.overlay1 = new YAHOO.widget.Overlay(folioPop, 
			{xy:[intX-1,(220)],
			visible:false,
			width:"420px",
			//height: "310px",
			zIndex:1000,
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} 
			} );
			}																			  
			YAHOO.example.container.overlay1.render("example");
			YAHOO.example.container.overlay1.show("example");
			
			iframe = document.createElement("iframe");
			//iframe.style.border ="1px solid #95ad3d";
			//var getImg = iframe.
			
			//alert(window.document[0]);
			iframe.style.borderstyle = "dashed";
			iframe.style.width = "420px";
			iframe.style.height = "390px";
			iframe.scrolling = "no";
			iframe.marginHeight = "0px";
			iframe.marginWidth = "0px";
			//iframe.id = "branchIframe";
			//iframe.name = "branchIframe";
			iframe.src ="branch1_frame.htm";
			iframe.frameBorder = "0";
		
}

function hideSeedThmb (folioPop) {
	
		var intX = document.getElementById('movieDock').offsetLeft;
		var iFrame = document.getElementById("branchIframe");
		//alert(intX);
		if( typeof( window.innerWidth ) != 'number' ) 
			{
			YAHOO.example.container.overlay1 = new YAHOO.widget.Overlay(folioPop, 
			{xy:[intX+2,(220)],	
			visible:false,
			width:"420px",
			height: "4px",
			zIndex:1000,
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} 
			} );
			var putFrame = document.getElementById(folioPop);
			//iFrame.height = "10px";
			//iFrame.frameBorder = "1";
			//putFrame.removeChild(iFrame);
			}
	else {
		    YAHOO.example.container.overlay1 = new YAHOO.widget.Overlay(folioPop, 
			{xy:[intX-1,(220)],
			visible:false,
			width:"420px",
			//height: "310px",
			zIndex:1000,
			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} 
			} );
			var putFrame = document.getElementById(folioPop);
			iFrame.height = "0px";
			//putFrame.removeChild(iframe);
			}																			  
			//YAHOO.example.container.overlay1.render("example");
			YAHOO.example.container.overlay1.hide("example");	
}

// *************************************
// MAP FUNCTIONS
// *************************************

function hideMap(mapPop){
	var toggleFolioPop = new Effect.toggle(mapPop,'appear', {duration: 0.4});
	//var mapIframe = document.getElementById("mapToronto");
	//var wait0 = setTimeout("mapIframe.innerHTML =''",3500);
}
function showMap1(folioPop) {
	 var agt = navigator.userAgent.toLowerCase();
	 var is_major = parseInt(navigator.appVersion);
	 var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
	 var is_ie6    = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) );
	if( is_ie6 ){
		window.open('http://maps.google.com/maps?f=q&amp;hl=en&amp;geocode=&amp;q=477+Richmond+Street+West,+Toronto&amp;sll=37.0625,-95.677068&amp;sspn=44.793449,82.265625&amp;ie=UTF8&amp;z=14&amp;iwloc=addr&amp;ll=43.655205,-79.393902&amp;output=embed&amp;s=AARTsJqJ7BkZXFUNoG5LfCYgtYFONyLr4g','mapToronto');
		
	}
	else {
	var iFrame = document.getElementById("map1Frame");
	var mapIframe = document.getElementById("mapToronto");
	var folioPop = new Effect.toggle(folioPop,'appear', {duration: 0.4});
	mapIframe.innerHTML = '<iframe width="430" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.ca/maps?f=q&amp;hl=en&amp;q=477+Richmond+St+W,+Toronto,+Toronto,+Ontario,+Canada&amp;sll=49.891235,-97.15369&amp;sspn=25.940006,68.994141&amp;ie=UTF8&amp;cd=1&amp;geocode=0,43.647554,-79.398117&amp;ll=43.655143,-79.393902&amp;spn=0.007096,0.016844&amp;z=14&amp;iwloc=addr&amp;output=embed&amp;s=AARTsJrFA9XuSbig7E7QDUmlKVRL5vwlHQ"></iframe>';
	//alert(iFrame);
	}
}	

function showMap2(folioPop) {
 	var agt = navigator.userAgent.toLowerCase();
	 var is_major = parseInt(navigator.appVersion);
	 var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
	 var is_ie6    = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) );
	if( is_ie6 ){
		window.open('http://maps.google.ca/maps?f=q&amp;hl=en&amp;geocode=&amp;q=4446+blvd+St+laurent+montreal+h2w+1z5&amp;sll=43.648234,-79.398108&amp;sspn=0.007096,0.016844&amp;ie=UTF8&amp;ll=45.527036,-73.581276&amp;spn=0.006871,0.016844&amp;z=14&amp;iwloc=addr&amp;output=embed&amp;s=AARTsJoaKUpDt1U9EVKaVfSymYarTMoFIA','mapToronto');
		
	}
	else {
	var mapIframe = document.getElementById("mapToronto");
	var folioPop = new Effect.toggle(folioPop,'appear', {duration: 0.4});
mapIframe.innerHTML ='<iframe width="430" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.ca/maps?f=q&amp;hl=en&amp;geocode=&amp;q=4446+blvd+St+laurent+montreal+h2w+1z5&amp;sll=43.648234,-79.398108&amp;sspn=0.007096,0.016844&amp;ie=UTF8&amp;ll=45.527036,-73.581276&amp;spn=0.006871,0.016844&amp;z=14&amp;iwloc=addr&amp;output=embed&amp;s=AARTsJoaKUpDt1U9EVKaVfSymYarTMoFIA"></iframe>';
	}
}

function showMap3(folioPop) {
 	var agt = navigator.userAgent.toLowerCase();
	 var is_major = parseInt(navigator.appVersion);
	 var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
	 var is_ie6    = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) );
	if( is_ie6 ){
		window.open('http://maps.google.com/maps?f=q&amp;hl=en&amp;geocode=&amp;q=3390+Peachtree+Rd+NE+atlanta+ga+30326&amp;sll=45.519719,-73.585522&amp;sspn=0.010103,0.01708&amp;ie=UTF8&amp;z=14&amp;iwloc=addr&amp;ll=33.858371,-84.361181&amp;output=embed&amp;s=AARTsJrqVsuaZ4fPi3q6-CD_u5NMp90Y3w','mapToronto');
		
	}
	else {
	var mapIframe = document.getElementById("mapToronto");
	var folioPop = new Effect.toggle(folioPop,'appear', {duration: 0.4});
	mapIframe.innerHTML = '<iframe width="430" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;hl=en&amp;geocode=&amp;q=3390+Peachtree+Rd+NE+atlanta+ga+30326&amp;sll=45.519719,-73.585522&amp;sspn=0.010103,0.01708&amp;ie=UTF8&amp;z=14&amp;iwloc=addr&amp;ll=33.858371,-84.361181&amp;output=embed&amp;s=AARTsJrqVsuaZ4fPi3q6-CD_u5NMp90Y3w"></iframe>';
	}
}