$(window).load(function(){
	/* banner rotation  */
	var banner_num=Math.round(Math.random()*12);
	var str="/wp-content/themes/secrets/images/banners/"+banner_num+".jpg";
	$("div.banner img").attr("src",str);
        
	/* drop down menu 
	$('#dropd').hover(function(){
		$('ul', this).show();
	}, function(){
		$('ul', this).hide();
	});*/
});

$(document).ready(function(){
	setInterval('Slider()',5000);
	
	$('.nav.right').click(function(){
		var countPanel = $(this).parent('div').children('.cat-wrap').children('ul').children('li').size();
		var widthPanel = -((countPanel - 5) * 84) + 'px';
		
		console.log(widthPanel);
		
		if ( $(this).parent('div').children('.cat-wrap').children('ul').css('left') == widthPanel ) {
			return;
		}
		else {		
			$(this).parent('div').children('.cat-wrap').children('ul').animate({
				left: '-=84px'	
			},100);
		}
	});
	
	$('.nav.left').click(function(){
		
		if ( $(this).parent('div').children('.cat-wrap').children('ul').css('left') == '0px' ) {
			return;
		}
		else {
			
			$(this).parent('div').children('.cat-wrap').children('ul').animate({
				left: '+=84px'	
			},100);
		}
	});
	
});

function Slider() {
	var shift = $('.slider').css('left');
	

	switch (shift) {
		case '0px':
			shift = 813;
			break;
		case '-813px':
			shift = 1626;
			break;
		case '-1626px':
			shift = 2439;
			break;
		case '-2439px':
			shift = 0;
			break;
	}

	$('.slider').animate({ left: '-' + shift },400);
}