$(document).ready(function() {	
	
	$(".mylink1 img").hover(
	 function()
	 {
	  this.src = this.src.replace("_s1","_s2");
	 },
	 function()
	 {
	  this.src = this.src.replace("_s2","_s1");
	 }
	);
	
	$("#mylink img").hover(
	 function()
	 {
	  this.src = this.src.replace("_off","_over");
	 },
	 function()
	 {
	  this.src = this.src.replace("_over","_off");
	 }
	);
		
	//select all the a tag with name equal to modal
	$('#dialog_click').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//alert(maskHeight);
		//alert(maskWidth);
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
        
		//alert(winH/2-$(id).height()/2);
		
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="252" id="vzvd-527824" name="vzvd-527824" src="http://view.vzaar.com/527824/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);	
		
		var credit="Mario Lopez Fuels Up with Celsius webisode<br>Celsius Energy Drink Behind the Scenes launch<br><span id='producer'><strong>Advertising Agency:</strong> Omni Advertising<br><strong>Producer/Director</strong> Mo Fitzgibbon</span>";
		$('#credit').html(credit);
		
		
		
	});
	
	$('#dialog_click8').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="336" id="vzvd-535438" name="vzvd-535438" src="http://view.vzaar.com/535438/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="Don't Stop<br><span id='producer'><strong>Artist:</strong> Gloria Estefan<br><strong>Record Label:</strong> Sony Music<br><strong>Title:</strong> Don't Stop<br><strong>Produced by</strong> Robert W. Walker<br><strong>Writer/Director</strong> Mo Fitzgibbon</span>";
		$('#credit').html(credit);
	
	});
	
	$('#dialog_click2').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="336" id="vzvd-535537" name="vzvd-535537" src="http://view.vzaar.com/535537/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="Shakira Donde Estan Las Ladrones Rockumentary<br><span id='producer'><strong>Artist:</strong> Shakira<br><strong>Record Label:</strong> Sony Music International<br><strong>Writer/Director</strong> Robert W. Walker<br><strong>Producer/Director</strong> Mo Fitzgibbon<br></span>";
		$('#credit').html(credit);
	
	});
	
	$('#dialog_click9').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="336" id="vzvd-535405" name="vzvd-535405" src="http://view.vzaar.com/535405/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="Deep Blue Something<br><span id='producer'><strong>Artist:</strong> Deep Blue Something<br><strong>Record Label:</strong> Azera Records<br><strong>Title:</strong> Deep Blue Something<br><strong>Producers/Directors</strong> Robert W. Walker &amp; Mo Fitzgibbon<br></span>";
		$('#credit').html(credit);
	
	});
	
	$('#dialog_click3').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="336" id="vzvd-535534" name="vzvd-535534" src="http://view.vzaar.com/535534/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="Jon Secada Too late Too Soon Music Video<br><span id='producer'><strong>Artist:</strong> Jon Secada<br><strong>Record Label:</strong> EMI Records<br><strong>Title:</strong> Too Late Too Soon <br><strong>Producers/Directors</strong> Mo Fitzgibbon &amp; Robert W. Walker</span>";
		$('#credit').html(credit);
	
	
	});
	
	
	$('#dialog_click10').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="336" id="vzvd-535426" name="vzvd-535426" src="http://view.vzaar.com/535426/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="Direct TV Shania<br><span id='producer'><strong>Advertiser:</strong> DIRECTV<br><strong>Title:</strong> Shania Twain - Dreams of Miami<br><strong>Writer/Producer</strong> Robert W. Walker</span>";
		$('#credit').html(credit);
	
	});
	
	$('#dialog_click4').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="336" id="vzvd-535429" name="vzvd-535429" src="http://view.vzaar.com/535429/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="Direct TV Sting<br><span id='producer'><strong>Advertiser:</strong> DIRECTV<br><strong>Title:</strong> Sting: Brand New Day<br><strong>Writer/Producer</strong> Robert W. Walker</span>";
		$('#credit').html(credit);
	
	});
	
	
	$('#dialog_click11').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="336" id="vzvd-535504" name="vzvd-535504" src="http://view.vzaar.com/535504/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="Ford ''This is my life''<br><span id='producer'><strong>Agency:</strong> Group One Advertising<br><strong>Writer and Producer</strong> Robert W. Walker<br><strong>Director</strong> Mo Fitzgibbon</span>";
		$('#credit').html(credit);
	
	});
	
	
	$('#dialog_click5').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="336" id="vzvd-535558" name="vzvd-535558" src="http://view.vzaar.com/535558/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="Validsites Cowboy Dave<br><span id='producer'><strong>Client:</strong> ValidSites<br><strong>Agency:</strong> BFW Advertising<br><strong>Title:</strong> Cowboy Dave<br><strong>Producers/Directors</strong> Mo Fitzgibbon &amp; Robert W. Walker</span>";
		$('#credit').html(credit);
	
	});
	
	$('#dialog_click12').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="252" id="vzvd-535342" name="vzvd-535342" src="http://view.vzaar.com/535342/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="Celsius ''Burn Baby Burn Dancing Kate''<br><span id='producer'><strong>Client:</strong> Omni Advertising<br><strong>Producer</strong> Robert W Walker<br><strong>Director</strong> Mo Fitzgibbon</span>";
		$('#credit').html(credit);
	
	});
	
	$('#dialog_click6').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="336" id="vzvd-535393" name="vzvd-535393" src="http://view.vzaar.com/535393/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="Quality Time<br><span id='producer'><strong>Advertiser:</strong> CityPlace<br><strong>Agency:</strong> The Boner Group<br><strong>Title:</strong> Quality Time<br><strong>Producer/Director</strong> Mo Fitzgibbon</span>";
		$('#credit').html(credit);
	
	});
	
	
	$('#dialog_click13').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="254" id="vzvd-527836" name="vzvd-527836" src="http://view.vzaar.com/527836/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="Dinorah Perry - Crusader for the Real Forgotten<br><span id='producer'><strong>Created by</strong> Paul Lawrence and Mo Fitzgibbon</span>";
		$('#credit').html(credit);
	
	});
	
	$('#dialog_click7').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="254" id="vzvd-535828" name="vzvd-535828" src="http://view.vzaar.com/535828/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="The Miami River Cops Dirty Water AKA(CENTAC 26)<br><span id='producer'><strong>Created and Written</strong> by Mo Fitzgibbon Robert W. Walker<br><strong>Executive Producer</strong> Robert W. Walker and Mo Fitzgibbon</span>";
		$('#credit').html(credit);
	});
	
	$('#dialog_click14').click(function(e) {
		//Cancel the link behavior
		//e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  0);
		$(id).css('left', winW/2-$
		(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
		var endtext='<iframe allowFullScreen allowTransparency="true" class="vzaar-video-player" frameborder="0" height="252" id="vzvd-899319" name="vzvd-899319" src="http://view.vzaar.com/899319/player" title="vzaar video player" type="text/html" width="448"></iframe>';
		$('#movie').html(endtext);		
	
		var credit="LINZI LEGACY ARTIST MUSIC SHOWCASE<br><span id='producer'><strong>Produced and directed by</strong> Robert Walker, Executive Producer /writer Mo Fitzgibbon</span>";
		$('#credit').html(credit);
	
	});
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		$('#mask, .window').hide();
		$('#movie').html('');	
		
		
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
		$('#movie').html('');	
	});			
	
	
	
});