$(document).ready(function(){


	// запускаем баннеры в ротацию
	initSlider();
if ($('#spoller').height()>200) {
	$('#spoller').css('height','200px').append('<a id="spopen" href="#"> </a>');

	$('#spopen').click(function(){
								 //$('#spopen').css('display','none');
								 if ($('#spoller').css('height')=='auto')  
								 	{
								 	$('#spoller').css('height','200px');
									$('#spopen').css('background-position','bottom');
									}
								 else  
								 	{
									$('#spoller').css('height','auto');
																		$('#spopen').css('background-position','top');
									}
								 }
						)
	
											   
	}


});


	function initSlider() {
		q=$("#slide-banner DIV").length;
		j=254/$("#slide-banner DIV").length;
		
		
		$.each( $("#slide-banner DIV"), function(i,val) {
			$("#numero").append("<p id=\"sn"+i+"\" class=\"sn\"></p>");
			$("#sn"+i).css({'border':'0px #fff','border-style':'none none solid solid','width':'83px','height':'58px','padding':'0px'});
			//$("#sn"+i).corner('10px');	
			$("#sn"+i).click( function() {
				slideSwitch(i+1);	
			});
		});
		$('#slide-banner DIV:first').addClass('active');
		$('#slide-banner DIV:last').addClass('last-active');
		//$("#sn0").css({'opacity':'1.0'});
		slider = setInterval( "slideSwitch(0)", 5000 );
	}
	function slideSwitch(i) {
		// all banners
		var $active = $('#slide-banner DIV.active');
    		var $next =  $active.next().length ? $active.next() : $('#slide-banner DIV:first');
    		var $prev =  $active.prev().length ? $active.prev() : $('#slide-banner DIV:last');

		// click button
		if( i ) {
			clearInterval(slider);
    			var $next = $("div[num='"+i+"']");
		}

		// css
		$active.addClass('last-active');

if (window.navigator.userAgent.indexOf ("MSIE") >= 0)
{

			$next.css({'visibility':'visible'})
       		.addClass('active')
       		.animate({'left':'0px'}, 1000, function() {
        	$active.removeClass('active last-active');
    	    //$(".sn").css({'opacity':'0.1'});
			//$("#sn" + (parseInt( $next.attr('num') ) - 1)).css({'opacity':'1.0'});
       		});


	}
	else 
	{  			
		$next.css({opacity: 0.0})
       		.addClass('active')
       		.animate({opacity: 1.0}, 1000, function() {
        
						$active.removeClass('active last-active');

						//$(".sn").css({'opacity':'0.2'});
						//$("#sn" + (parseInt( $next.attr('num') ) - 1)).css({'opacity':'1.0'});
       		});

	}
		// deactivate timer
		if( i ) {
			slider = setInterval( "slideSwitch(0)", 5000 );
		}
		return;
	}