// when the DOM is ready...
$(document).ready(function () {


var comp = 0;
var ver = $.browser.version.substr(0,1);
var preDefineHash = location.href.replace(/.*#/,'');//local hash without url

if ($.browser.msie  && ver >= "6"){comp = 1};
if ($.browser.safari && ver >= "3"){comp = 1};
if ($.browser.opera && ver >= "9" ){comp = 1};
if ($.browser.mozilla && ver >= "1"){comp = 1}; 

if (comp == 1) 
{
	
	
	
    // Подсветка кнопок
    var picPrevOn = 'pic/slide_prev.gif'; 
	var picPrevOff = 'pic/slide_prev_no.gif';
	
	var picNextOn = 'pic/slide_next.gif'; 
	var picNextOff = 'pic/slide_next_no.gif';
	
	var picPrev = picPrevOff;
	var picNext = picNextOn;
	
	$("#prev").removeClass().addClass('pointerOff');
	$("#next").removeClass().addClass('pointerOn');
	
    $("#prev").hover(
		function(){	$("#prev").attr({ src: picPrev }); },		
		function(){ $("#prev").attr({ src: picPrevOff }); }
	);
	
	$("#next").hover(
		function(){	$("#next").attr({ src: picNext }); },		
		function(){ $("#next").attr({ src: picNextOff }); }
	);



    var $panels = $('#slider .scrollContainer > div');
    var $container = $('#slider .scrollContainer');

    // if false, we'll float all the panels left and fix the width 
    // of the container
    var horizontal = true;

    // float the panels left if we're going horizontal
    if (horizontal) {         
        $panels.css({
			'display' : 'block',
            'float' : 'left',
            'position' : 'relative' // IE fix to ensure overflow is hidden
        }); 

        // calculate a new width for the container (so it holds all panels)
        $container.css('width', $panels[0].offsetWidth * $panels.length);
    }
 
    // collect the scroll object, at the same time apply the hidden overflow
    // to remove the default scrollbars that will appear
    var $scroll = $('#slider .scroll').css('overflow', 'hidden');    
	
	
    // go find the navigation link that has this target and select the nav
    function trigger(e, data, $pane, $items, pos) {
        
        // var el = $('#leftmenu').find('a[href$="' + data.id + '"]').get(0);
        
        // selectNav.call(el);
        		
			picPrev = picPrevOn;	
			picNext = picNextOn;
			
			$("#prev").removeClass().addClass('pointerOn');
			$("#next").removeClass().addClass('pointerOn');
			
			if( pos == 0 ) 
			{
				picPrev = picPrevOff;
				$("#prev").attr({ src: picPrev }).
					removeClass().addClass('pointerOff');				
			}
			else if
			( pos == $items.length-1 ) {
				picNext = picNextOff;
				$("#next").attr({ src: picNext }).
					removeClass().addClass('pointerOff');				
			}
        	
			
			
			
			
        // сбрасываем предыдущее состояние
        
         $("#leftmenu td.menu04on").removeClass('menu04on').addClass('menu04');
         $("#leftmenu td.menu03on").removeClass('menu03on').addClass('menu03');
         
         $("#leftmenu a.menu04on").removeClass('menu04on').addClass('menu04');
         $("#leftmenu a.menu03on").removeClass('menu03on').addClass('menu03');
          
         
         // устанавливаем выбранный пункт menu03   
         switch (data.id) {
		 	case "slide01t" : 
	            $("#aslidem01t").removeClass('menu03').addClass('menu03on');
				$("#aslide01t").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');						 
                break;
			case "slide01d" : 
	            $("#aslidem01d").removeClass('menu03').addClass('menu03on');
				$("#aslide01d").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');						 
                break;
		 	 case "slide01a" : 
	            $("#aslidem01d").removeClass('menu03').addClass('menu03on');
				$("#aslide01a").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');						 
                break;
		  	case "slide01b" :			
	            $("#aslidem01d").removeClass('menu03').addClass('menu03on');
				$("#aslide01b").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');						 
                break;
			case "slide01c" :
	            $("#aslidem01d").removeClass('menu03').addClass('menu03on');
				$("#aslide01c").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');						 
                break;
            case "slide01" : 
	            $("#aslidem01").removeClass('menu03').addClass('menu03on');
				$("#aslide01").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');						 
                break;	  
            case "slide02" :
   	            $("#aslidem01").removeClass('menu03').addClass('menu03on'); 
                $("#aslide02").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;
            case "slide03" :     
   	            $("#aslidem01").removeClass('menu03').addClass('menu03on'); 
                $("#aslide03").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;
            case "slide04" :     
   	            $("#aslidem01").removeClass('menu03').addClass('menu03on'); 
                $("#aslide04").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;
            case "slide05" :     
   	            $("#aslidem01").removeClass('menu03').addClass('menu03on'); 
                $("#aslide05").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;
            case "slide06" :     
   	            $("#aslidem01").removeClass('menu03').addClass('menu03on'); 
                $("#aslide06").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;				
				
            case "slide07" :     
   	            $("#aslidem01").removeClass('menu03').addClass('menu03on'); 
                $("#aslide07").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;	
				
            case "slide08" :     
   	            $("#aslidem08").removeClass('menu03').addClass('menu03on'); 
                $("#aslide08").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;;
            case "slide09" :     
   	            $("#aslidem08").removeClass('menu03').addClass('menu03on'); 
                $("#aslide09").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;;
            case "slide10" :     
   	            $("#aslidem10").removeClass('menu03').addClass('menu03on'); 
                $("#aslide10").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;;
            case "slide11" :     
   	            $("#aslidem10").removeClass('menu03').addClass('menu03on'); 
                $("#aslide11").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;;
            case "slide12" :     
   	            $("#aslidem10").removeClass('menu03').addClass('menu03on'); 
                $("#aslide12").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;;
            case "slide13" :     
   	            $("#aslidem10").removeClass('menu03').addClass('menu03on'); 
                $("#aslide13").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;;
            case "slide14" :     
   	            $("#aslidem10").removeClass('menu03').addClass('menu03on'); 
                $("#aslide14").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;
            case "slide15" :
   	            $("#aslidem10").removeClass('menu03').addClass('menu03on'); 
                $("#aslide15").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;
				
			 case "slide16" :
   	            $("#aslidem10").removeClass('menu03').addClass('menu03on'); 
                $("#aslide12").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;
				
			 case "slide17" :
   	            $("#aslidem17").removeClass('menu03').addClass('menu03on'); 
                $("#aslide17").removeClass('menu04').addClass('menu04on')
					.parent().removeClass('menu04').addClass('menu04on');
                break;  
            }
			
			  
            
            
            // устанавливаем выбранный пункт menu04
			/*
            $('#leftmenu .menu04').parent().find('a[href$="' + data.id + '"]')
				.removeClass('menu04').addClass('menu04on')
                .parent().removeClass('menu04').addClass('menu04on'); 
				
			*/                  
           
            
            
    }
	
	


/*
    if (window.location.hash) {
        trigger({ id : window.location.hash.substr(1) });
    } else {
        $('ul.navigation a:first').click();
    }
*/
    // offset is used to move to *exactly* the right place, since I'm using
    // padding on my example, I need to subtract the amount of padding to
    // the offset.  Try removing this to get a good idea of the effect
    var offset = parseInt(
		(horizontal ? $container.css('paddingTop') : $container.css('paddingLeft')) 
        || 0) * -1; 


    var scrollOptions = {
        target: $scroll, // the element that has the overflow

        // can be a selector which will be relative to the target
        items: $panels,

        //navigation: '.navigation a',

        // selectors are NOT relative to document, i.e. make sure they're unique
        // prev: 'img.left', 
        // next: 'img.right',

        // allow the scroll effect to run both directions
        axis: 'x',

        onBefore: trigger, // our final callback

        offset: offset,         
        
        
        cycle: false,
        // duration of the sliding effect
        duration: 500,
		
		constant:false,
		
        // easing - can be used with the easing plugin: 
        // http://gsgd.co.uk/sandbox/jquery/easing/
        easing: 'swing'
    };

    // apply serialScroll to the slider - we chose this plugin because it 
    // supports// the indexed next and previous scroll along with hooking 
    // in to our navigation.
    $('#slider').serialScroll(scrollOptions);

    // now apply localScroll to hook any other arbitrary links to trigger 
    // the effect
    $.localScroll(scrollOptions);
	
	
	
	
	
    // finally, if the URL has a hash, move the slider in to position, 
    // setting the duration to 1 because I don't want it to scroll in the
    // very first page load.  We don't always need this, but it ensures
    // the positioning is absolutely spot on when the pages loads.
    // scrollOptions.duration = 1;
    // $.localScroll.hash(scrollOptions);
	$('#aslidem01t').click(function(e){e.preventDefault(); $container.trigger('goto',[0]);});
	$('#aslide01t').click(function(e){e.preventDefault(); $container.trigger('goto',[0]);});
	
	$('#aslidem01d').click(function(e){e.preventDefault(); $container.trigger('goto',[1]);});
	$('#aslide01d').click(function(e){e.preventDefault(); $container.trigger('goto',[1]);});
	$('#aslide01a').click(function(e){e.preventDefault(); $container.trigger('goto',[2]);});
	$('#aslide01b').click(function(e){e.preventDefault(); $container.trigger('goto',[3]);});
	$('#aslide01c').click(function(e){e.preventDefault(); $container.trigger('goto',[4]);});
	
	$('#aslidem01').click(function(e){e.preventDefault(); $container.trigger('goto',[5]);});	
	$('#aslide01').click(function(e){e.preventDefault(); $container.trigger('goto',[5]);});
	$('#aslide02').click(function(e){e.preventDefault(); $container.trigger('goto',[6]);});	
	$('#aslide03').click(function(e){e.preventDefault(); $container.trigger('goto',[7]);});
	$('#aslide04').click(function(e){e.preventDefault(); $container.trigger('goto',[8]);});
	$('#aslide05').click(function(e){e.preventDefault(); $container.trigger('goto',[9]);});
	$('#aslide06').click(function(e){e.preventDefault(); $container.trigger('goto',[10]);});	
	
	
	$('#aslidem08').click(function(e){e.preventDefault(); $container.trigger('goto',[11]);});
	$('#aslide08').click(function(e){e.preventDefault(); $container.trigger('goto',[11]);});
	$('#aslide09').click(function(e){e.preventDefault(); $container.trigger('goto',[12]);});
	
	$('#aslidem10').click(function(e){e.preventDefault(); $container.trigger('goto',[13]);});
	$('#aslide10').click(function(e){e.preventDefault(); $container.trigger('goto',[13]);});
	$('#aslide11').click(function(e){e.preventDefault(); $container.trigger('goto',[14]);});
	$('#aslide12').click(function(e){e.preventDefault(); $container.trigger('goto',[15]);});
	$('#aslide13').click(function(e){e.preventDefault(); $container.trigger('goto',[16]);});
	$('#aslide14').click(function(e){e.preventDefault(); $container.trigger('goto',[17]);});
	$('#aslide15').click(function(e){e.preventDefault(); $container.trigger('goto',[18]);});	
	$('#aslide16').click(function(e){e.preventDefault(); $container.trigger('goto',[19]);});
	
	$('#aslidem17').click(function(e){e.preventDefault(); $container.trigger('goto',[20]);});
	$('#aslide17').click(function(e){e.preventDefault(); $container.trigger('goto',[20]);});
	
	
	
	
	$('#next').click(function(e){e.preventDefault(); $container.trigger('next');});
	$('#prev').click(function(e){e.preventDefault(); $container.trigger('prev');});
	
	 
	switch (preDefineHash) {
		case "01t": 	
			$container.trigger('goto',[0])            						 
            break;
		case "01d": 	
			$container.trigger('goto',[1])            						 
            break;
		case "01a": 	
			$container.trigger('goto',[2])            						 
            break;
		case "01b": 	
			$container.trigger('goto',[3])            						 
            break;
		case "01c": 	
			$container.trigger('goto',[4])            						 
            break;
    	case "01": 	
			$container.trigger('goto',[5])            						 
            break;
		case "02": 	
			$container.trigger('goto',[6])            						 
            break;
		case "03": 	
			$container.trigger('goto',[7])            						 
            break;
		case "04": 	
			$container.trigger('goto',[8])            						 
            break;
		case "05": 	
			$container.trigger('goto',[9])            						 
            break;
		case "06": 	
			$container.trigger('goto',[10])            						 
            break;		
		
		
		case "08": 	
			$container.trigger('goto',[11])            						 
            break;
		case "09": 	
			$container.trigger('goto',[12])            						 
            break;
		case "10": 	
			$container.trigger('goto',[13])            						 
            break;
		case "11": 	
			$container.trigger('goto',[14])            						 
            break;
		case "12": 	
			$container.trigger('goto',[15])            						 
            break;
		case "13": 	
			$container.trigger('goto',[16])            						 
            break;
		case "14": 	
			$container.trigger('goto',[17])            						 
            break;
		case "15": 	
			$container.trigger('goto',[18])            						 
            break;
		
		
		case "17": 	
			$container.trigger('goto',[19])            						 
            break;
		case "18": 	
			$container.trigger('goto',[20])            						 
            break;
	}
}
});