// JavaScript Document
$('document').ready(function(){
//	active = $('.active_article');
//	var hash = window.location.hash.replace('#', '');//

//	if ( hash ==  '' || hash == 'portfolio'){
//		$('#flock_content').addClass('active_article');
//		alert($('.active_article').attr('id'));
//	}
//	else{
//		$('#'+hash+'_content').addClass('active_article');
//	};//

//	var activePanel = ($(active).attr('id').replace('_content', ''));
//		$('#panelContainer_'+activePanel+' div:first').addClass('currentPanel');
});

document.onkeydown = function(evt) {
    evt = evt || window.event;
    switch (evt.keyCode) {
        case 37:
			n = ($('.currentPanel').parent().attr('id').replace('panelContainer_', ''));
            slidePanels('backwards', n);
            break;
        case 39:
			n = ($('.currentPanel').parent().attr('id').replace('panelContainer_', ''));
            slidePanels('forwards', n);
            break;
    }
};

var slidePanels = function(evt, parsedPanelName, duration){
	$('.portfolio_link').stop();

	var current = $('.currentPanel');
	var next = current.next();
	var prev = current.prev();
	$('#'+container).stop();
	var container = ('panelContainer_'+parsedPanelName);
	if ((next).length == 0){
		next = $('#'+container+' div:first');
	}
	if ((prev).length == 0){
		prev = $('#'+container+' div:last');
	}

	var currentLeft = ((current).position().left);
	var currentTop = ((current).position().top);
	var previousLeft = ((prev).position().left);
	var previousTop = ((prev).position().top);
	var nextLeft = ((next).position().left);
	var nextTop = ((next).position().top);
	
	//alert ('current='+current.index()+', next='+next.index()+', prev='+prev.index()+', panel='+parsedPanelName)

	if (evt == 'forwards'){
		$('.gallery_nav_button#'+(current).attr('id')).removeClass('buttonActive');
		(current).removeClass('currentPanel');
		(next).addClass('currentPanel');
		$('.gallery_nav_button#'+(next).attr('id')).addClass('buttonActive');
		///
		var current = $('.currentPanel');
		//alert(current.attr('id'));
		///
		var translateLeft = -nextLeft;
		var translateTop = -nextTop;
		$('#'+container).animate({'left':translateLeft, 'top': translateTop}, duration);
	}
	if (evt == 'backwards'){
		$('.gallery_nav_button#'+(current).attr('id')).removeClass('buttonActive');
		(current).removeClass('currentPanel');
		(prev).addClass('currentPanel');
		$('.gallery_nav_button#'+(prev).attr('id')).addClass('buttonActive');
		///
		var current = $('.currentPanel');
		//alert(current.attr('id'));
		///
		var translateLeft = -previousLeft;
		var translateTop = -previousTop;
		$('#'+container).animate({'left':translateLeft, 'top': translateTop}, duration);
	}
	
	//alert ('current='+current.index()+', next='+next.index()+', panel='+parsedPanelName)

}

var slidePanelsToV = function(v, parsedPanelName, duration){
	
	$('.portfolio_link').stop();
	var current = $('.currentPanel');
	//alert(current.attr('id'))
	var container = ('panelContainer_'+parsedPanelName);
	if (v == 0){
		var next = ('#panelContainer_'+parsedPanelName+' div:first');
	}else{
		var next = ('#panelContainer_'+parsedPanelName+' #'+v);
	}
	
	$('#'+container).stop();

	var currentLeft = ((current).position().left);
	var currentTop = ((current).position().top);
	var nextLeft = ($(next).position().left);
	var nextTop = ($(next).position().top);
	
	//alert('current: .gallery_nav_button_on'.attr('id')+' next: .gallery_nav_button#'+$(next).attr('id'));
	
	$('.gallery_nav_button').removeClass('buttonActive');
	(current).removeClass('currentPanel');
	$(next).addClass('currentPanel');
	$('.gallery_nav_button#'+$(next).attr('id')).addClass('buttonActive');
	//alert($(next).attr('id'));
	
	var translateLeft = -nextLeft;
	var translateTop = -nextTop;
	$('#'+container).animate({'left':translateLeft, 'top': translateTop}, duration);

}