var theHash ="inithash";
var theHashBits = [];
var hashChecker;
var gallery
var api 

function loadText(txt){
		api.getContentPane().load(
				'content/'+ txt +'.php',
				function()
				{
					api.reinitialise()
					api.scrollToY(0);
					addInteractions()
				}
			);
			
	}

function addInteractions(){
		var vidid;
		switch(theHashBits[1]){
			case 'prepress':	vidid = 25411750;
			case 'digital':		vidid = 25408647;
			case 'offset':		vidid = 25411525;
			case 'finishing':	vidid = 25408850;
			case 'fulfillment':	vidid = 25410837;
								$('.jspPane ul').hide();
								$('.jspPane h3').css({'cursor':'pointer',
								'margin-bottom':'.5em'});
								$('.jspPane h3').click(function(){
							   		$('.jspPane ul').hide();
							   		$(this).next().show();
							   		index = ($('.jspPane h3').index($(this)))
							   		$('.di-' + (index + 1)).trigger('click');
							   		api.reinitialise();
							   		api.scrollToElement($(this), true);
							   	});
							  // 	addVideo(vidid);
							   	break;
			case 'news-archives':
			case 'news':$('.jspPane dd').hide();
								$('.jspPane dt').css({'cursor':'pointer',
								'margin-bottom':'1em'});
								$('.jspPane dt').click(function(){
									$('.jspPane dd').hide();
							   		$(this).next().show();
							   		api.reinitialise();
							   		api.scrollToElement($(this), true);
								});
		}
	}


function addVideo(id){
    //console.log('v ->' , id);
	//$('.page').append('<iframe src="http://player.vimeo.com/video/' + id + '?title=0&amp;byline=0&amp;portrait=0" width="700" height="400" frameborder="0"></iframe>');
}
function getImages(group){
		if(group==undefined) group=1;
		$.getJSON('getPics.php?',{group:group}, displayImages);
	}
function displayImages(data){
	imageData = data.images;
	$('#gallery-image-area').html();
	gallery  = $('#gallery-image-area').imageviewer({width:700,height:400, data:imageData, backgroundcolor:'transparent',hilightcolor:'#fff', bordercolor:'#000',   darkcolor:'#000', showUI:true});
	showGallery();
	if(theHashBits[0] != 'about')$('#navigation').fadeIn('fast');
	$('img.iv-ui-prev').attr('src', 'img/left-chevron.png');
	$('img.iv-ui-next').attr('src', 'img/right-chevron.png');
	
	$('#gallery-image-area').bind('new-image', function(){
		$($('.jspPane h3')[$('#gallery-image-area').imageviewer.getCurrentPic()-1]).trigger('click');
		$('.page iframe').remove(); 
	
	});
	
}

	
	function showGallery(){			
		$('#gallery-image-area').hide();
		$('#gallery-image-area').fadeIn('fast');
		//$('#navigation').show();
}

	
$(function()
{
	//$('.login').click(function(){$('.login-div').toggle()});
	api = $('.scroll-pane').jScrollPane(
		{
			showArrows: true,
			horizontalGutter: 20,
			verticalGutter: 30
		}
	).data('jsp');
	
	checkHash();
	hashChecker = setInterval(checkHash, 400);

	/*HASH CHECK*/
	function checkHash(){
		//check to see if there is a hash in the URL.
		//If so, load that content.
		if(window.location.hash != theHash){
			theHash =window.location.hash;
			theHashBits = theHash.substr(1).split('!/');
			processHash();
			
		}
	}

	


	function processHash(){
		if(theHashBits[1] != undefined){
			
			$('.default-holder').html('');
		
			 loadText(theHashBits[1]);
			$('.textarea').show()
		switch(theHashBits[1]){
			case '':
			case undefined:	loadDefault();$('.textarea').hide();break;	
			case 'history':getImages(0);setSelected(0);break;
			case 'management':getImages(1);setSelected(1);break;
			case 'news':getImages(2);setArchives();setSelected(2);break;
			case 'news-archives':getImages(2);setNews();setSelected(2);break;
			case 'commercial':getImages(3);setSelected(0);break;
			case 'pop':getImages(4);setSelected(1);break;
			case 'folding-cartons':getImages(5);setSelected(2);break;
			case 'prepress':getImages(6);setSelected(0);break;
			case 'digital':getImages(7);setSelected(1);break;
			case 'offset':getImages(8);setSelected(2);break;
			case 'finishing':getImages(9);setSelected(3);break;
			case 'fulfillment':getImages(10);setSelected(4);break;
			case 'hyundai':getImages(11);setSelected(0);break;
			case 'eandj':getImages(12);setSelected(1);break;
			case 'citifinancial':getImages(13);setSelected(2);break;
		}
		}else{
			
			$('.textarea').hide();
			$('#gallery-image-area').hide();
			loadDefault();
		}
	
	}
	
	
	function setSelected(index){
		$('.menu li ul li a').removeClass('selected');
		var obj = $($('.menu li ul li')[index]);
		$('a', obj).addClass('selected');
	}
	




	
});




