// JavaScript Document
//selectbox
$(document).ready(function() {
	$("ul li:nth-child(odd)").addClass('odd');
	$("ul li:nth-child(even)").addClass('even');
	$('li:first-child').addClass('first_item');
	$('li:last-child').addClass('last_item');
	$('.secondary_nav li:nth-child(2)').addClass('second_item');
	$('.secondary_nav li:nth-child(3)').addClass('third_item');
	
	//$('.secondary_nav ul li a').parent().append('<span class="arrow_dwn">Arrow</span>');
	$('#menu-sidebar-navigation li a').parent().append('<span class="right_arw">Right</span><span class="left_arw">Left</span>');
	
	//Sidebar Navigation Background Effect

	$('#menu-sidebar-navigation li a').hover(function(){
		$(this).parent().find('span.right_arw').animate({padding:'2px'},{queue:false,duration:300});
	}, function(){
		$(this).parent().find('span.right_arw').animate({padding:'0px'},{queue:false,duration:300});
	});
	//$('#menu-sidebar-navigation li a').click(function(){
	$('a').click(function(){
		if ($(this).parent().hasClass('active')){
		} else {
			$('#menu-sidebar-navigation li.active span.right_arw').animate({right:'13px'},{queue:false});
			$('#menu-sidebar-navigation li.active span.left_arw').animate({left:'-10px'},{queue:false});
			$('.active').removeClass('active');
			$(this).parent().addClass('active');
			$(this).parent().find('span.right_arw').animate({right:'-14px'},{queue:false,duration:100});
			$(this).parent().find('span.left_arw').animate({left:'15px'},{queue:false,duration:300});
		}
	});
	$('.header .menu li a').click(function(){
		$('#menu-sidebar-navigation li.active span.right_arw').animate({right:'13px'},{queue:false});
		$('#menu-sidebar-navigation li.active span.left_arw').animate({left:'-10px'},{queue:false});
		$('.active').removeClass('active'); 
		$(this).addClass('active');
		});
	$('.secondary_nav ul li a').click(function(){
		$('#menu-sidebar-navigation li.active span.right_arw').animate({right:'13px'},{queue:false});
		$('#menu-sidebar-navigation li.active span.left_arw').animate({left:'-10px'},{queue:false});
		$('.active').removeClass('active'); 
		$(this).parent().addClass('active');
		});
});