function clearText(thefield){if (thefield.defaultValue== thefield.value)	thefield.value = ""} 						
	function insertText(thefield){if ( thefield.value == "" )	thefield.value = thefield.defaultValue} 						

var submenuSlider;
var ssCounter = 0;
var timer     = 0;



function makeScrollbar(content, scrollbarfull, horizontal, ignoreMouse){
	var scrollbar = scrollbarfull.getElements('.handle-space').getLast();
	var handle = scrollbar.getElements('.handle').getLast();
	var handle1 = scrollbarfull.getElements('.handle-up').getLast();
	var handle2 = scrollbarfull.getElements('.handle-down').getLast();
	
	
	if (!scrollbar || !handle) return false;
	
	var steps, handleSize;
	if (horizontal) {
		steps = content.getScrollSize().x - content.getSize().x;
		handleSize = (content.getSize().x / content.getScrollSize().x) * scrollbar.getSize().x;
		style = 'width';
	} else {
		steps = content.getScrollSize().y - content.getSize().y;
		handleSize = (content.getSize().y / content.getScrollSize().y) * scrollbar.getSize().y;
		style = 'height';
	}
	
	if (steps<5) {
 		handle.setStyle('display', 'none');
		return;
	}

	handle.setStyle(style, (handleSize < 10 ? 10:handleSize)+'px');
	var interval = 0;
	
	
	var slider = new Slider(scrollbar, handle, {	
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			// Scrolls the content element in x or y direction.
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
		}
	}).set(0);
	if( !(ignoreMouse) ){
		// Scroll the content element when the mousewheel is used within the 
		// content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e){	
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);					
		});
		
		if (handle1) {
			handle1.addEvent('mousedown', function(e) {
				e.stop(); interval = setInterval(function(){slider.set(slider.step - 15)}, 50);
			});
			handle1.addEvent('mouseup', function(e) {
				e.stop(); clearInterval(interval);
			});
		}
		
		if (handle2) {
			handle2.addEvent('mousedown', function(e) {
				e.stop(); interval = setInterval(function(){slider.set(slider.step + 15)}, 50);
			});
			handle2.addEvent('mouseup', function(e) {
				e.stop(); clearInterval(interval);
			});
		}
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
}

function makePreviewer(list) {
	var thumb = list.getElements('.thumbnail');
	if (!thumb.length)
		return;
		
	thumb = thumb[0];
	var inner = thumb.getElements('.inner');
	if (!inner.length)
		return;
	
	inner = inner[0];
	
	var images = list.getElements('a.ttpreview');
	var myFx = new Fx.Morph(thumb).set({
		'opacity': 0,
		'link': 'cancel',
		'duration': 'short'
	});
	
	thumb.setStyles({
		'left': images[0].getPosition().x - $('main').getPosition().x - thumb.getWidth()/2,
		'top':  images[0].getPosition().y - $('main').getPosition().y - ( thumb.getHeight() + 10 )
	});
	
	for(i=0; i<images.length; i++) {
		image = images[i];
		image.addEvent('mouseover', function() {
			inner.setStyle('background-image', 'url(' + this.get('thumbnail') + ')');

			myFx.cancel();
			myFx.start({
				'opacity': 1
			});
			thumb.setStyles({
				'left': this.getPosition().x - $('main').getPosition().x - thumb.getWidth()/2,
				'top': this.getPosition().y - $('main').getPosition().y - ( thumb.getHeight() + 10 )
			});
			
		});
		image.addEvent('mouseout', function() {
			myFx.cancel();
			myFx.start({'opacity':  0});
			//thumb.hide();
		});
	}
		
}


window.addEvent('domready', function() {

	var main, scrollb;
	
	
	if (typeof jQuery != 'undefined') {
		main = $('#main')[0];
		scrollb = $('#scrollbar')[0];
	} else {
		main = $('main');
		scrollb = $('scrollbar');
	}
	
// 	var x = new Element(main);
// 	var y = new Element(scrollb);

	if (main && scrollb && scrollb.nodeName && scrollb.nodeName.toUpperCase()=='DIV') {
		makeScrollbar( main, scrollb );
	}
	
	var list = $('ttp-list');
	if (list)
		makePreviewer(list);

});

