CD3.Behaviors({
	'body': {
		'focus:in': {
			'input[type=text]': function(){
				if(this.getValue() == this.getAttribute('title')){
					this.setValue('');
					this.addClassName('oppp');
				} else {
					this.addClassName('oppp');

				}
			}
		},
		'focus:out': {
			'input[type=text]': function(){
				if(this.getValue().length == 0){
					this.setValue(this.getAttribute('title'));
					this.removeClassName('oppp');
				}
			}
		}
	},
	'#contact_cancel, #contact_submit': {
		mouseover: function(){
			this.addClassName('hover');
		},
		mouseout: function(){
			this.removeClassName('hover');
		}
	},
	'#thumbs_list a:click': function(a){
		/* 
		!!!Christin iskala lightbox , 4e zatova sum go zakomentiral tova ...!!!
		a.stop();
		
		var selected = $('thumbs_list').down('a.selected') || false
		if(selected){
			selected.removeClassName('selected');
		}
		
		this.addClassName('selected');
		
		var h = this.down('img').getHeight();
		var img = $('mainimage').down('img');
		
		if(!$('bigimage').visible()){
			img.writeAttribute('src', this.href);
			$('bigimage').show();
			new Effect.Appear(img, {duration: 1});
			$('mainimage').style.height = h + 'px';
		} else {
			change(this, img, h);
		}
		*/
	},
	//'#mainimage:click': function(){
	//	$('mainimage').down('img').fade();
	//	this.up('#bigimage').slideUp();
	//},
	'#prev:click': function(a){
		a.stop();
		var selected = $('thumbs_list').down('a.selected');
		var prev = selected.previous('a') || $('thumbs_list').select('a').last();
		prev.addClassName('selected');
		selected.removeClassName('selected');
		
		var h = prev.down('img').getHeight();
		var img = $('mainimage').down('img');
		
		change(prev, img, h);
		
	},
	'#next:click': function(a){
		a.stop();
		var selected = $('thumbs_list').down('a.selected');
		var next = selected.next('a') || $('thumbs_list').down('a');
		next.addClassName('selected');
		selected.removeClassName('selected');
		
		var h = next.down('img').getHeight();
		var img = $('mainimage').down('img');
		
		change(next, img, h);
	},
	'#orehche':function(){
		var main = this,
			ul	 = this.down('ul'),
			nums = ul.select('li').size(),
			sumata = 0;
			
			for(i=0; i < nums ; i++){
				sumata = sumata + 	 $$('#orehche li')[i].getWidth();
				
			}
			ul.setStyle({width: sumata + 'px'});
	},
	'#orehche2':function(){
		var ul	 = this.down('ul'),
			nums = ul.select('li').size(),
			sumata = 0;
			
			for(i=0; i < nums ; i++){
				sumata = sumata + 	 $$('#orehche2 li')[i].getWidth();
			}
			ul.setStyle({width: sumata + 'px'});
	},
	'#first_image:click':function(a){
		a.stop();
		$('show_me').style.visibility = 'visible';
		wider();
	},
	'#hide_me:click':function(){
		$('show_me').style.visibility = 'hidden';
		
	},
	'#shum a:click':function(all){
		all.stop();
		var bla = $('drosel').getHeight();
		$('show_me').style.visibility = 'visible';
		
		$('show_me').setStyle({height: bla + 'px'}) ;
		
		wider();
		$('mainimage').down('img').src = this.href;
		Effect.ScrollTo('show_me');

	},
	'#outer':function(){
		//autoScroll();
	}
});

var sk = 0;
function autoScroll(){
	var body = parseInt($$('body')[0].getStyle('height'));
	window.scrollTo( 0, sk );
	sk = sk + 50;
	if( sk < body)	setTimeout(autoScroll, 3000);
}

function wider(){
	var ul	 = $('orehche2').down('ul'),
			nums = ul.select('li').size(),
			sumata = 0;
			
			for(i=0; i < nums ; i++){
				sumata = sumata + 	 $$('#orehche2 li')[i].getWidth();
			}
			ul.setStyle({width: sumata + 'px'});
}

CD3.Behaviors('#orehche2', function(container){
    var ratio = container.scrollWidth / container.getWidth();
    container.observe('mousemove', function(e){
        var mouseY = e.pointerX() - container.cumulativeOffset().left;
        container.scrollLeft = (ratio * mouseY).round();
    });
});

CD3.Behaviors('#orehche', function(container){
    var ratio = container.scrollWidth / container.getWidth();
    container.observe('mousemove', function(e){
        var mouseY = e.pointerX() - container.cumulativeOffset().left;
        container.scrollLeft = (ratio * mouseY).round(); 
    });
});

function change(thumb, img, h){
	img.hide();
	change2(); 
	new Effect.Appear(img, {duration: 1});
	
	
	function change2(){
		img.writeAttribute('src', thumb.href);
		
		
		$('mainimage').style.height = h + 'px';
		/*
		new Effect.Morph($('mainimage'), {
			style: 'height: ' + h + 'px'
		});
		*/
	}
	new Effect.Appear(img, {duration: 1});
}


if($$('#category_prods')[0] && !$$('#cats_tabs li.selected')[0]){
	$$('#cats_tabs li')[0].addClassName('selected');
	$$('#category_prods .block')[0].addClassName('show_block');
}
else if($$('#cats_tabs li.selected')[0]) {
	c = 0;
	tabIndex = 0;
	$$('#cats_tabs li').each(function(element){
		if(element.hasClassName('selected'))
			tabIndex = c;
		c++;
	});
	if($$('#category_prods .block')[0]){
		$$('#category_prods .block')[tabIndex].addClassName('show_block');
	}
}


