$(document).ready(function() {
	// function to quickly hide nav items and divs
	function removeAll() {
		$('ul li a').removeClass('current');
		$('div.ms_cont_switch').hide();
	}

 	$('ul li a.ms_nav_all_sp').click(function() {
 		removeAll();
 		$(this).addClass('current');
 		$('div.ms_all_sp').show();
 		$.cookie('ms_all_sp', 'active');
 		return false;
 	});
 	
 	$('ul li a.ms_nav_sp_1').click(function() {
 		removeAll();
 		$(this).addClass('current');
 		$('div.ms_sp_1').show();
 		$.cookie('ms_sp_1', 'active');
 		return false;
 	});
 	
 	$('ul li a.ms_nav_sp_2').click(function() {
 		removeAll();
 		$(this).addClass('current');
 		$('div.ms_sp_2').show();
 		$.cookie('ms_sp_2', 'active');
 		return false;
 	});
 	
 	$('ul li a.ms_nav_sp_3').click(function() {
 		removeAll();
 		$(this).addClass('current');
 		$('div.ms_sp_3').show();
 		$.cookie('ms_sp_3', 'active');
 		return false;
 	});
 	
 	$('ul li a.ms_nav_sp_4').click(function() {
 		removeAll();
 		$(this).addClass('current');
 		$('div.ms_sp_4').show();
 		$.cookie('ms_sp_4', 'active');
 		return false;
 	});
 	
 	$('ul li a.ms_nav_sp_5').click(function() {
 		removeAll();
 		$(this).addClass('current');
 		$('div.ms_sp_5').show();
 		$.cookie('ms_sp_5', 'active');
 		return false;
 	});
	
 	$('ul li a.ms_nav_sp_6').click(function() {
 		removeAll();
 		$(this).addClass('current');
 		$('div.ms_sp_6').show();
 		$.cookie('ms_sp_6', 'active');
 		return false;
 	});
	
 	$('ul li a.ms_nav_sp_7').click(function() {
 		removeAll();
 		$(this).addClass('current');
 		$('div.ms_sp_7').show();
 		$.cookie('ms_sp_7', 'active');
 		return false;
 	});	
	
 	$('ul li a.ms_nav_sp_8').click(function() {
 		removeAll();
 		$(this).addClass('current');
 		$('div.ms_sp_8').show();
 		$.cookie('ms_sp_8', 'active');
 		return false;
 	});	
	
 	$('ul li a.ms_nav_sp_more').click(function() {
 		removeAll();
 		$(this).addClass('current');
 		$('div.ms_sp_more').show();
 		$.cookie('ms_sp_more', 'active');
 		return false;
 	});
 	
 	// Get cookies
	var ms_all_sp = $.cookie('ms_all_sp');
	var ms_sp_1 = $.cookie('ms_sp_1');
	var ms_sp_2 = $.cookie('ms_sp_2');
	var ms_sp_3 = $.cookie('ms_sp_3');
	var ms_sp_4 = $.cookie('ms_sp_4');
	var ms_sp_5 = $.cookie('ms_sp_5');
	var ms_sp_6 = $.cookie('ms_sp_6');
	var ms_sp_7 = $.cookie('ms_sp_7');
	var ms_sp_8 = $.cookie('ms_sp_8');
	var ms_sp_more = $.cookie('ms_sp_more');

	// Show active tab/content via cookie
	if (ms_all_sp == 'active') {
		removeAll();
 		$('ul li a.ms_nav_all_sp').addClass('current');
 		$('div.ms_all_sp').show();
    	}
    	
    	if (ms_sp_1 == 'active') {
		removeAll();
		$('ul li a.ms_nav_sp_1').addClass('current');
 		$('div.ms_sp_1').show();
    	}
    	
    	if (ms_sp_2 == 'active') {
		removeAll();
		$('ul li a.ms_nav_sp_2').addClass('current');
 		$('div.ms_sp_2').show();
    	}
    	
    	if (ms_sp_3 == 'active') {
		removeAll();
		$('ul li a.ms_nav_sp_3').addClass('current');
 		$('div.ms_sp_3').show();
    	}
    	
    	if (ms_sp_4 == 'active') {
		removeAll();
		$('ul li a.ms_nav_sp_4').addClass('current');
 		$('div.ms_sp_4').show();
    	}
    	
    	if (ms_sp_5 == 'active') {
		removeAll();
		$('ul li a.ms_nav_sp_5').addClass('current');
 		$('div.ms_sp_5').show();
    	}
    	
		if (ms_sp_6 == 'active') {
		removeAll();
		$('ul li a.ms_nav_sp_6').addClass('current');
 		$('div.ms_sp_6').show();
    	}
		
		if (ms_sp_7 == 'active') {
		removeAll();
		$('ul li a.ms_nav_sp_7').addClass('current');
 		$('div.ms_sp_7').show();
    	}

		if (ms_sp_8 == 'active') {
		removeAll();
		$('ul li a.ms_nav_sp_8').addClass('current');
 		$('div.ms_sp_8').show();
    	}
		
    	if (ms_sp_more == 'active') {
		removeAll();
		$('ul li a.ms_nav_sp_more').addClass('current');
 		$('div.ms_sp_more').show();
    	}

    	if ((ms_all_sp != 'active') && (ms_sp_1 != 'active') && (ms_sp_2 != 'active') &&
    	(ms_sp_3 != 'active') && (ms_sp_4 != 'active') && (ms_sp_5 != 'active') && (ms_sp_6 != 'active') && (ms_sp_7 != 'active') && (ms_sp_8 != 'active') && (ms_sp_more != 'active') ) {
    		removeAll();
		$('ul li a.ms_nav_all_sp').addClass('current');
		$('div.ms_all_sp').show();
    	}
 	
 	
 	
 	currentPos = 0;
    counter = 0
    assetSlide = $('ul.multimedia_content');
    var listitems = new Array();
	listitems = document.getElementById("multimedialist").getElementsByTagName('li');
	var assetCount = listitems.length;
	assetWidth = 158;
	visibleAssets = 4;
	turnMax = Math.floor(assetCount/visibleAssets);
	lastTurnSub = assetCount%visibleAssets;
	lastTurn = visibleAssets - lastTurnSub;
 	
	backBtn = $('div.previous_active');
	fwrBtn = $('div.forward_active');

	backBtnDisabled = $('div.previous_inactive');
	fwrBtnDisabled = $('div.forward_inactive');
	
	backBtn.hide();
	fwrBtnDisabled.hide();


	function checkBtns() {
		if (currentPos != 0) {
			backBtn.show();
			backBtnDisabled.hide();
		} else if (currentPos <= 0) {
			backBtn.hide();
			backBtnDisabled.show();
		}
		
		if (counter > (turnMax-1)) {
			fwrBtn.hide();
			fwrBtnDisabled.show();
		} else {
			fwrBtn.show();
			fwrBtnDisabled.hide();
		}
	}



	function shiftBackward() {
		currentPos = currentPos + (assetWidth * visibleAssets);
		counter--;
				
		assetSlide.animate({
		'left' : currentPos+'px',
		'duration' : 'slow'
		});
		
		checkBtns();
	}
	
	function shiftForward() {
		currentPos = currentPos - (assetWidth * visibleAssets);
		counter++;

		if (counter == turnMax) {
			assetSlide.animate({
			'left' : currentPos+(assetWidth*lastTurn)+'px',
			'duration' : 'slow'
			});
		} 
		else {
			assetSlide.animate({
			'left' : currentPos+'px',
			'duration' : 'slow'
			});
		}
		
		checkBtns();
	}
	
	backBtn.click(function() {
		shiftBackward();
		return false;
	}); 
	
	fwrBtn.click(function() {
		shiftForward();
		return false;
	}); 
 	
 	
 	
 });