function setNews(){
	$('#newslink').html('<a href="#!/news">Current News</a>');
}

function setArchives(){
	$('#newslink').html('<a href="#!/news-archives">Archives</a>');
	
}


//CONTACT FORM

function showContactBox(){
	$('#overlay').fadeIn('fast'); 
}


function hideContactBox(){
	$('#overlay').fadeOut('fast'); 
}


function submitContact(){//when the form is submitted.
		//validate email
		hasError = false;
		hasEmailError = false;
		jQuery('.error').remove();
		
	$('.requiredField').each(function() {
			if(jQuery.trim(jQuery(this).val()) == '') {
				var labelText = jQuery(this).prev('label').text();
				jQuery(this).parent().append('<span class=\"error\">You need to enter your '+labelText+'.</span>');
				jQuery(this).addClass('inputError');
				hasError = true;
			} else if(jQuery(this).hasClass('email')) {
				var emails = jQuery(this).val().split(',');
				
				for(var email in emails){
					//console.log(emails[email])
					var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
					
					if(!emailReg.test(jQuery.trim(emails[email]))){
						hasEmailError = true;
					}
				}
				if(hasEmailError){
					hasError = true;
					var labelText = jQuery(this).prev('label').text();
					jQuery(this).parent().append('<span class=\"error\">This appears to be an invalid email address.</span>');
					jQuery(this).addClass('inputError');
				}
			}
	});
	
	if(!hasError) {
		var firstname = $('.overlay-content #firstname').val();
		var lastname = $('.overlay-content #lastname').val();
		var company = $('.overlay-content #company').val();
		var address = $('.overlay-content #address').val();
		var phone = $('.overlay-content #phone').val();
		var email = $('.overlay-content #email').val();
		var city = $('.overlay-content #city').val();
		var state = $('.overlay-content #state').val();
		var zip = $('.overlay-content #zip').val();
		var general = $('.overlay-content #general').val();
		var poppos = $('.overlay-content #poppos').val();
		var foldingCartons = $('.overlay-content #foldingcartons').val();
		var commercial = $('.overlay-content #pop-pos').val();
		var lama = $('.overlay-content #lama').val();
		var whoto = $('.overlay-content #whoto').val();
		var message = $('.overlay-content #message').val();
		console.log(firstname, company, address, phone, email, message);
		$.getJSON('sendContact.php?',{firstname:firstname, 
											lastname:lastname, 
											company:company, 
											address:address, 
											city:city,
											state:state,
											zip:zip,
											phone:phone, 
											email:email, 
											general:general,
											poppos:poppos,
											foldingCartons:foldingCartons,
											commercial:commercial,
											lama:lama,
											whoto:whoto,
											message:message }, contactDone);
		$('.overlay-content').html('<h1>Thanks, someone will be getting back to you very soon.</h1><a href="javascript:hideContactBox()">close</a>')
	}
	
}


function contactDone(){
	

}