var old;
function ttpSetImages() {window.addEvent('domready', function() {
	
	var lists = $$('DIV.ttp-single DIV.image');
	var items;
	
	if (lists.length==0)
		return;
		
	for(i=0; i<lists.length; i++) {
		list = lists[i];
		overlays = list.getElements('DIV.overlay');
		items = list.getElements('A.thumb');
		suplists = list.getElements('DIV.sup-list');
		
		if (suplists.length==0) 
			continue;

		suplist = suplists[0];
		containers = suplist.getElements('DIV.list');
		if (containers.length) {
			container = containers[0];
			container.fade('hide');
			suplist.addEvent('mouseenter', function(){
				container.fade('in');
			});
			suplist.addEvent('mouseleave', function(){
				container.fade('out');
			});
		}
		
		if (items.legth==0)
			continue;
			
		if (overlays.length==0)
			continue;
		
		overlay = overlays[0];
		
		if (items.length > 1) {
			suplist.fade('show');
			for (j=0; j<items.length; j++) {
				myitem = items[j];
				myitem.addEvent('click', function() {
					url = 'url(' + this.get('src') + ')';
					if (list.get('front') == 1) {
						overlay.setStyle('background-image', url);
						overlay.fade('in');
						list.set('front', 0);
					} else {
						list.setStyle('background-image', url);
						overlay.fade('out');
						list.set('front', 1);
					}
					this.setStyle('border-color', '#c7c7c7');
					if (old)
						old.setStyle('border-color', '#ffffff');
					old = this;
					return false;
				});
			}
		}
			
		list.setStyle('background-image', 'url(' + items[0].get('src') + ')' );
		list.set('front', 1);
		old = items[0];
		old.setStyle('border-color', '#c7c7c7');
		overlay.fade('hide');
	}
	
});}



function addtobasket(form) {
	iform = $(form);
	elems = iform.getElements('DIV.bought');
	
	if (elems.length < 1)
		return;
		
	elem = elems[0];
	elem.fade('hide');
	
	var req = new Request({url:iform.get('action')});
	req.addEvent('success', function(text, xml) {
		elem.fade('in');
		elem.setStyle('display', 'block');
	});
	req.post(iform);
	return false;
}

Array.implement({
	shuffle: function() {
		//destination array
		for(var j, x, i = this.length; i; j = parseInt(Math.random() * i), x = this[--i], this[i] = this[j], this[j] = x);
		return this;
	}
});


function ttpSetSliders() {window.addEvent('domready', function() {
	var sliders = $$('DIV.ttp-slide');
	var overlay1, overlay2;
	
	if (sliders.length == 0)
		return
		
	for (i = 0; i < sliders.length; i++) {
		slider = sliders[i];
		
		overlays = slider.getElements('DIV.overlay1');
		if (overlays.length!=1)
			continue;
		overlay1 = overlays[0];
		
		overlays = slider.getElements('DIV.overlay2');
		if (overlays.length!=1)
			continue;
		overlay2 = overlays[0];
		
		var images = slider.getElements('A[rel=ttpslide]');
		if (images.length < 1)
			continue;
			
		images.shuffle();
			
		overlay1.fade('hide');
		overlay2.fade('hide');
		
		overlay1.set('tween', {'duration': 'long'});
		overlay2.set('tween', {'duration': 'long'});
		
		overlay1.setStyle('background-image', 'url(' + images[0].href + ')');
		overlay2.setStyle('background-image', 'url(' + images[1 % images.length].href + ')');
		var img = 1;

		overlay1.get('tween').addEvent('complete', function() {
			if (overlay1.get('front')==1)
				return;
			img = (img + 1) % images.length;
			overlay1.setStyle('background-image', 'url(' + images[img].href + ')');
		});
		overlay2.get('tween').addEvent('complete', function() {
			if (overlay1.get('front')==0)
				return;
			img = (img + 1) % images.length;
			overlay2.setStyle('background-image', 'url(' + images[img].href + ')');
		});
		overlay1.fade('in');
		overlay1.set('front','1');
		
		setInterval(function(){
			if (overlay1.get('front')==1) {
				overlay2.fade('in');
				overlay1.fade('out');
				overlay1.set('front', 0);
			} else {
				overlay2.fade('out');
				overlay1.fade('in');
				overlay1.set('front', 1);
			}
		}, 5000);
		
	}
	
});}