window.addEvent('domready', function(){
	setImgBox();
	highlightErrors();
	initHeaderSlideshow();
	initBannerSlideshow();
	initSearchbox();
	price_changed();
});

function price_changed(){
	
	var ele = $$("a[id=price_changed]");
	var bbl = $$('div#price_changed_info');
	
	ele.addEvent("mouseover", function(){
		bbl.setStyle('display','block');
	});
	
	ele.addEvent('mouseout', function(){
		bbl.setStyle('display','none');
	});
	
	ele.addEvent("click", function(e){
		new Event(e).stop();
	});
	
	return true;
}
function initSearchbox(){
	var sf = $$("input#searchForm");
	var def = "Carian kata kekunci";
	
	sf.addEvent("focus",function(){
		var cv = sf.get("value");
		if(cv == def){
			sf.set("value","");
		}
	});
	
	sf.addEvent("blur",function(){
		var cv = sf.get("value");
		if(cv == ""){
			sf.set("value",def);
		}
	});
}
function initBannerSlideshow(){
	_duration = 4000;
	var images = $$(".bigBanner");
	var count = images.length;
	var cid = -1;
	
	if(count > 0 ){
		images.each(function(image,i){
			image.setStyle("display","none");
			image.setStyle("opacity",0);
		})
	}
	
	function nextImg(){
		removeImg();
		cid++;
		if(cid == count) cid = 0;
		changeImg.delay(1000);
	}
	
	function prevImg(){
		removeImg();
		cid--;
		if(cid < 0 ) cid = count-1;
		changeImg.delay(1000);
	}
	
	function removeImg(){
		var image = images[cid];
		if(image != undefined){
			var myFx = new Fx.Morph(image,{duration:"long"});
			myFx.start({opacity:0}).chain(function(){
				image.setStyle("display",'none');
			})
		}
	}
	
	function changeImg(){
		var image = images[cid];
		image.setStyle("display","block");
		//image.setStyle("opacity",0.5);
		
		var myFx = new Fx.Morph(image,{duration:"long"});
		myFx.start({opacity:[0,1]});
		
		nextImg.delay(_duration);
	}
	
	if(count > 0) nextImg();
}

function initHeaderSlideshow(){
	var _duration =4000;
	
	var slideshow = $$("div#istimewa");
	
	if(slideshow == '') return false;
	
	
	var next_btn = slideshow.getElement("a#HeaderNextBtn");
	var prev_btn = slideshow.getElement("a#HeaderPrevBtn");
	var container = slideshow.getElement("div[id=istimewa-images]");
	var images = $$("div.smallBanner");
	
	if(next_btn == "")return false;
	
	next_btn.addEvent("click", function(e){
		new Event(e).stop();
		nextImg();
		
	});
	prev_btn.addEvent("click", function(e){
		new Event(e).stop();
		prevImg();
	});
	
	var cur = -1;
	var total = images.length;
	var timer;
	container.set('tween', {duration:800,transition:Fx.Transitions.Quad.easeInOut});
	function nextImg(){
		$clear(timer);
		
		cur++;
		if(cur == total) cur = 0;
		container.tween('left', cur * -240);
		
		timer = nextImg.delay(_duration);
		return false;
	}
	
	function prevImg(){
		$clear(timer);
		cur--;
		if(cur < 0 ) cur = total-1;
		container.tween('left', cur * 240);
		timer = nextImg.delay(_duration);
		return false;
	}
	nextImg();
	return;
}

function highlightErrors(){
	$$('.form_error').each(function(f, i){
		var myFx = new Fx.Slide(f, {
			duration: 450,
			transition: Fx.Transitions.Bounce.easeOut
		});

		myFx.hide();
		high = function(){
			myFx.slideIn();
		}
		
		high.delay(100*i);
		
	});
	
}

function setImgBox(){
	var boxes = $$("div.imgBox");
	
	boxes.each(function(box,i){
		box.oriX = box.getStyle('margin-left').toInt();
		box.oriY = box.getStyle('margin-top').toInt();
		var myFx = new Fx.Morph(box,{duration:'short'});
	
		box.addEvent('mouseover', function(e){
			var img = box.getElement('img');
			var size = img.getSize();
			
			var cx = this.oriX ;
			var cy = this.oriY ;
			var ox = -(size.x - 20) * 0.5 ;
			var oy = -(size.y - 20) * 0.5 ;
			myFx.cancel();
			myFx.start({
				'height':size.y,
				'width':size.x,
				'z-index':10,
				'margin-top':oy + cy,
				'margin-left':ox + cx
			});
		});
		
		box.addEvent('mouseout', function(e){
			myFx.cancel();
			myFx.start({
				'height':20,
				'width':20,
				'z-index':0,
				'margin-top':this.oriY,
				'margin-left':this.oriX
			});
		});
	});
}