var dev = false;

if (dev) {
	var base = '/twisted-miss';
	var basefile = '/twisted-miss2';
} else {
	var base = '';
	var basefile = '';
}





var SimpleSelectStyle = new Class({
	Implements: Options,
	options : 	{	
		select_class : '',
		form_id : '',
		left_padding : 0,
		offset : 12
	},
	initialize: function(options) {
		this.setOptions(options);
		if ($chk(this.options.select_class)) {			
			this.selects = $chk($(this.options.form_id)) ? $(this.options.form_id).getElements('select') : $$('select.'+this.options.select_class) ;
			this.selects.each(this.style_selects.bind(this));
		}
	},
	style_selects : function(select_el) {		
		var select_el_width = select_el.getSize().x;  	
		var value = select_el.getFirst().get('value');		
		var text = select_el.getFirst().get('text');
		
		var dis = 0;
		select_el.getElements('option').each(function(o,i){ 
			if(o.selected == true){ 
				value = o.get('value'); 
				text = o.get('text'); 
			}
			if (o.get('disabled')==true) dis++;
		});
		
		
		var show = (dis == select_el.getElements('option').length) ? 'none':'inline-block';
		
		var wrap = new Element('div',{
			'styles':{
				'display':show,
				'vertical-align':'middle'
			}
		}).inject(select_el,'before');
		
		select_el.inject(wrap);
		
		var span = new Element('span',{
			'class':this.options.select_class
		}).set('text',text).inject(select_el,'before').setStyles({
			'width':select_el_width - this.options.left_padding + this.options.offset,
			'display':'inline-block',
			'padding-left':this.options.left_padding
		});
		
		
		select_el.addClass(this.options.select_class).setProperty('size',1).setStyles({
			'width':select_el_width + span.getStyle('border-left-width').toInt() + span.getStyle('border-right-width').toInt() + this.options.offset,
			'opacity':.01,
			'display':'inline-block',
			'position':'relative',
			'margin-left':-(select_el_width + span.getStyle('border-left-width').toInt() + span.getStyle('border-right-width').toInt() + this.options.offset)
		}).addEvent('change',function(){
			span.set('text',this.options[this.options.selectedIndex].get('text'));
		});

		var sel_left = new Element('span',{'class':'select_start'}).inject(span,'before');
	}	
});