/* * * * * * * * * * * * * * * * * * * * * * *
* Slideshow
* * * * * * * * * * * * * * * * * * * * * * */

if($$('#slideshow .block').size() > 1) {

	block = $$('#slideshow .block');
	
	function playAnimation(){

		selected = $$('#slideshow .selected')[0];
		
		new Effect.Fade(selected, {
			duration:1,
			afterFinish:function(){
				selected.setStyle({opacity:'0','display':'none'});
			}
		});

		if(!selected.next()){
			next = $$('#slideshow .block')[0];
		} else {
			next = selected.next();
		}
		next.setStyle({opacity:'0','display':'block'});
		
		new Effect.Opacity(next, {
			duration:1, from:0, to:1,
			afterFinish: function(){
				selected.removeClassName('selected');
				next.addClassName('selected');
			}
		});

	}

	if(block){
		if(!$$('#slideshow .selected')[0]){
			$$('#slideshow .block')[0].addClassName('selected');
			$$('#slideshow .selected')[0].setStyle({'display':'block'});
		}
		autoSlide = new PeriodicalExecuter(playAnimation, 5);
	}

}
else if ($$('#slideshow .block').size() == 1) {
	$$('#slideshow .block')[0].setStyle({'display':'block'});
}

$$('#category_prods .block .prods li').each(function(link){
	link.observe('mouseover',function(e){
		if($$('.product_text_visible')[0]) {
			$$('.product_text_visible').each(function(element){
				element.removeClassName('product_text_visible');
			});
		}
		this.up('.block').down('.product_text',this.previousSiblings().size()).addClassName('product_text_visible');
		this.up('.block').down('.category_text').addClassName('category_text_hidden');
	});
	link.observe('mouseout',function(e){
		if($$('.product_text_visible')[0]) {
			$$('.product_text_visible').each(function(element){
				element.removeClassName('product_text_visible');
			});
		}
		this.up('.block').down('.category_text').removeClassName('category_text_hidden');
	});
});

/* *********** Products *************** */

if($$('#category_prods')[0] && !$$('#cats_tabs li.selected')[0]){
	$$('#cats_tabs li')[0].addClassName('selected');
	$$('#category_prods .prods_block')[0].addClassName('show_prods_block');
}
else if($$('#cats_tabs li.selected')[0]) {
	c = 0;
	tabIndex = 0;
	$$('#cats_tabs li').each(function(element){
		if(element.hasClassName('selected')) tabIndex = c;
		c++;
	});
	if($$('#category_prods .prods_block')[0]){
		$$('#category_prods .prods_block')[tabIndex].addClassName('show_prods_block');
	}
}

$$('#category_prods .prods_block .prods li').each(function(link){
	link.observe('mouseover',function(e){
		//console.log(parseInt(this.getStyle('height')) + parseInt(this.getStyle('padding-top')) + parseInt(this.getStyle('padding-bottom')));
		height = parseInt(this.getStyle('height')) + parseInt(this.getStyle('padding-top')) + parseInt(this.getStyle('padding-bottom'));
		number = this.previousSiblings().size()+1;
		
		//console.log(link);
		if($$('.tooltip_visible')[0]) {
			$$('.tooltip_visible').each(function(element){
				element.removeClassName('tooltip_visible');
			});
		}
		this.up('.prods_block').down('.tooltip',number-1).addClassName('tooltip_visible');
		this.up('.prods_block').down('.tooltip',number-1).setStyle({'top':((31 * number)+13)+'px'});
		
		//this.up('.block').down('.category_text').addClassName('category_text_hidden');
	});
	link.observe('mouseleave',function(e){
		//console.log('out');
		
		if($$('.tooltip_visible')[0]) {
			$$('.tooltip_visible').each(function(element){
				element.removeClassName('tooltip_visible');
			});
		}
		
		//this.up('.block').down('.category_text').removeClassName('category_text_hidden');
	});
});


if($('blog_archive')){
	$('blog_archive').observe('mouseover',function(){
		this.addClassName('blog_archive_open');
	})
	$('blog_archive').observe('mouseout',function(){
		this.removeClassName('blog_archive_open');
	})
}

CD3.Behaviors('#contact_right', function(container){
	$$('input[data-req=yes]').each(function(r){
		r.observe('keyup', function(rr){
			var c = 0;
			$$('input[data-req=yes]').each(function(r){
				r.getValue() ? function(){} : c++;
			});
			c > 0 ? $('contact_schema_btns').hide() : $('contact_schema_btns').show();
			c > 0 ? $('cfspacer').hide() : $('cfspacer').show();
		});
	});
});

function closeCForm(){
	$('c_form_error_block').remove();
}

if($('c_form_error')){
	$('c_form_error').setStyle({'display':'none'});
	var msg = $('c_form_error').innerHTML;
	var template;
	template += '<div id="c_form_error_block">';
	template += '<div id="c_form_error_top"><div id="c_form_error_close" onclick="closeCForm();">Lukk</div></div>';
	template += '<div id="c_form_error_msg">' + msg + '</div>';
	template += '</div>';
	new Insertion.Bottom($('header'), template);

	//alert($('c_form_error').innerHTML);
}

if($('show_hide_submit_1')){
//	alert($('show_hide_submit_1').checked);
	if ($('show_hide_submit_1').checked == true){
		$('cart_submit').setStyle({'display':'block'});
	} else {
		$('cart_submit').setStyle({'display':'none'});
	}
	$('show_hide_submit_1').observe('click',function(){
		if ($('show_hide_submit_1').checked == true){
			$('cart_submit').setStyle({'display':'block'});
		} else {
			$('cart_submit').setStyle({'display':'none'});
		}	
	});
}