var _IE6 = false;
if((navigator.appName.indexOf('Microsoft Internet Explorer') != -1) && (parseInt(navigator.appVersion) < 7)) _IE6 = true;


function initPopup(){
	var _hold = $('product-info');
	var _morePopup = $('popup-more');
	var _imgPopup = $('popup-img');
	var a_btn_img;
	if(_hold && _morePopup && _imgPopup){
		var btn_img = _hold.getElements('a.btn-img');
		var btn_more = _hold.getElements('a.btn-more');
		btn_img.each(function(_btn){
			var _text = _btn.getParent().getChildren('.popup-img-content')[0];
			if(_text){
				_btn.onclick = function(){
					a_btn_img = this;
					imgPopup(_text);
					return false;
				}
			}
		});
		btn_more.each(function(_btn){
			var _text = _btn.getParents('.rightcol')[0].getChildren('.popup-more-content')[0];
			if(_text){
				_btn.onclick = function(){
					morePopup(_text);
					return false;
				}
			}
		});
		
		        if(!$('popup-holder')) $('opaque_wrap').appendChild(new Element('div',{id:'popup-holder'}));
        var popup_h = $('popup-holder');
        var opaque_w;
        if (window.innerWidth) opaque_w = window.innerWidth;
        else opaque_w = document.documentElement.clientWidth;
        if (opaque_w<1014) opaque_w=1014;
        popup_h.setStyles({
            position:'absolute',
            top: 0,
            left: 0,
            zIndex: 600,
            background: '#000',
            opacity: 0,
            height: initH(),
            width: opaque_w,
            display: 'none'
        });

		
		_morePopup.getElement('.closelink').onclick = function(){
			if(t_popup){
				_f = false;
				if(_IE6){
					t_popup.setStyle('display','none');
					popup_h.moo.start('opacity', 0);
				}
				else{
					t_popup.moo.start('opacity', 0);
				}
				t_popup = false;
				
			}
			return false;
		}
		
		_morePopup.getElement('.close').onclick = function(){
					if(t_popup){
						_f = false;
						if(_IE6){
							t_popup.setStyle('display','none');
							popup_h.moo.start('opacity', 0);
						}
						else{
							t_popup.moo.start('opacity', 0);
						}
						t_popup = false;
						
					}
					return false;
		}
		_imgPopup.getElement('.close').onclick = function(){
			if(t_popup){
				_f = false;
				if(_IE6){
					t_popup.setStyle('display','none');
					popup_h.moo.start('opacity', 0);
				}
				else{
					t_popup.moo.start('opacity', 0);
				}
				t_popup = false;
				
			}
			return false;
		}
		_morePopup.moo = new Fx.Tween(_morePopup, {
			duration: 300,
			link:'cancel',
			'onComplete': function(){
				if(!_f){
					_morePopup.setStyle('display', 'none');
					popup_h.moo.start('opacity', 0);
				}
			}
		});
		_imgPopup.moo = new Fx.Tween(_imgPopup, {
			duration: 300,
			link:'cancel',
			'onComplete': function(){
				if(!_f){
					_imgPopup.setStyle('display', 'none');
					popup_h.moo.start('opacity', 0);
				}
			}
		});
		popup_h.moo = new Fx.Tween(popup_h, {
			duration: 200,
			link:'cancel',
			'onComplete': function(){
				if(_f){
					if(t_popup){
						if(_IE6) t_popup.setStyle('display', 'block');
						else t_popup.setStyles({opacity: 0, display: 'block'}).moo.start('opacity', 1);
						if(t_popup == _imgPopup){
							var _coord = a_btn_img.getCoordinates();
							t_popup.setStyles({
								top: _coord.top - (t_popup.offsetHeight -_coord.height)/2 + 'px',
								left: _coord.left - (_coord.width - t_popup.offsetWidth)/2 + 'px'
							});
						}
					}
				}
				else{
					popup_h.setStyle('display', 'none');
					if(_IE6) $$('#wrapper select').setStyle('visibility','visible');
				}
			}
		});
		var t_popup;
		var _f = false;
		function morePopup(_text){
            _f = true;
            t_popup = _morePopup;
            _morePopup.getElement('.popup-content').innerHTML = _text.innerHTML;
            _morePopup.setStyles({top: getCurrentYPos() + 'px'});
            _morePopup.setStyles({left: '630px'});
            if(_IE6) $$('#wrapper select').setStyle('visibility', 'hidden');
            popup_h.setStyles({ opacity: 0, display: 'block', height: initH() + 'px'}).moo.start('opacity', 0.3);
        }

		function imgPopup(_text){
			_f = true;
			t_popup = _imgPopup;
			_imgPopup.getElement('.popup-content').innerHTML = _text.innerHTML;
			_imgPopup.setStyles({top: getCurrentYPos() + 'px'});
			if(_IE6) $$('#wrapper select').setStyle('visibility', 'hidden');
			popup_h.setStyles({ opacity: 0, display: 'block', height: initH() + 'px'}).moo.start('opacity', 0.3);
		}
	}
	    function initH(){
        var _h = 0;
        if (window.innerHeight) _h = window.innerHeight;
        else _h = document.documentElement.clientHeight;
        
        if ($('right')) _h = $('right').getFirst("table").offsetHeight;
        else _h = document.body.offsetHeight - 120;
        if(_h < $('wrapper').offsetHeight) _h = $('wrapper').offsetHeight + 9;
        _h += 200;
        return _h;
    }
    function getCurrentYPos(){
        var _offset = 0;
        if (document.body && document.body.scrollTop) _offset = document.body.scrollTop;
        if (document.documentElement && document.documentElement.scrollTop) _offset = document.documentElement.scrollTop;
        if (window.pageYOffset) _offset = window.pageYOffset;

        if (window.innerHeight) _offset += (window.innerHeight-257)/2 - 170;
        else _offset += (document.documentElement.clientHeight-257)/2 - 170;

        return _offset;
    }
}
function fadeGall(){
	var wait_time = 5000; //delay  in ms
	var _hold = $('fade-gall');
	if(_hold){
		var btn_h = _hold.getElement('.switcher');
		var btn_pause = _hold.getElement('.controls .pause');
		var btn_play = _hold.getElement('.controls .play');
		var btn_prev = _hold.getElement('.controls .back');
		var btn_next = _hold.getElement('.controls .next');
		var _list = _hold.getElements('.item li');
		var _t;
		var _f = false;
		var _f1 = true;
		var _a = 0;
		if(_list.length > 1){
			btn_h.empty();
			for(var i = 0; i < _list.length; i++){
				if(_list[i].hasClass('active')) _a = i;
				var t_btn = new Element('a', {href: '#'});
				if(i < 9) t_btn.innerHTML = (i+1);
				else t_btn.innerHTML = i+1;
				btn_h.grab(new Element('li').grab(t_btn));
				_list[i].moo = new Fx.Tween(_list[i], {
					duration: 500,
					link:'cancel'
				}); 
			}
			if(_IE6){
				_list.removeClass('active').setStyle('display', 'none');
				_list[_a].addClass('active').setStyle('display', 'block');
			}
			else{
				_list.removeClass('active').setStyle('opacity', '0');
				_list[_a].addClass('active').setStyle('opacity', '1');
			}
			
			var _btn = btn_h.getElements('a');
			_btn[_a].addClass('active');
			
			if(btn_pause.getStyle('display') == 'none'){
				btn_play.setStyle('display', 'block');
			}
			else{
				btn_play.setStyle('display', 'none');
				_f = true;
				_t = setTimeout(function(){
					if(_a < _list.length - 1) changeEl(_a + 1);
					else changeEl(0);
				}, wait_time);
			}
		}
		else{
			btn_h.setStyle('display', 'none');
			_hold.getElement('.controls').setStyle('display', 'none');
		}
		btn_pause.onclick = function(){
			this.setStyle('display','none');
			btn_play.setStyle('display','block');
			_f = false;
			if(_t) clearTimeout(_t);
			return false;
		}
		btn_play.onclick = function(){
			this.setStyle('display','none');
			btn_pause.setStyle('display','block');
			_f = true;
			if(_t) clearTimeout(_t);
			_t = setTimeout(function(){
				if(_a < _list.length - 1) changeEl(_a + 1);
				else changeEl(0);
			}, wait_time);
			return false;
		}
		if(_btn!=null)
		{
			for(var i = 0; i < _btn.length; i++){
				_btn[i]._i = i;
				_btn[i].onclick = function(){
					if(_f){
						btn_play.setStyle('display','block');
						btn_pause.setStyle('display','none');
						_f = false;
						if(_t) clearTimeout(_t);
					}
					changeEl(this._i);
					return false;
				}
			}
		}
		btn_prev.onclick = function(){
			if(_f){
				btn_play.setStyle('display','block');
				btn_pause.setStyle('display','none');
				_f = false;
				if(_t) clearTimeout(_t);
			}
			if(_a > 0) changeEl(_a - 1);
			else changeEl(_list.length -1);
			return false;
		}
		btn_next.onclick = function(){
			if(_f){
				btn_play.setStyle('display','block');
				btn_pause.setStyle('display','none');
				_f = false;
				if(_t) clearTimeout(_t);
			}
			if(_a < _list.length -1) changeEl(_a + 1);
			else changeEl(0);
			return false;
		}
		_hold.addEvents({
			'mouseenter': function(){
				if(_t) clearTimeout(_t);
				_f1 = false;
			},
			'mouseleave': function(){
				_f1 = true;
				if(_f){
					if(_t) clearTimeout(_t);
					_t = setTimeout(function(){
						if(_a < _list.length - 1) changeEl(_a + 1);
						else changeEl(0);
					}, wait_time);
				}
			}
		});
		function changeEl(_ind){
			if(_ind != _a){
				if(_IE6){
					_list[_a].removeClass('active').setStyle('display','none');
					_list[_ind].addClass('active').setStyle('display','block');
				}
				else{
					_list[_a].removeClass('active').moo.start('opacity', 0);
					_list[_ind].addClass('active').moo.start('opacity', 1);
				}
				_btn[_a].removeClass('active');
				_btn[_ind].addClass('active');
				_a = _ind;
				if(_t) clearTimeout(_t);
				if(_f && _f1){
					_t = setTimeout(function(){
						if(_a < _list.length - 1) changeEl(_a + 1);
						else changeEl(0);
					}, wait_time);
				}
			}
		}
	}
}
function initTabs(){
	$$('ul.tabset').each(function(_hold){
		var _btn = _hold.getElements('a.tab-btn');
		var _a = 0;
		_btn.each(function(_el, _ind){
			_el._box = document.getElementById(_el.href.substr(_el.href.indexOf("#") + 1));
			if(_el._box){
				if(_el.getParent().hasClass('active')){
					_a = _ind;
					_el._box.style.display = 'block';
				}
				else{
					_el._box.style.display = 'none';
				}
				_el.onclick = function(){
					if(!this.hasClass('active')){
						_btn[_a]._box.style.display = 'none';
						_btn[_a].getParent().removeClass('active');
						this._box.style.display = 'block';
						this.getParent().addClass('active');
						_a = _ind;
					}
					return false;
				}
			}
		});
	});
}
function slideOffers(){
	var _btn = $('offers-btn');
	var _hold = $('offers-box');
	if(_btn && _hold){
		var _box = _hold.getChildren('.hold')[0];
		if(_box){
			var _h = _box.offsetHeight;
			var _f = true;
			_box.moo = new Fx.Tween(_box, {
				duration: 400,
				link:'cancel',
				'onComplete': function(){
					if(!_btn.hasClass('active')) _hold.style.display = 'none';
					_f = true;
				}
			});
			_btn.onclick = function(){
				if(this.hasClass('active')){
					if(_f) _h = _box.offsetHeight;
					this.removeClass('active');
					_box.moo.start('margin-top', -_h);
					_f = false;
				}
				else{
					this.addClass('active');
					if(_f){
						_hold.style.display = 'block'
						_h = _box.offsetHeight;
						_box.style.marginTop = -_h + 'px';
					}
					_f = false;
					_box.moo.start('margin-top', 0);
				}
				return false;
			}
		}
	}
}
window.addEvent('domready', function(){
	fadeGall();
	initTabs();
	slideOffers();
	$$('.menu li').each(function(_el){
		_el.addEvents({
			'mouseenter': function(){
				this.addClass('hover');
			},
			'mouseleave': function(){
				this.removeClass('hover');
			}
		});
	});
	initPopup();
});