// JavaScript Document

$(document).ready(function(){
$('#gallery a').fancybox();	

$("select").change(function () {
 var worktopvar = $('#worktopnumber').val();
 var splashvar = $('#splashnumber').val();
 
 if (worktopvar == '1 Worktop Piece'){
 $('.workb1').css({'display':'block'});
 $('.workb2').css({'display':'none'});
 $('.workb3').css({'display':'none'});
 $('.workb4').css({'display':'none'});
 $('.workb5').css({'display':'none'});
 }
 if (worktopvar == '2 Worktop Pieces'){ 
 $('.workb1').css({'display':'block'});
 $('.workb2').css({'display':'block'});
 $('.workb3').css({'display':'none'});
 $('.workb4').css({'display':'none'});
 $('.workb5').css({'display':'none'});
 }
 if (worktopvar == '3 Worktop Pieces'){
 $('.workb1').css({'display':'block'});
 $('.workb2').css({'display':'block'});
 $('.workb3').css({'display':'block'});
 $('.workb4').css({'display':'none'});
 $('.workb5').css({'display':'none'}); 
 }
 if (worktopvar == '4 Worktop Pieces'){
 $('.workb1').css({'display':'block'});
 $('.workb2').css({'display':'block'});
 $('.workb3').css({'display':'block'});
 $('.workb4').css({'display':'block'});
 $('.workb5').css({'display':'none'}); 
 }
 if (worktopvar == '5 Worktop Pieces'){
 $('.workb1').css({'display':'block'});
 $('.workb2').css({'display':'block'});
 $('.workb3').css({'display':'block'});
 $('.workb4').css({'display':'block'});
 $('.workb5').css({'display':'block'}); 
 }	
 if (worktopvar == 'More Then 5 Worktop Pieces'){
 $('.workb1').css({'display':'block'});
 $('.workb2').css({'display':'block'});
 $('.workb3').css({'display':'block'});
 $('.workb4').css({'display':'block'});
 $('.workb5').css({'display':'block'}); 
 }	
									 
 
 
 if (splashvar == '1 Splashback'){
 $('.splash1').css({'display':'block'});
 $('.splash2').css({'display':'none'});
 $('.splash3').css({'display':'none'});
 $('.splash4').css({'display':'none'});
 $('.splash5').css({'display':'none'});
 }
 if (splashvar == '2 Splashbacks'){ 
 $('.splash1').css({'display':'block'});
 $('.splash2').css({'display':'block'});
 $('.splash3').css({'display':'none'});
 $('.splash4').css({'display':'none'});
 $('.splash5').css({'display':'none'});
 }
 if (splashvar == '3 Splashbacks'){
 $('.splash1').css({'display':'block'});
 $('.splash2').css({'display':'block'});
 $('.splash3').css({'display':'block'});
 $('.splash4').css({'display':'none'});
 $('.splash5').css({'display':'none'}); 
 }
 if (splashvar == '4 Splashbacks'){
 $('.splash1').css({'display':'block'});
 $('.splash2').css({'display':'block'});
 $('.splash3').css({'display':'block'});
 $('.splash4').css({'display':'block'});
 $('.splash5').css({'display':'none'}); 
 }
 if (splashvar == '5 Splashbacks'){
 $('.splash1').css({'display':'block'});
 $('.splash2').css({'display':'block'});
 $('.splash3').css({'display':'block'});
 $('.splash4').css({'display':'block'});
 $('.splash5').css({'display':'block'}); 
 }
 if (splashvar == 'More Than 5 Splashback Pieces'){
 $('.splash1').css({'display':'block'});
 $('.splash2').css({'display':'block'});
 $('.splash3').css({'display':'block'});
 $('.splash4').css({'display':'block'});
 $('.splash5').css({'display':'block'}); 
 }
									  })

$(".worktopcolorpick a").click(function(){
var $worktopcolor = $(this).attr('title');
$("#worktopcolor").val($worktopcolor);
})

$(".splashbackcolorpick a").click(function(){
var $splashbackcolor = $(this).attr('title');
$("#splashbackcolor").val($splashbackcolor);
})
    
		  
						   })