var imgObj = new Array();
var tracker_shift     = 0;	

			var old_galery_index=0;
			var new_galery_index =0 ;


			
			/*
			function grab(event) {
				var x1 = 0;
				var dx = 0;
				
				var el=document.getElementById('test');
				var d=el.innerHTML;
				d++;
				el.innerHTML=d;
				
				if(activate) {
				
					if (bOp || bFF) {				
						x1=event.pageX;
					}
					else {
						x1=window.event.clientX;
					}
					
					dx = x1-x;
					newsteps = Math.round(dx / tracker_shift);

					
					if ( (newsteps != steps) ) {
						
						if ((newsteps-steps)>0) {
							$('#photo_gallery_next').click();
						}
						else {
							$('#photo_gallery_prev').click();
						}
						steps = newsteps;
					}
					
					
				}
				return true;
			}*/


for(var i = 0; i < 5; i++) {
	imgObj[i] = new Image();
	imgObj[i].src = '/application/includes/images/collage_0'+(i + 1)+'_a.jpg';
}

(function($) {

	$(document).ready(function() {

		var bIE=0;bOp=0;bFF=0;
		var verBr=navigator.userAgent;
		if (verBr.indexOf("Opera")!=-1) bOp=1;
		else
		{
			if (verBr.indexOf("MSIE")!=-1) bIE=1;
			else
			{
				bFF=1;
			}
		}
	
		
		// -- определяем высоту #shadow
		$('#shadow').css('height', $('body').height()+'px');
		
		// -- устанавливаем ширину ul в #ajaxGalleryBlock
		$('#preview ul').css('width', ($('#scroll li').length*150)+'px');		
		
		$('#shadow').live('click', function() {
			$('#ajaxGalleryBlock').fadeOut();
			$('#pic_editor').fadeOut();
			$(this).hide();
		});
		
		// -- скроллер в фотогаллерее
		var sliderCounter = 0;
		$('#rightArrow').live('click',function() {
			var widthPreview = $('#scroll li img').width();
			if((Math.ceil(($('#scroll ul a').length/2)-1)) == sliderCounter) {
				sliderCounter = 0;
			} else {
				sliderCounter++;
			}
			$('#scroll ul').animate({
				marginLeft :'-'+2*(sliderCounter*widthPreview)+'px'
			}, 400);
		});
		
		$('#leftArrow').live('click',function() {
			var widthPreview = $('#scroll li img').width();
			if(sliderCounter !== 0) {
				sliderCounter--;
			} else {
				sliderCounter = Math.ceil(($('#scroll ul a').length/2)-1);
			}
			$('#scroll ul').animate({
				marginLeft:'-'+2*(sliderCounter*widthPreview)+'px'
			}, 400);
		});
		
		// -- клик на фото превью в основном документе
		$('.ajaxGallery a').removeAttr('onClick').live('click', function() {
			var doc    = document.documentElement || document.body;
			var elLeft = Math.round(doc.scrollLeft+(doc.clientWidth-870)/2)+'px';
			var elTop  = Math.round(doc.scrollTop+(doc.clientHeight-765)/2)+'px';
			var id = $(this).attr('href').substring(1);
			$('#shadow').css('height', $('body').height()+'px').show();
			$('#ajaxGalleryBlock').css({'top':elTop,'left':elLeft}).fadeIn();
			$('#ajaxGalleryBlock #mainImg img')
				.attr("src","/application/includes/img/b/"+id+".jpg")
				.attr("onClick","nextImg("+id+");");
			$('#mainNote').text($(this).parent().find('span').text());
			return false;
		});
		
		// -- основное меню
		$('#menu_block li').mouseover(function() {
			this.flag = true;
			setTimeout('showMenu("'+$(this).attr('id')+'");', 5);
		});
		$('#menu_block li').mouseout(function() {
			this.flag = false;
			setTimeout('hideMenu("'+$(this).attr('id')+'");', 5);
		});
		
		if($.browser.msie && $.browser.version == '6.0') {
			$('#menu_block li.preactive').next().addClass('next');
		}
		
		// $('#menu_block li.deep_2').mouseover(function(event) {
			// $(this).addClass('hover');
			// $(this).parent().addClass('mouseover');				
		// });
		// $('#menu_block li.deep_2').mouseout(function(event) {
			// $(this).removeClass('hover');
			// $(this).parent().removeClass('mouseover');			
		// });
		
		
		// -- select begin
		/*var flag  = false;
		var index = 8;
		$('div.select').each(function() {
			var select = $('div.select[id='+$(this).attr('id')+']');
			select.css('z-index', index--);
			select.find('div.input').live('click', function() {
				$('div.select ul').hide();
				var ul = select.find('ul');
				ul.css('display', ((ul.css('display')=='block')?'none':'block'));
				$(this).blur();
				flag = true;
			});
			select.find('li').live('click', function() {
				select.find('div.input').text($(this).text());
				var input = select.find('input');
				var input_id = input.attr('id');
				if(input.attr('id') == 'change_floor_1') {
					$('#change_floor_1_insert').load('/main/load_room_list/', {'floor_str': $(this).text()});
				}
				if(input.attr('id') == 'change_floor_2') {
					$('#change_floor_2_insert').load('/main/load_room_list_free/', {'floor_str': $(this).text()});
				}
				input.attr('value', $(this).text());
				select.find('ul').toggle();
				select.find('li').removeClass('active');
				$(this).addClass('active').blur();
				flag = true;
			});
		});
		
		$('body').live('click', function() {
			if(!flag) {
				$('div.select ul').hide();
			}
			flag = false;
		});*/
		
		$('div.select ul li').live('mouseover', function() {
			$(this).addClass('hover');
		});
		
		$('div.select ul li').live('mouseout', function() {
			$(this).removeClass('hover');
		});
		// -- select end
		
		
		// -- new gallery		
		if($('#photo_gallery').length) {
			var scrollbar_shift   = $('#photo_gallery_previews li:first').width();
			var scrollbar_items   = $('#photo_gallery_previews li').length
			var previews_i_width  = scrollbar_shift * scrollbar_items;
			var previews_width    = $('#photo_gallery_previews').width();
			var scrollbar_s_items = Math.floor(previews_width / scrollbar_shift);
			var scrollbar_a_item  = 0;
			
			
			if(scrollbar_s_items < scrollbar_items) {
				var scrollbar_width  = $('#photo_gallery_scrollbar').width() - 30;
				var tracker_width    = Math.round(scrollbar_width * previews_width  / previews_i_width);
				tracker_shift        = Math.round(scrollbar_width * scrollbar_shift / previews_i_width);
				$('#photo_gallery_tracker').show().width(tracker_width);
			}
			
			chooseImg($('#photo_gallery_img a:first').attr('rel'));
			
			$('#photo_gallery_img a:first').click(function() {
				var act_id  = $(this).attr('rel');
				var next_id = $('.photo_gallery_item a:first').attr('rel');
				if($('#photo_gallery_item_'+act_id).next().length) {
					next_id = $('#photo_gallery_item_'+act_id).next().find('a:first').attr('rel');
				}
				chooseImg(next_id);
				return false;
			});
			
			$('.photo_gallery_item a').click(function() {
				chooseImg($(this).attr('rel'));
				return false;
			});
			
			
			
			$('#photo_gallery_tracker').draggable({
				axis:'x',
				containment:[$('#photo_gallery_previews').offset().left+25,0,$('#photo_gallery_previews').offset().left+$('#photo_gallery_previews').outerWidth()-25-$('#photo_gallery_tracker').outerWidth(),0],
				drag: function(event, ui) { 
					var c=ui.position.left; 
					var offset = (Math.round((c-15) / tracker_shift)) - old_galery_index;
	
					if (offset != 0) {
						old_galery_index = (Math.round((c-15) / tracker_shift));
						if (offset>0 ) {
							if (scrollbar_a_item < scrollbar_items - scrollbar_s_items) {
								$('#scroll ul').animate({left: '-='+scrollbar_shift},0);
								scrollbar_a_item++;
							}
						}
						else {
							if (scrollbar_a_item>0) {
								$('#scroll ul').animate({left: '+='+scrollbar_shift},0);
								scrollbar_a_item--;
							}	
						}
					}
				} 
			});

			
			
			$('#photo_gallery_next').click(function() {
				if(scrollbar_a_item < scrollbar_items - scrollbar_s_items) {
					//$('#scroll ul').animate({left: '-='+scrollbar_shift});
					//$('#photo_gallery_tracker').animate({left: '+='+tracker_shift});
					//scrollbar_a_item++;
				}
				return false;
			});
			
			$('#photo_gallery_prev').click(function() {
				if(scrollbar_a_item > 0) {
					//$('#scroll ul').animate({left: '+='+scrollbar_shift});
					//$('#photo_gallery_tracker').animate({left: '-='+tracker_shift});
					//scrollbar_a_item--;
				}
				return false;
			});
		}
		
		
		$('.promo_img').hover(function() {
			var id = $(this).attr('rel');
			if($('#imgg_'+id).length) {
				$('#imgg_'+id).hide();
				$('#imgc_'+id).show();
			}
		}, function() {
			var id = $(this).attr('rel');
			if($('#imgg_'+id).length) {
				$('#imgg_'+id).show();
				$('#imgc_'+id).hide();
			}
		});
		
		
		
	});
	
	
	
	
			
	
	
	
	
	chooseImg = function(id) { 
		$('#photo_gallery_img a:first')
			.attr('rel', id)
			.html('<img height="363" width="700" src="/application/includes/img/b/'+id+'.jpg" />');
		
		$('#photo_gallery_note').animate({opacity: 0.0}, 'fast', function() {
			if($('#photo_gallery_item_'+id).data('note') != '') {
				$('#photo_gallery_note_text').text($('#photo_gallery_item_'+id).data('note'));
				$('#photo_gallery_note')
					.show()
					.animate({opacity: 100.0}, 'slow');
			}
		});
	}
	
	showImg = function(id) {
		var doc    = document.documentElement || document.body;
		var elLeft = Math.round(doc.scrollLeft+(doc.clientWidth-870)/2)+'px';
		var elTop  = Math.round(doc.scrollTop+(doc.clientHeight-765)/2)+'px';
		$('#shadow').show();
		$('#ajaxGalleryBlock').css({'top':elTop,'left':elLeft}).fadeIn();
		$('#mainImg').html('<a href="#" onClick="return nextImg('+id+');"><img src="/application/includes/img/b/'+id+'.jpg" /></a>');
	}
	
	replaceImg = function(id, o) {
		$('#mainImg').html('<a href="#" onClick="return nextImg('+id+');"><img src="/application/includes/img/b/'+id+'.jpg" /></a>');
		$('#mainNote').text($(o).parent().find('span').text());
		return false;
	}
	
	nextImg = function(id) {
		for(var i in photo_ids) {
			if(photo_ids[i] == id) {
				next = parseInt(i)+1;
				if(photo_ids[next] == undefined) {
					next = 0;
				}
				$('#mainImg').html('<a href="#" onClick="return nextImg('+photo_ids[next]+');"><img src="/application/includes/img/b/'+photo_ids[next]+'.jpg" /></a>');
				$('#mainNote').text($('#scroll a[href=#'+photo_ids[next]+']').parent().find('span').text());
				break;
			}
		}
		return false;
	}

	hideMenu = function(nameid) {
		var sm = document.getElementById(nameid);
		if(!sm.flag) {
			var o  = $('#'+nameid);		
			o.removeClass('hover');
			o.parent().removeClass('mouseover');
			if($.browser.msie && $.browser.version == '6.0') {
				o.find('ul').parent().next().removeClass('next');
				if(!o.hasClass('preactive')) {
					$('#menu_block li.preactive').next().addClass('next');
				}
			}
		}
	}
	
	showMenu = function(nameid) {
		var sm = document.getElementById(nameid);
		if(sm.flag) {
			var o  = $('#'+nameid);		
			o.addClass('hover');
			o.parent().addClass('mouseover')
			if($.browser.msie && $.browser.version == '6.0') {
				o.find('ul').parent().next().addClass('next');
				if(!o.hasClass('preactive')) {
					$('#menu_block li.preactive').next().removeClass('next');
				}
			}
		}
	}

	closeGallery = function() {
		$('#ajaxGalleryBlock').fadeOut();
		$('#shadow').hide();
	}
	

})(jQuery);