var scrollDest = 'titleDiv';

function showQuickView(name,type){

	positionElements();
	$('titleDiv').className='popUpTitleDiv';
	$('popupWrap').style.display='none';
	$('loadingMsg').style.display='block';


	//Effect.SlideDown('loadingMsg');
	var opts = {
		onComplete:showResponse
	};
	var ajax = new Ajax.Updater('testDiv','/ajax/ajaxView/catalog/'+name+'/'+type,opts);
	//showResponse();
		
}

function showResponse(){
	$('loadingMsg').style.display='none';
	Effect.BlindDown('popupWrap');
	try{
	    initLightbox();
	}catch(err){
	    
	}
}

function removeQuickView(){
	$('titleDiv').className='';	
	$('popupWrap').style.display="none";
	//Effect.Fade('popupWrap');
}

function replaceCart(){
    try{
	var ajax = new Ajax.Updater('cartReplacement','/ajax/ajaxCart',null);
    }catch(err){
	alert(err);
    }
}

function positionElements(){
	var descy = 0;
	if(document.documentElement && document.documentElement.scrollTop){
		descy = descy+document.documentElement.scrollTop;
	}else{
		descy = descy+document.body.scrollTop;
	}
	
	$('popupWrap').style.top = 40 + descy + 'px';
	$('loadingMsg').style.top = 40 + descy + 'px';
	$('addingMsg').style.top = 40 + descy + 'px';
}

function addAjaxItem(itemId){
	//removeQuickView();
	$('popupWrap').style.display='none';
	Element.scrollTo( $(scrollDest) );
	positionElements();	
	$('addingMsg').style.display='block';
	var formVal = Form.serialize('itemForm_'+itemId);
	//alert(formVal);
	var ajax = new Ajax.Updater('cartReplacement','/ajax/addCart?'+formVal,{onSuccess:pulsateCartDelay});
	return false;
}

function pulsateCartDelay(){
	setTimeout('pulsateCart();',20);
}

function pulsateCart(){
	$('titleDiv').className='';
	$('addingMsg').style.display='none';	
	//Effect.ScrollTo('titleDiv');
	$('cartStats').className = 'pulsing';
	Effect.Pulsate('cartStats',{afterFinish:finishPulsateCart});
	try{
	    Effect.BlindDown('justAdded');			
	}catch(err){
	    //no justAdded div
	}
	
}

function finishPulsateCart(){
	$('cartStats').className = '';
	setTimeout('dropOutJustAdded()',3000);
}

function dropOutJustAdded(){
    try{
	Effect.DropOut('justAdded');
    }catch(err){
	//no justAdded div
    }
}

function activateImage(imgId){
	var images = $('imageViews').childNodes;
	for(i=0;i<images.length;i++){
		if(images[i].id == imgId){
			images[i].className='picView';
		}else{
			images[i].className='hidden';	
		}
	}
}

function activateHover(indexId){
	$('hoverImg_'+indexId).className = 'img hoverImg';
}

function deactivateHover(indexId){
	$('hoverImg_'+indexId).className = 'img';
}