//$(document).ready(function() {
	
	/*$('#lmenu ul:first > li > a').click(function() {
		//$(this).parent().find('UL').slideToggle();
		//$(this).parent().find('UL').toggle();
	});*/


	function slider1(id,mode){
		if(!$('#'+id)[0])return;
		if(!mode)mode=1;//mode=2
		id='#'+id;
		var slide_arr = $(id+' li');
		var length = slide_arr.length;
		//alert($(id+' li:eq(3)').index())
		//$(id+' li:not(.act)').css('display','block').hide();
		//$(id+' li:not(.act)').hide();
		
		
		if(mode==1){
			$(id+' li:not(.act)').hide();
		}
		if(mode==2){
			//$(id+' li:not(.act)').css('display','block');
			$(id+' li:not(.act)').hide();
		}
		
		var btn_block=0;
		if(length>1)
		$(id+'btn em').each(function (i) {
			$(this).click( function(){
				//alert(inter)
				clearInterval(inter);
				if(mode==1){
					$(id+' li.act').toggleClass('act').hide();
					$(id+' li:eq('+i+')').toggleClass('act').show();
					$(id+'btn div.act').toggleClass('act');
					$(id+'btn div:eq('+i+')').toggleClass('act');
					start_int();
				}
				if(mode==2){
					if(btn_block==1 || $(id+' li:eq('+i+')').hasClass('act') ) return;
					btn_block=1;
					var g = $(id+' li.act');
					$(id+' li.act').toggleClass('act');
					$(id+' li:eq('+i+')').toggleClass('act').fadeIn(500,function(){$(g).hide();btn_block=0;start_int();});
					$(id+'btn div.act').toggleClass('act');
					$(id+'btn div:eq('+i+')').toggleClass('act');
				}
			})
			
		});
		var iner;
		function start_int(){
			inter = setInterval( function(){
				//alert($(id).children().length);
				//alert($(id+' li.act + li').length);
				
				/*if( $(id+' li.act').toggleClass('act').next().hide().toggleClass('act').fadeIn(500).val() ){
					
				} else{
					$(id+' li.act').toggleClass('act');
					$(id+' li:first').hide().toggleClass('act').fadeIn(500);
				}
				*/
				
				if(mode==1)
				if( $(id+' li.act').index() != $(id+' li').length-1 ){
					$(id+' li.act').toggleClass('act').hide().next().toggleClass('act').show();
					$(id+'btn div.act').toggleClass('act').next().toggleClass('act');
				} else{
					$(id+' li.act').toggleClass('act').hide();
					$(id+' li:first').toggleClass('act').show();
					$(id+'btn div.act').toggleClass('act');
					$(id+'btn div:first').toggleClass('act');
				}
				
				
				if(mode==2)
				if( $(id+' li.act').index() != $(id+' li').length-1 ){
					$(id+' li.act').toggleClass('act').next().toggleClass('act').fadeIn(500,function(){$(this).prev().hide()});
					//$(id+'btn div.act').toggleClass('act').next().toggleClass('act');
					$(id+'btn div.act').toggleClass('act').next().css('opacity',0.5).toggleClass('act').fadeTo('normal',1);
				} else{
					$(id+' li.act').toggleClass('act');
					$(id+' li:first').fadeIn(500,function(){$(id+' li:last').hide()}).toggleClass('act');
					$(id+'btn div.act').toggleClass('act');
					$(id+'btn div:first').toggleClass('act');
				}
				
			},5000);
		}
		if(length>1)
		start_int();
	}
	
	
	function slider2(id,vertical,speed){
		if(!$('#'+id)[0])return;
		if(!speed)speed='normal';
		//if(!vertical)vertical=true;
		var $parr = $('#'+id+' UL>*');
		var $ul = $('#'+id+' UL:first');
		var w = $ul.width();
		var h = $ul.height();
		//alert(h)
		//alert($ul.html())
		var i=0;
		
		//for dacia
		if($ul.find('li .act')[0]){
			var actpage = $ul.find('li .act').closest('li').index();
			$('#'+id+' UL:first LI:eq('+actpage+')').addClass('on');
		}else{
			if($ul.find('li.on')[0]){
				var actpage = $ul.find('li.on').index();
			}else{
				$('#'+id+' UL:first LI:first').addClass('on');
				var actpage =0;
				
			}
		}
		
		if($('#'+id+'_allpage')[0]){
			var maxp = $ul.find('li').length;
			$('#'+id+'_allpage').text(maxp);
			$('#'+id+'_actpage').text(actpage+1);
		}
	
		if(vertical){
		/**/$ul.css('marginTop', '-'+$parr.eq(actpage).position().top+'px');
			for(i=0;i<$parr.length;i++){
				$parr.eq(i)[0].xy=$parr.eq(i).position().top;
				if(!$('#'+id+'_'+i)[0]) continue;
				$('#'+id+'_'+i)[0].i=i;
				$('#'+id+'_'+i)[0].xy=$parr.eq(i)[0].xy;
				$('#'+id+'_'+i).click(function() {
					$(this).parent().find('>*.act').removeClass('act');
					$(this).addClass('act');
					//$parr.eq(0).stop().animate({'marginTop': '-'+this.xy+'px'}, "medium");
					$ul.stop().animate({'marginTop': '-'+this.xy+'px'}, speed);
				});
			}
			$('#'+id+'_next').click(function() {
				if($ul.find('>*.on').next()[0])
				$ul.stop().animate({'marginTop': '-'+$ul.find('>*.on').next()[0].xy+'px'}, speed, function(){$ul.find('>*.on').removeClass('on').next().addClass('on');});
			});
			$('#'+id+'_prev').click(function() {
				if($ul.find('>*.on').prev()[0])
				$ul.stop().animate({'marginTop': '-'+$ul.find('>*.on').prev()[0].xy+'px'}, speed, function(){$ul.find('>*.on').removeClass('on').prev().addClass('on');});
			});
			
		}else{
		
			$ul.parent().width(w)
			$parr.each(function (i) {
				$(this).width(w);
			});
			$('#'+id+' UL:eq(0)').width(w*$parr.length);
			for(i=0;i<$parr.length;i++){
				//$('#'+id+'_'+i).pos = $('#'+id+'_'+i)[0].offsetWidth;
				//alert($parr.eq(i).position().top)
				$parr.eq(i)[0].xy=$parr.eq(i).position().left;
				if(!$('#'+id+'_'+i)[0]) continue;
				$('#'+id+'_'+i)[0].i=i;
				$('#'+id+'_'+i)[0].xy=$parr.eq(i)[0].xy;
				$('#'+id+'_'+i).click(function() {
					$(this).parent().find('>*.act').removeClass('act');
					$(this).addClass('act');
					//$parr.eq(0).stop().animate({'marginLeft': '-'+this.xy+'px'}, "medium");
					$ul.stop().animate({'marginLeft': '-'+this.xy+'px'}, speed);
				});
			}
			if(actpage==$parr.length-1)$('#'+id+'_next').addClass('end');
			$('#'+id+'_next').click(function() {
				if(!$ul.find('>*.on').next()[0]) return;
				$ul.stop().animate({'marginLeft': '-'+$ul.find('>*.on').next()[0].xy+'px'}, speed, function(){$ul.find('>*.on').removeClass('on').next().addClass('on');actpage++; 
																																								$('#'+id+'_prev').removeClass('end');
																																								if(actpage==$parr.length-1){ $('#'+id+'_next').addClass('end');}else{ $('#'+id+'_next').removeClass('end');}
																																								if($('#'+id+'_actpage')[0])$('#'+id+'_actpage').text($ul.find('>*.on').index()+1);});
				
			});
			if(actpage==0)$('#'+id+'_prev').addClass('end');
			$('#'+id+'_prev').click(function() {
				if(!$ul.find('>*.on').prev()[0]) return;
				$ul.stop().animate({'marginLeft': '-'+$ul.find('>*.on').prev()[0].xy+'px'}, speed, function(){$ul.find('>*.on').removeClass('on').prev().addClass('on');actpage--;
																																								$('#'+id+'_next').removeClass('end');
																																								if(actpage==0){ $('#'+id+'_prev').addClass('end');}else{ $('#'+id+'_prev').removeClass('end');}
																																								if($('#'+id+'_actpage')[0])$('#'+id+'_actpage').text($ul.find('>*.on').index()+1);});
			});
			$ul.css({'margin-left': '-'+$ul.find('>*.on')[0].xy+'px'});
		}	 
		$('#'+id+' LI').css('visibility','visible'); 
	}
	
	function slider2goto(id,num){
		if(!$('#'+id)[0])return;
		var $ul = $('#'+id+' UL:first');
		$ul.find('>*.on').removeClass('on');
		$ul.find('>*:eq('+num+')').addClass('on');
		$ul.css({'margin-left': '-'+$ul.find('>*.on')[0].xy+'px'});
	}
	
	
	function switch1(id){
		if(!$('#'+id)[0])return;
		//if(!vertical)vertical=true;
		var tid = $('#'+id+'_0').parent().find('.act').index();
		tid = tid - $('#'+id+'_0').index();
		var bid = $('#'+id+'>*.act').index();
		if(bid>=0){
			$('#'+id+'>*:not(.act)').hide();
			$('#'+id+'_0').parent().children().removeClass('act').eq(bid).addClass('act');
		}else{
			if(tid>=0){
				$('#'+id+'>*:not(:eq('+tid+'))').hide();
			}else{
				$('#'+id+'>*:not(:eq(0))').hide();
				$('#'+id+'_0').addClass('act');
			}
		}
      
		var $parr = $('#'+id+'>*');
		//alert($ul.html())
		var i=0;
		for(i=0;i<$parr.length;i++){
			$('#'+id+'_'+i)[0].i=i;
			$('#'+id+'_'+i).click(function() {
				if($(this).hasClass('act'))return;
				$(this).parent().find('>*.act').removeClass('act');
				$(this).addClass('act');
				var id = $(this).attr('id').split('_');
                id.pop();
                id = id.join('_');
                $parr = $('#'+id+'>*');
                $parr.hide();
				$parr.eq(this.i).fadeIn('normal');
			});
		}
		$('#'+id+'>*').css('visibility','visible')
	}
	
	
	
	function accordion1(id,mode){
		if(!$('#'+id)[0])return;
		id='#'+id;
		 
		var w = $(id).width();
		var h = $(id).height();
		$(id).height(h);
		var $div = $(id+'>DIV');
		var $h3 = $(id+'>H3');
		
		//alert('w='+w+'  h='+h+'  div='+$div.length+'  h3='+$h3.length)
		
		if(mode=='bottom'){
			$h3.click(function(){
				if($(this).prev().hasClass('on'))return;
				$(id).find('.on').slideUp().removeClass('on').next().removeClass('act');
				$(this).prev().slideDown().addClass('on').next().addClass('act');
			})
		}
		if(mode=='top'){
			$h3.click(function(){
				if($(this).next().hasClass('on'))return;
				$(id).find('.on').slideUp().removeClass('on').prev().removeClass('act');
				$(this).next().slideDown().addClass('on').prev().addClass('act');
			})
		}
			
	}
	
	
	function accordion2(id,mode){
		if(!$('#'+id)[0])return;
		id='#'+id;
		 
		var w = $(id).width();
		var h = $(id).height();
		$(id).height(h);
		var $div = $(id+'>DIV');
		var $h3 = $(id+'>H3');
		$h3.each(function(){
			//alert($(this).position()['top'])
			$(this)[0].to = $(this).position()['top'];
			//alert($(this)[0].to)
			//$(this).css('top',0)
			//$(this).css('top',$(this).position()['top']+'px')
			//alert($(this).css('position'))
		})
		//alert('w='+w+'  h='+h+'  div='+$div.length+'  h3='+$h3.length)
		
		if(mode=='bottom'){
			$h3.click(function(){
				if($(this).prev().hasClass('on'))return;
				
				var $gg=$(this);
				//$gg.css({position:'absolute',top:$(this)[0].to});
				
				$gg.nextAll('H3').each(function(){   $(this).css({position:'absolute',top:$(this)[0].to});   });
				
				$(id).find('.on').slideUp('slow').removeClass('on').next().removeClass('act');
				$(this).prev().slideDown('slow',function(){ 
														 //$gg.css({position:'relative',top:0});
														 $gg.nextAll('H3').each(function(){   $(this).css({position:'relative',top:0});   });
																																			  }).addClass('on').next().addClass('act');
				
				//$(this).nextAll().css('top',$(this).position()[0])
				//alert($(this).nextAll('H3').css('top'))
			})
		}
		if(mode=='top'){
			$h3.click(function(){
				if($(this).next().hasClass('on'))return;
				$(id).find('.on').slideUp().removeClass('on').prev().removeClass('act');
				$(this).next().slideDown().addClass('on').prev().addClass('act');
			})
		}
			
	}
	
	function select1(clas){
		if(!$('.'+clas).length)return;
		clas='.'+clas;
		
		$(clas+' DIV').click(function(){
			$(this).next().slideDown('fast');
		});
		$(clas).hover(function(){},function(){ 
			$(this).find('UL').slideUp('fast');
		});
		$(clas+' LI').click(function(){
			$(this).parent().parent().find('INPUT').val($(this).attr('class'));
			$(this).parent().slideUp('fast');
			$(this).parent().prev().html($(this).text())
		});
		
	}
	
	
	
	
	
	
	
