$(document).ready(function() {	
	//select all the a tag with name equal to modal
	$('a[name=modal_numbers]').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 heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(500);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		$(id).fadeIn(500);
		
		
		
		/* Part Numbers */
		var logo_id = $(this).attr('id');
		var imgPath = $("a#" + logo_id + ' > img').attr('src');
		
		switch(logo_id)
		{
			case 'logo_1': 
			$("#1000").html('L41-963');
			$("#3000").html('L41-964');
			$("#5000").html('L41-965');
			$("#7000").html('L41-966');
			$("#9000").html('L45-135');
			break;
			
			case 'logo_2': 
			$("#1000").html('1000');
			$("#3000").html('3000');
			$("#5000").html('5000');
			$("#7000").html('7000');
			$("#9000").html('-');
			break;
			
			case 'logo_3': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('2F180');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_4':  
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_5': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_6': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_7': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_8': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_9': 
			$("#1000").html('-');
			$("#3000").html('RJA3000');
			$("#5000").html('RJA5000');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_10': 
			$("#1000").html('FAST-STAT 1000');
			$("#3000").html('FAST-STAT 3000');
			$("#5000").html('FAST-STAT 5000');
			$("#7000").html('FAST-STAT 7000');
			$("#9000").html('FAST-STAT 9000');
			break;
			
			case 'logo_11': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_12': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_13': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_14': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_15': 
			$("#1000").html('1000-FAST');
			$("#3000").html('3000-FAST');
			$("#5000").html('5000-FAST');
			$("#7000").html('7000-FAST');
			$("#9000").html('9000-FAST');
			break;
			
			case 'logo_16': 
			$("#1000").html('1000');
			$("#3000").html('3000');
			$("#5000").html('5000');
			$("#7000").html('7000');
			$("#9000").html('9000');
			break;
			
			case 'logo_17': 
			$("#1000").html('X5314');
			$("#3000").html('77X65');
			$("#5000").html('X2085');
			$("#7000").html('X3509');
			$("#9000").html('-');
			break;
			
			case 'logo_18': 
			$("#1000").html('FASTSTAT1000');
			$("#3000").html('FASTSTAT3000');
			$("#5000").html('FASTSTAT5000');
			$("#7000").html('FASTSTAT7000');
			$("#9000").html('FASTSTAT9000');
			break;
			
			case 'logo_19': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_20': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_21': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_22': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_23': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_24': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_25': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_26': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_27': 
			$("#1000").html('RD1000');
			$("#3000").html('RD3000');
			$("#5000").html('RD5000');
			$("#7000").html('RD7000');
			$("#9000").html('RD9000');
			break;
			
			case 'logo_28': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_29': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_30': 
			$("#1000").html('L7900');
			$("#3000").html('L7901');
			$("#5000").html('L7902');
			$("#7000").html('L7903');
			$("#9000").html('L7904');
			break;
			
			case 'logo_31': 
			$("#1000").html('FAST-STAT 1000');
			$("#3000").html('FAST-STAT 3000');
			$("#5000").html('FAST-STAT 5000');
			$("#7000").html('FAST-STAT 7000');
			$("#9000").html('FAST-STAT 9000');
			break;
			
			case 'logo_32': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_33': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_34': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_35': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_36': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_37': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_38': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_39': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			case 'logo_40': 
			$("#1000").html('-');
			$("#3000").html('-');
			$("#5000").html('-');
			$("#7000").html('-');
			$("#9000").html('-');
			break;
			
			
			
		} 
		$("#logo").attr("src", imgPath);
		
	});
	
	
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').hide();
		$('#video_container').html('');
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});			
	
});