// JavaScript Document
function loadFloater(){
	Builder.dump();
	var floater = DIV({id:"floater"});
	var sOffset = document.viewport.getScrollOffsets();
	var sOffsetY = sOffset.top;
	if($('floater')){
		$('floater').remove();
	}
	$("main").appendChild(floater);
	$("floater").hide();
	$("floater").style.position = "absolute";
	$("floater").style.zIndex = "1200";
	$("floater").style.width="170px";
	$("floater").style.left= document.viewport.getWidth() -190+"px";
	$("floater").style.top = sOffsetY +"px";
	new Ajax.Request("/shopping/floater.php",{ method: 'get',  onComplete: floaterLoaded });	
}
function floaterLoaded(res){
	var responce = res.responseText;
	if(responce!= "ERROR"){
		$("floater").innerHTML = responce;
		Event.observe(window,"scroll",setPosition);
		Event.observe(window,"resize",setPosition);
		setPosition();
		if($$('#scTarget_scrl00 ul')==""){
			$('scrl00').hide();
			//$$('#floaterCart ul li')[0].hide();
		}
		else{
			$$(".cartImage").each(function(tgt){
				Event.observe(tgt,'mousedown',cartImageStartDrag.bind(this),false);
				Event.observe(tgt,'dblclick',floaterDoubleClicked.bind(this),false);
			});	
		}
		if(Prototype.Browser.IE){
			$("floater").show();
			setScroll();
		}
		else{
			$("floater").appear({afterFinish:setScroll});
		}
	}
}

function floaterDoubleClicked(e){
	var item = Event.element(e);
	var ic = item.id.split("_");
	var id   = ic[0].replace(/^c/,"");
	var color = ic[1];
	$(item.id).stopObserving('dblclick',false,false);
	location.href = "/shopping/shop.php?id="+id+"&color="+color;
	
}
function cartImageStartDrag(e){
	var item = Event.element(e);
	var id   = item.id;
	$(item.id).stopObserving('mousedown',false,false);
	new Draggable("CART_"+item.id, { scroll: window, revert: true ,zIndex:1700, onEnd:disableTrash});
	Event.observe($(item.id),'mouseup',cartImageStopDrag.bind(this),false);
	var offset = item.cumulativeOffset();
	var offsetY = offset.top;
	var offsetX = offset.left;
	startPos = offsetY+offsetX;
	var wScroll = document.viewport.getScrollOffsets();
	var woffsetY = wScroll.top;
	var woffsetX = wScroll.left;
	
	Builder.dump();
	var trash = IMG({id:"trash",src:"/img/common/trash.png",className:'trashImage'});
	$("main").appendChild(trash);
	
	$("trash").hide();
	$("trash").style.position = "absolute";
	$("trash").style.zIndex = "1250";
	$("trash").style.height="35px";
	$("trash").style.width="35px";
	$('trash').style.top = (offsetY) +30 +"px";
	$('trash').style.left = (offsetX) +30+ "px";
	
	$("trash").show();
	
	Droppables.add("trash", { hoverclass: 'hover', onDrop: function(dragged, dropped, event){ deleteItem(dragged,dropped) } });
	//alert($(item.id).id);	
}
function disableTrash(e){
	if($('trash')){
		$("trash").remove();
	}
}
function cartImageStopDrag(e){
	var item = Event.element(e);
	var id   = item.id;
	//disableCart();
	$(item.id).stopObserving('mouseup',false,false);
	Event.observe($(item.id),'mousedown',cartImageStartDrag.bind(this),false);
	//disableTrash(e);
}
function deleteItem(dragged,dropped){
	new Ajax.Request("/shopping/delcart.php?item="+dragged.id,{ method: 'get',  onComplete: itemDeleted });
}
function itemDeleted(e){
	loadFloater();
}
function setScroll(e){
	if($$('#scTarget_scrl00 ul')!=""){
		attachScroll("scrl00","vertical");
	}
}
function setPosition(e){
	var width = document.viewport.getWidth();
	var offset = document.viewport.getScrollOffsets();
	offset = offset.top;
	var posY;
	if(width>960){
		$("floater").style.left= width -190+"px";
	}
	else{
		$("floater").style.left= 960 -190+"px";
	}
	if(offset < 70){
		posY = 70+"px";
	}
	else{
		posY = offset+"px";	
	}
	$("floater").style.top = posY;
	
}