$(document).ready(function(){


	

	//select all the a tag with name equal to modal

	$('a[name=modal]').click(function(e) {

		e.preventDefault();
		var id = $(this).attr('href');
		var videoid = 'http://www.youtube.com/embed/' + $(this).attr('rel');
		var framehtml = "<iframe width='650' height='387' src='"+ videoid +"?autoplay=1' frameborder='0' allowfullscreen></iframe>"
		$('.pop_panel').html(framehtml);
		
		//$('#gopal').attr('src', videoid);
		
		var maskHeight = $(document).height();
		
		
		
		

		var maskWidth = $(window).width();
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		$('#mask').fadeIn(10);	
		$('#mask').fadeTo(10,0.65);	
		var winH = $(window).height();

		var winW = $(window).width();
		$(id).css('top', parseInt(winH/2-200) + $(document).scrollTop() );		
		$(id).css('left', winW/2-$(id).width()/2);
		$(id).fadeIn(800); 
	});
	

 	$('a[name=thumb]').click(function(e) {
		
		var videoid = 'http://www.youtube.com/embed/' + $(this).attr('rel') +'?autoplay=1';
		
		$('#bigvid').attr('src', videoid);
		e.preventDefault();
		
	});

	$('a[name=thumb1]').click(function(e) {
		
		var videoid1 = 'http://www.youtube.com/embed/' + $(this).attr('rel') + '?autoplay=1';
		$('#bigvid').attr('src', videoid1);
		
		
	});
	//if close button is clicked

	$('.close').click(function (e) {
		e.preventDefault();
		$('#mask').hide();
		$('.form').hide();

	});		
	
	
	$('#mask').click(function (e) {
		e.preventDefault();
		$('#mask').hide();
		$('.form').hide();
	});		

	
  });