/* ========= WHEN DOM LOADS ========= */

$(document).ready(function(){
	
	if($('.caseList').length){
		
		initPagination();
		
	}	
});

/* ========= FUNCTION THAT INITS PAGINATION OF THE LEFT LINKS ========= */

function initPagination(){
	
	$(".caseList > li").quickpaginate({ 
		perpage: 12, 
		showcounter: true, 
		pager : $("#list_counter"),
		prev_text: 'Previous', 
		next_text: 'Next' 
	});
	initGallery();
}


function initGallery(){	
	
	//DYNAMICALLY GENERATE URLS AND LINK TEXT FOR RIGHT SCROLL SECTION
	
	$('.blockRowContent').html('');
	
	$('.caseList > li a').unbind('mouseover').unbind('mouseout');
	
	var html = '';
	
	$('.caseList > li:visible a').each(function(index){	
		var linkUrl = $(this).attr('href');
		var linkText = $(this).html();
		var linkImg = $(this).next('p').find('img').attr('src');	
		var linkDesc = $(this).next('p').find('span').html();
		
		html += '<div class="blockColThumb">';
		html += '<a href="'+ linkUrl +'" target="_blank">';
		html += '<img src="'+ linkImg +'" width="197" height="131" alt=""  />';
		html += '</a>';
		html += '<div class="blockThumbCopy">';
		html += '<h3>'+ linkText +'</h3>';
		html += '<p>'+ linkDesc +'</p>';
		html += '</div></div>';
		//console.log(linkUrlClone);
	});
	
	$('.blockRowContent').append(html);
	
	//DEFINE SMALLER HEIGHT FOR NON JS BROWSERS
	
	$('.blockRowContent').css('height','500px').jScrollPane({scrollbarWidth:10});
	
	//HOVER EVENT HANDLER FOR UL LINKS LEFT SECTION
	
	$('.caseList > li a').bind("mouseover", function(e){
													 
		$('.caseList > li a').removeClass('active');
		
    	var linkIndex = $(this).parent().prevAll(':visible').length;
		
		$('.blockColThumb:eq('+ linkIndex +')').addClass('caseOn');
																		  
		$('.blockColThumb').each(function() {
			
			if (!($(this).hasClass('caseOn'))) {
				
				$(this).append('<div class="darken"></div>');
				
			}
			
		});
		
		$('.darken').height($('.blockColThumb').height()).css('opacity','0').show().animate(
			{ 
        		opacity: 0.75
      		},
			'slow' );
		
		//DEPENDING THE INDEX THE SCROLL MOVES TO CERTAIN Y POS
		
		if(linkIndex <= 5){
			
			$('.blockRowContent')[0].scrollTo(0);
			
		}else if(linkIndex > 5 && linkIndex <= 11){
			
			$('.blockRowContent')[0].scrollTo(500);
			
		}else if(linkIndex >= 12 && linkIndex <= 17){
			
			$('.blockRowContent')[0].scrollTo(1000);
			
		}else if(linkIndex >= 18 && linkIndex <= 23){
			
			$('.blockRowContent')[0].scrollTo(1500);
			
		}
		
	 });

	
	$('.caseList > li a').bind("mouseout", function(e){
			
		$('.caseList > li a').removeClass('active');
		
		$('.blockColThumb').removeClass('caseOn');
		
		$('.darken').remove();
														
	});
	
	//HOVER EVENT HANDLER FOR MODULES RIGHT SECTION
	
	$('.blockColThumb').hover(function(){
		
		$('.caseList > li a').removeClass('active');
		
    	var linkIndex = $(this).prevAll().length;
		
		$('.caseList > li:visible a:eq('+ linkIndex +')').addClass('active');
		
		$(this).addClass('caseOn');
																		  
		$('.blockColThumb').each(function() {
			
			if (!($(this).hasClass('caseOn'))) {
				
				$(this).append('<div class="darken"></div>');
				
			}
			
		});
		
		$('.darken').height($('.blockColThumb').height()).css('opacity','0').show().animate(
			{ 
        		opacity: 0.75
      		},
			'slow' );
			
	},function (){
		
		$('.caseList > li a').removeClass('active');
		
		$('.blockColThumb').removeClass('caseOn');
		
		$('.darken').remove();								 
											
	});
	
}