// JavaScript Document
$(document).ready(function() {
	$('#image_nav ul').hide();
	$('#artwork_nav img').hide();
	$('#artwork_nav div').hide();
	$('#artwork_nav p').hide();

	$('#overall').attr('height', window.height);
	
				
	//$('#art_12').show();
	//$('#artwork_nav p:eq(11)').show();

	

	//var bgImageTotal=4;
	//var randomNumber = Math.round(Math.random()*(bgImageTotal));
	//$('body').attr('background', 'url(images/bg_1.jpg) center top fixed');
	//$('#artwork_nav p:eq(' + randomNumber + ')').show();
	
	var bgImageTotal=10;
	var randomNumber = Math.round(Math.random()*(bgImageTotal-1));
	$('#artwork_nav img:eq(' + randomNumber + ')').show();
	$('#artwork_nav p:eq(' + randomNumber + ')').show();
	
	
	
	//$('#footer').attr({'position': $(window.height)-30});
	
//if window.height < x, image.height = 25%, else image.height = 50%, else image.height = 100%

	var imageWidth = $('#artwork_nav img').attr('width');
	var windowWidth = $(window.width);
  
  if (window.width < 600){  
	imageWidth = '50%';
	imageHeight = '50%';
	} /*else if (windowWidth < 1024 && windowWidth > 600);
  imageWidth = (((windowWidth-600)/424)+50)*100;
  } else if (windowWidth >= 1024) {  
  imageWidth.attr('width',100%);  
  } */
    
   
 

//function to show or hide thumbnails
	$('#image_nav p a').click(function () {
			$('#image_nav p a').removeClass('select_subject');
			$(this).toggleClass('select_subject');
			$('#image_nav ul').hide();
			
				
			if (this.id == 'p_one') {				
				$('#one_series').fadeIn('slow');
				$('#p_two').removeClass();
				$('#p_three').removeClass();
			}
			else if (this.id == 'p_two') {
				$('#two_series').fadeIn('slow')
				$('#p_one').removeClass();
				$('#p_three').removeClass();
				
			}
			else if (this.id == 'p_three') {
				$('#three_series').fadeIn('slow')
				$('#p_one').removeClass();
				$('#p_two').removeClass();
			}
	});
//function to show or hide artwork
	$('#image_nav img').click(function () {
		$('#artwork_nav img').hide();
		$('#image_nav img').removeClass('border');
		$('#artwork_nav p').hide();
		$('#artwork_nav h2').hide();
		$('#artwork_nav div').hide();


		if (this.id == 'thumb_1') {
				$(this).addClass('border');
				$('#art_1').fadeIn('slow');
				$('#artwork_nav p:eq(0)').fadeIn('slow');

			}
			else if (this.id == 'thumb_2') {
				$(this).addClass('border');
				$('#art_2').fadeIn('slow');
				$('#artwork_nav p:eq(1)').fadeIn('slow');

			}
			else if (this.id == 'thumb_3') {
				$(this).addClass('border');
				$('#art_3').fadeIn('slow');
				$('#artwork_nav p:eq(2)').fadeIn('slow');

			}
			else if (this.id == 'thumb_4') {
				$(this).addClass('border');
				$('#art_4').fadeIn('slow');
				$('#artwork_nav p:eq(3)').fadeIn('slow');

			}
			else if (this.id == 'thumb_5') {
				$(this).addClass('border');
				$('#art_5').fadeIn('slow');
				$('#artwork_nav p:eq(4)').fadeIn('slow');

			}
			else if (this.id == 'thumb_6') {
				$(this).addClass('border');
				$('#art_6').fadeIn('slow');
				$('#artwork_nav p:eq(5)').fadeIn('slow');

			}
			else if (this.id == 'thumb_7') {
				$(this).addClass('border');
				$('#art_7').fadeIn('slow');
				$('#artwork_nav p:eq(6)').fadeIn('slow');

			}
			else if (this.id == 'thumb_8') {
				$(this).addClass('border');
				$('#art_8').fadeIn('slow');
				$('#artwork_nav p:eq(7)').fadeIn('slow');

			}
			else if (this.id == 'thumb_9') {
				$(this).addClass('border');
				$('#art_9').fadeIn('slow');
				$('#artwork_nav p:eq(8)').fadeIn('slow');

			}
			else if (this.id == 'thumb_10') {
				$(this).addClass('border');
				$('#art_10').fadeIn('slow');
				$('#artwork_nav p:eq(9)').fadeIn('slow');

			}
			else if (this.id == 'thumb_11') {
				$(this).addClass('border');
				$('#art_11').fadeIn('slow');
				$('#artwork_nav p:eq(10)').fadeIn('slow');

			}
			else if (this.id == 'thumb_12') {
				$(this).addClass('border');
				$('#art_12').fadeIn('slow');
				$('#artwork_nav p:eq(11)').fadeIn('slow');

			}
			//interactive animation ----------------------
			else if (this.id == 'thumb_20') {
				$(this).addClass('border');
				$('#art_20').fadeIn('slow');
				$('#artwork_nav p:eq(12)').fadeIn('slow');

			}
			else if (this.id == 'thumb_21') {
				$(this).addClass('border');
				$('#art_21').fadeIn('slow');
				$('#artwork_nav p:eq(13)').fadeIn('slow');

			}
			else if (this.id == 'thumb_22') {
				$(this).addClass('border');
				$('#art_22').fadeIn('slow');
				$('#artwork_nav p:eq(14)').fadeIn('slow');

			}
			
			//fine art------------------
			else if (this.id == 'thumb_30') {
				$(this).addClass('border');
				$('#art_30').fadeIn('slow');
				$('#artwork_nav p:eq(15)').fadeIn('slow');

			}
			else if (this.id == 'thumb_31') {
				$(this).addClass('border');
				$('#art_31').fadeIn('slow');
				$('#artwork_nav p:eq(16)').fadeIn('slow');

			}
			else if (this.id == 'thumb_32') {
				$(this).addClass('border');
				$('#art_32').fadeIn('slow');
				$('#artwork_nav p:eq(17)').fadeIn('slow');

			}
			else if (this.id == 'thumb_33') {
				$(this).addClass('border');
				$('#art_33').fadeIn('slow');
				$('#artwork_nav p:eq(18)').fadeIn('slow');

			}
			else if (this.id == 'thumb_34') {
				$(this).addClass('border');
				$('#art_34').fadeIn('slow');
				$('#artwork_nav p:eq(19)').fadeIn('slow');

			}
			else if (this.id == 'thumb_35') {
				$(this).addClass('border');
				$('#art_35').fadeIn('slow');
				$('#artwork_nav p:eq(20)').fadeIn('slow');

			}
			else if (this.id == 'thumb_36') {
				$(this).addClass('border');
				$('#art_36').fadeIn('slow');
				$('#artwork_nav p:eq(21)').fadeIn('slow');

			}
	});
	
	
});