//});








// Функция для "остальных" браузеров
		// Которая и делает преобразование
		function grayscale(image, bPlaceImage){
			// Создаём объект типа canvas.2d
		  var myCanvas=document.createElement("canvas");
		  var myCanvasContext=myCanvas.getContext("2d");
		  // Делаем его размером с нашу картинку
		  var imgWidth=image.width;
		  var imgHeight=image.height;
		  myCanvas.width= imgWidth;
		  myCanvas.height=imgHeight;
		  // Пихаем картинку в наш объект
		  myCanvasContext.drawImage(image,0,0);
			// Заганяем попиксельно картинку в матрицу
		  var imageData=myCanvasContext.getImageData(0,0, imgWidth, imgHeight);
		  // Теперь в цикле, каждый пиксель мы делаем ч/б
		  for (i=0; i<imageData.height; i++){
		    for (j=0; j<imageData.width; j++){
				  var index=(i*4)*imageData.width+(j*4);
				  var red=imageData.data[index];	  
				  var green=imageData.data[index+1];
				  var blue=imageData.data[index+2];	  
				  var alpha=imageData.data[index+3];	 
				  var average=(red+green+blue)*0.3333; 	  
				  // Оставляем прозрачность и делим на среднее от RGB
					imageData.data[index]=average;
					imageData.data[index+1]=average;
					imageData.data[index+2]=average;
					imageData.data[index+3]=alpha;
				}
		  }
		  // Получаем чёрно-белую картинку
		  myCanvasContext.putImageData(imageData,0,0,0,0, 
		  	imageData.width, imageData.height);
			// Вставляем чёрнобелую картинку
			// От параметра зависит куда вставляем
			// Либо рядом в div-ку, либо отдаём через return
		  if (bPlaceImage){  
			  var myDiv=document.createElement("div");  
			  myDiv.appendChild(myCanvas);
			  image.parentNode.appendChild(myCanvas);//, image);
		  }
		  return myCanvas.toDataURL();
		}
		
		// Функция, что делает картинку ч/б и при наведении мыши возвращает 
		// нормальное состояние
		function MakeGSImage(image){
			// если испортил (только у него есть фильтр) 
			if (typeof image.style.filter != "undefined") {
				// объект должен иметь лаяут
				image.style.zoom = 1;
				// делаем ч/б используя фильтр grayscale=1
				image.style.filter = 
					"progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);";
				// вешаем тригеры мыши
				image.onmouseover=function(){
					this.style.filter = 
						"progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)";}
				image.onmouseout=function(){
					this.style.filter = 
						"progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";}
			} else {
				// для функции grayscale практически идентично %)
				image.mouseOverImage=image.src;
				image.onload=function(){return true;};
				try{
					image.normalImage=grayscale(image, false);
				}
				catch(err){
					image.normalImage=image.src;
				}
				image.onmouseover=function(){this.src=this.mouseOverImage;}
				image.onmouseout=function(){this.src=this.normalImage;}
				image.src=image.normalImage;	
			}
		}
		function removeGSImage(image){
			image.onmouseover=null;
			image.onmouseout=null;
			if (typeof image.style.filter != "undefined") {
				image.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);";
			}else{
				image.src=image.mouseOverImage;
			}
		}
		
		/*function addLoadEvent(func) {
		  var oldonload = window.onload;
		  if (typeof window.onload != 'function') { window.onload = func;} 
		  else {window.onload = function() { if (oldonload) {oldonload();}func();}}
		}
		
		addLoadEvent(function() {
			var our_img = document.getElementById("aaa");
			MakeGSImage(our_img);
		});*/

	$(document).ready(function() {
		//alert($('#gallery_slider .list DIV:not(.act) DIV IMG').length)
		$('#gallery_slider .list DIV:not(.act) DIV IMG').each(function(){ MakeGSImage($(this)[0]); });
		
		$('#photos_slider A:not(.act) IMG').each(function(){ MakeGSImage($(this)[0]); });
		
		$('#vidslider2 A:not(.act) IMG').each(function(){ MakeGSImage($(this)[0]); });
		
		//alert($('#photos_slider IMG').get())
		//grayscale($('#photos_slider'));
		$('#vidslider2 A').each(function(i){
			$(this).click(function(){ 
				$(this)[0].i=i;
				var img1 = $('#vidslider2 A.act').removeClass('act').children('IMG')[0];//alert(img1.normalImage)
				MakeGSImage(img1);
				//img1.src=img1.normalImage;
				//img1.onmouseover=function(){this.src=this.mouseOverImage;}
				//img1.onmouseout=function(){this.src=this.normalImage;}
				
				var img2 = $(this).addClass('act').children('IMG')[0]; 
				removeGSImage(img2);
				//img2.src=img2.mouseOverImage;
				//img2.onmouseover=function(){}
				//img2.onmouseout=function(){}
				
				//slider2goto('vidslider2',$(this)[0].i);
				
				/*if( $(this)[0].i == 0 ) $('#photo_slider_prev2').addClass('end'); else 
				if( $(this)[0].i == $('#photos_slider A').length-1 ) $('#photo_slider_next2').addClass('end'); else {
					$('#photo_slider_next2').removeClass('end');
					$('#photo_slider_prev2').removeClass('end');
				}*/
				//return false;
			});
		});
		
		$('#photos_slider A').each(function(i){
			$(this).click(function(){ 
				$(this)[0].i=i;
				var img1 = $('#photos_slider A.act').removeClass('act').children('IMG')[0];//alert(img1.normalImage)
				MakeGSImage(img1);
				//img1.src=img1.normalImage;
				//img1.onmouseover=function(){this.src=this.mouseOverImage;}
				//img1.onmouseout=function(){this.src=this.normalImage;}
				
				var img2 = $(this).addClass('act').children('IMG')[0]; 
				removeGSImage(img2);
				//img2.src=img2.mouseOverImage;
				//img2.onmouseover=function(){}
				//img2.onmouseout=function(){}
				
				slider2goto('photo_slider',$(this)[0].i);
				
				if( $(this)[0].i == 0 ) $('#photo_slider_prev2').addClass('end'); else 
				if( $(this)[0].i == $('#photos_slider A').length-1 ) $('#photo_slider_next2').addClass('end'); else {
					$('#photo_slider_next2').removeClass('end');
					$('#photo_slider_prev2').removeClass('end');
				}
				return false;
			});
		});
		
		$('#photo_slider_prev2').click(function(){
			//alert($('#photos_slider A.act').parent().parent().prev()[0])
			var $act = $('#photos_slider A.act');
			if( $act.prev()[0] != undefined ){
				$act.prev().click();
				if( $act[0].i <= 1 ) $('#photo_slider_prev2').addClass('end'); else $('#photo_slider_next2').removeClass('end');
			}else{
				
				if( $act.parent().parent().prev()[0] != undefined ){
					$('#photos_slider_prev').click();
					$act.parent().parent().prev().find('A:eq(4)').click();
				}
			}
		});
		
		$('#photo_slider_next2').click(function(){
			//alert($('#photos_slider A.act').parent().parent().next()[0])
			var $act = $('#photos_slider A.act');
			if( $act.next()[0] != undefined ){
				$act.next().click();
				if( $act[0].i >= $('#photos_slider A').length-2 ) $('#photo_slider_next2').addClass('end'); else $('#photo_slider_prev2').removeClass('end');
			}else{
				
				if( $act.parent().parent().next()[0] != undefined ){
					$('#photos_slider_next').click();
					$act.parent().parent().next().find('A:eq(0)').click();
				}
			}
		});
		
	});