function CurrencyFormatted(amount)	{
	var i = parseFloat(amount);
	if(isNaN(i)) { i = 0.00; }
	var minus = '';
	if(i < 0) { minus = '-'; }
	i = Math.abs(i);
	i = parseInt((i + .005) * 100);
	i = i / 100;
	s = new String(i);
	if(s.indexOf('.') < 0) { s += '.00'; }
	if(s.indexOf('.') == (s.length - 2)) { s += '0'; }
	s = minus + s;
	return s;
}

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


	var points = $$('.bulletpoint');
	var descs = $$('.bulletdesc');
	
	//$('righthalf').setStyle('height',$('lefthalf').getSize().y+20);
	
	points.each(function(point,i) {
		point.addEvent('mouseenter',function(e) {
			
			points.each(function(p){p.getParent().removeClass('open')});
			this.getParent().addClass('open');
			descs.each(function(desc){desc.setStyle('display','none')});
			descs[i].setStyle('display','block');
		});
	});

    
    var defaulttext = $$('.cleardefault');
    var defval = new Array();
    defaulttext.each(function(d,i) {
    	defval[i] = d.get('id');
    	d.addEvent('focus',function() {
    		if (this.hasClass('hint')) this.removeClass('hint');
    		if (this.get('id')=='Password') this.set('type','password');
    		if (this.get('value')==defval[i]) this.set('value','');
    	});
    	d.addEvent('blur',function() {
    		if (this.get('value')=='') {
    			this.set('value',defval[i]);
    			this.addClass('hint');
    			if (this.get('id')=='Password') this.set('type','text');
    		}
    	});
    });
    
    $('srch').addEvent('click',function(e) {
    	e.stop();
    	if (this.getPrevious().value=='Search') {
    		return
    	} else {
    		this.form.submit();
    	}
    });
    
    if ( $('advancedsearch')) {
		$('advancedsearch').addEvent('click',function() {
			new Fx.Reveal($('advsrch')).toggle(); 
		});
	}
	
    var mc = $$('a.maincat');
    mc.each(function(m) {
    	var defcol = m.getStyle('color');
    	m.addEvent('mouseenter',function() {
    		this.set('morph', {duration: 300, transition: 'quart:out'});
    		this.morph({
				'padding-left': 8,
				'color' : '#ffffff'
			});
    	});
    	m.addEvent('mouseleave',function() {
    		this.set('morph', {duration: 300, transition: 'quart:out'});
    		this.morph({
				'padding-left': 0,
				'color' : defcol
			});
    	});
    });
    
    var sc = $$('a.subcat');
    sc.each(function(s) {
    	var defcol = s.getStyle('color');
    	s.addEvent('mouseenter',function() {
    		this.set('morph', {duration: 300, transition: 'quart:out'});
    		this.morph({
				'padding-left': 8,
				'color' : '#ffffff'
			});
    	});
    	s.addEvent('mouseleave',function() {
    		this.set('morph', {duration: 300, transition: 'quart:out'});
    		this.morph({
				'padding-left': 0,
				'color' : defcol
			});
    	});
    });
    
    
    if ($('sort')) {
		$('sort').addEvent('change',function() {
			
			if ($('sort').value!="") $('sortform').submit();
		});
	}
	
	$$('#colleft a').each(function(link) {
		link.addEvent('mouseover',function() {
		});
	});
	

	var images = $$('img.preload'); 
	var pathes = []; 
	images.each(function(image){ 
		pathes.push('/images/product/large/'+image.getProperty('id')); 
		
		image.addEvent('mouseover',function(e) {
			$('mainimg').set('src',base+'/images/product/large/'+this.get('id'));
		});
		
	}); 
	
	
	if ($('imgthumbs')) $('imgthumbs').set('opacity',0);
	
	var preloadedImages = new Asset.images(pathes, {
		onProgress: function(counter,index){
			
		},
		onComplete: function(){
			$('imgthumbs').fade(0,1);
		}
	}); 
	
	
	function setborder(toggler,element) {
		if (toggler.hasClass('bottomtoggler')) {
			element.setStyle('border-top','1px solid #ccc'),
			element.setStyle('border-bottom','1px solid #ccc'),
			toggler.setStyle('height','22px');
		} else {
			element.setStyle('border-bottom','1px solid #ccc');

		}
	}
	
	var accor = $$('div.tab');
	if (accor) {
	
		
		
		var disp = ($('prodbuy')) ? 0 : -1;
		
	
		var myAccordion = new Fx.Accordion($$('div.tab'), $$('div.infoelem'),{
			opacity:true,
			display:disp,
			alwaysHide:true,
			onActive: function(toggler, element){
				toggler.setStyles({'color':'#ec008c'}),
				setborder(toggler,element);
			},
			onBackground: function(toggler, element){
				toggler.setStyles({'color':'#666666'})
				element.setStyles({'border-bottom':'0','border-top':'0'});
			}
		});
	
		accor.each(function(ac) {
			ac.addEvent('mouseenter',function() {
				if (this.getStyle('color')!=='#ec008c') {
					this.setStyle('color','#ec008c');
					this.set('tween',{duration:'long'});
					this.tween('color','#666666');
				}
			});
			
			
		});
	}
	
	
	
	var regex = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/; 
	
	var req = $$('.req');
	req.each(function(field) {
		field.addEvent('blur',function() {
			var errbg = (field.get('id')=='mesg') ? 'url('+base+'/images/layout/textarea_err.png)':'url('+base+'/images/layout/input_err.png)';
			var bg = (field.get('id')=='mesg') ? 'url('+base+'/images/layout/textarea.png)':'url('+base+'/images/layout/input200.png)';
			if (this.value=='') {
				field.setStyle('background-image',errbg)
			} else {
				if (this.get('id')=='eml') {
					if (regex.test(field.value)) {
						field.setStyle('background-image',bg);
					} else {
						field.setStyle('background-image',errbg);
					}
				} else {
					field.setStyle('background-image',bg);
				}
			}
		});
	});
	
	
	var sub = $$('.submit');
	
	if (sub) {
		sub.addEvent('click',function(e) {
			e.stop();
			var error = false;
			var thisform = this.getParent().getParent();
			var req = thisform.getChildren('.req');
			
			req.each(function(field) {
				var bg = (field.get('id')=='mesg') ? 'url('+base+'/images/layout/textarea_err.png)':'url('+base+'/images/layout/input_err.png)';
				if (field.value=='') {
					field.setStyle('background-image',bg);
					error = true;
				}
				if (field.get('id')=='eml') {
					if (!regex.test(field.value)) {
						field.setStyle('background-image',bg);
						error = true;	
					}
				}
			});
			if (error==false) {
				thisform.setStyle('height',thisform.getSize().y+'px');
				var aj = new Request.HTML({
					url: basefile+'/_formprocess.php',
					update: thisform
				}).send(thisform.toQueryString());
			}
			
		});
	}
	

	
	if ($('basketdeliv')) {
		var option = $('basketdeliv');
		option.addEvent('change',function() {
			$('shiptot').set('text',CurrencyFormatted(deliv_array[this.value]));
			$('tottot').set('text',CurrencyFormatted(deliv_array[this.value]+$('subtot').get('text').toFloat()));
			var setdel = new Request({url:'_setdelivery.php',method:'get'}).send('del='+this.value);
		});
	}
	
	if ($('checkout_btn')) {
		$('checkout_btn').addEvent('click',function(e) {
			e.stop();
			this.addClass('button_disabled');
			
			this.setProperty('disabled','disabled');
			this.form.submit();
		});
	}
	
	
	if ($('delivery_form')) {
		var subs = $$('.checkout_btn');
		subs.each(function(sub) {
			sub.addEvent('click',function(e) {
				e.stop();
				this.addClass('button_disabled');
			
				this.setProperty('disabled','disabled');
				this.form.submit();
			});
		});
	}
	
	
	
	
	var bests = $$('a.best');
	
	bests.each(function(best) {
		best.addEvent('mouseenter',function() {
			$('bestsellerimage').set('src',base + "/images/product/thumb/t" + this.get('id'));
			var href = this.get('href').split('/');
			var newhref = "";
			for (i=1;i<(href.length);i++) newhref+= "/" + href[i];
			$('bestsellerimage').getParent().set('href',newhref);
		});
	});
	
	

	
	
	var select = new SimpleSelectStyle({select_class:'select'});
	
	
	
	if ($('linkform')) {
		var myFx = new Fx.Scroll(window).toElement('linkform');
	}
	
	
	
	
			var rotater = new Rotater('.rotating',{ 		//Class of elements that should rotate.
				slideInterval:8000, 					//Length of showing each element, in milliseconds
				transitionDuration:2000 				//Length crossfading transition, in milliseconds
			});
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
});