$(function(){
	if ($.browser.msie){
		function rs(){
			if (document.documentElement.clientWidth<=1000){
				document.body.style.width='1000px';
			}else{
				document.body.style.width='auto';
			}
		}
		$(window).resize(rs);
		rs();
	}

	/*
	 * scroller
	 */
	
	var elw = $('div.scroll div.wrap');
	var dw = elw.get(0).offsetWidth;
	var sw = elw.get(0).scrollWidth;
	var rw = sw-dw;
	var shag = rw/500;
	
	elw.scrollLeft(250*shag);		
	$('div.scroller span').draggable({
		containment: 'parent',
		axis: 'x',
		drag: function(event, ui){
			elw.scrollLeft(ui.position.left*shag);
		}
	});
	
	$(window).resize(function(){
		dw = elw.get(0).offsetWidth;
		sw = elw.get(0).scrollWidth;
		rw = sw-dw;
		shag = rw/500;
		
		if (rw<=0) $('div.scroller').hide();
		else $('div.scroller').show();
	});
	
	/*
	 * images
	 */
	
	
	$('span.close').live('click',function(){
		$('div.iw').find('div.cn').css({marginTop:0})
		.find('div').empty().css({width: '100px', height: '50px'});
		$('div.iw').hide();
	});
	
	$('div.scroll div.wrap a').click(function(){
		$('div.iw').css({heigth: $(document.body).height()});
		var cn = $('div.iw div.cn').css({
			marginTop: 0,
			top: (($('body').scrollTop()==0)? $('html').scrollTop(): $('body').scrollTop()) + (document.documentElement.clientHeight/2)
		});
		
		var cnd = cn.find('div').removeClass('tx').empty();
		var close = $('<span class="close">x</span>').appendTo(cnd);
		
		$('div.iw').show();
		cnd.addClass('loading');
		
		var sp = $('<p class="hk">'+this.title+'</p>');
		var ur = this.href;
		var im = $('<img />');

		im.load(function(){
			var w = this.width;
			var h= this.height;
			
			cn.animate({
				marginTop: parseInt(-h/2)
			},500);
			
			cnd.animate({
				width: w,
				height: h
			},500,'',function(){
				cnd.removeClass('loading');
				im.appendTo(cnd);
				sp.appendTo(cnd)
			});
		});
		
		im.attr('src',ur);
		return false;
	});
	
	$('ul.buttons li>a').click(function(){
		var cnd = $('div.iw div.cn div').addClass('tx');
		var close = $('<span class="close">x</span>').appendTo(cnd);

		$($(this).parent().find('div.hint').html()).appendTo(cnd)
		cnd.css({
			height: 'auto',
			width: '30em'
		});
		$('div.iw').show();
		var cn = $('div.iw div.cn').css({
			marginTop: -(cnd.height()/2),
			top: (($('body').scrollTop()==0)? $('html').scrollTop(): $('body').scrollTop()) + (document.documentElement.clientHeight/2)
		});
		return false;
	});

	$('div.mn span.logo>a').click(function(){
		var cnd = $('div.iw div.cn div').addClass('tx');
		var close = $('<span class="close">x</span>').appendTo(cnd);

		$($(this).parent().find('div.hint').html()).appendTo(cnd)
		cnd.css({
			height: 'auto',
			width: '30em'
		});
		$('div.iw').show();
		var cn = $('div.iw div.cn').css({
			marginTop: -(cnd.height()/2),
			top: (($('body').scrollTop()==0)? $('html').scrollTop(): $('body').scrollTop()) + (document.documentElement.clientHeight/2)
		});
		return false;
	});


	
	if ($('div.wrap-scroll div').length){
		$('div.wrap-scroll, div.wrap-scroll div').show();
		$('div.wrap-scroll div').css({top: 100});
		$('div.wrap-scroll div:eq(0)').css({top: 10});
		var tact = 0;
		var tmax = $('div.wrap-scroll div').length;
		$('div.wrap-scroll span').click(function(){
			$('div.wrap-scroll div').stop(true,true);
			$('div.wrap-scroll div').eq(tact).animate({top: -80},300);
			tact++;
			if (tact==tmax) tact = 0;
			$('div.wrap-scroll div').eq(tact).css({top:100}).animate({top: 10},300);
			return false;
		});
	}
	
	var dh0 = $('<div class="hn0 hnt"><span class="tx">Всё до мелочей</span></div>');
	var dh1 = $('<div class="hn1 hnt"><span class="st"><span></span></span><span class="tx">Духовой шкаф в стене</span></div>');
	var dh2 = $('<div class="hn2 hnt"><span class="st"><span></span></span><span class="tx">ЗD кромка</span></div>');
	var dh3 = $('<div class="hn3 hnt"><span class="st"><span></span></span><span class="tx">Островная вытяжка</span></div>');
	var dh4 = $('<div class="hn4 hnt"><span class="st"><span></span></span><span class="tx">Скрытые вентиляционные каналы и счётчик газа</span></div>');
	var dh5 = $('<div class="hn5 hnt"><span class="st"><span></span></span><span class="tx">Без зазоров</span></div>');
	var dh6 = $('<div class="hn6 hnt"><span class="st"><span></span></span><span class="tx">Итальянская столешница</span></div>');
	var dh7 = $('<div class="hn7 hnt"><span class="st"><span></span></span><span class="tx">Короб для коммуникаций котла</span></div>');
	var dh8 = $('<div class="hn8 hnt"><span class="st"><span></span></span><span class="tx">Угловая мойка</span></div>');
	var dh9 = $('<div class="hn9 hnt"><span class="st"><span></span></span><span class="tx">Ширина стола — 950 мм</span></div>');
	var dh10 = $('<div class="hn10 hnt"><span class="st"><span></span></span><span class="tx">Износостойкий фасад</span></div>');
	var dh11 = $('<div class="hn11 hnt"><span class="st"><span></span></span><span class="tx">Декор-панель в цвет фасадов</span></div>');
	
	$('div.icons a').click(function(){
		var elid = $(this).attr('id');
		$('div.iw').css({heigth: $(document.body).height()});
		var cn = $('div.iw div.cn').css({
			marginTop: 0,
			top: (($('body').scrollTop()==0)? $('html').scrollTop(): $('body').scrollTop()) + (document.documentElement.clientHeight/2)
		});
		
		var cnd = cn.find('div').removeClass('tx').empty();
		var close = $('<span class="close">x</span>').appendTo(cnd);
		
		$('div.iw').show();
		cnd.addClass('loading');
		
		var ur = this.href;
		var im = $('<img />');

		im.load(function(){
			var w = this.width;
			var h= this.height;
			
			cn.animate({
				marginTop: parseInt(-h/2)
			},500);
			
			cnd.animate({
				width: w,
				height: h
			},500,'',function(){
				cnd.removeClass('loading');
				im.appendTo(cnd);
				dh0.clone().appendTo(cnd);
				if (elid=='s1'){
					dh1.clone().appendTo(cnd);
					dh2.clone().appendTo(cnd);
					dh10.clone().appendTo(cnd);
					dh11.clone().appendTo(cnd);
				}
				if (elid=='s2'){
					dh6.clone().appendTo(cnd);
					dh8.clone().appendTo(cnd);
					dh9.clone().appendTo(cnd);
				}
				if (elid=='s3'){
					dh3.clone().appendTo(cnd);
					dh4.clone().appendTo(cnd);
					dh5.clone().appendTo(cnd);
					dh7.clone().appendTo(cnd);
				}
			});
		});
		
		im.attr('src',ur);
		return false;
	});
	
	$('div.apple a').click(function(){
		$('div.showstr').show();
		return false;
	});
	
	$('div.online-z a').click(function(){
		var cnd = $('div.iw div.cn div').addClass('tx');
		var close = $('<span class="close">x</span>').appendTo(cnd);

		$(this).parents('div.online-z').find('form').clone().appendTo(cnd)
		cnd.css({
			height: 'auto',
			width: '30em'
		});
		$('div.iw').show();
		var cn = $('div.iw div.cn').css({
			marginTop: -(cnd.height()/2),
			top: (($('body').scrollTop()==0)? $('html').scrollTop(): $('body').scrollTop()) + (document.documentElement.clientHeight/2)
		});
		return false;
	});
	
	$('div.show-fr a').click();
});