var up ="/images/Up.png";
var down = "/images/Down.png";
var loadingPanel;
function swap(id){
	
	if(id.src.match(up)){
		id.src=down
	}
	else{
			id.src=up;
	}
	
}

function hidePanels() {
	if(loadingPanel){
	 loadingPanel.hide();
	}
	if(myPanel){
		myPanel.hide();
	}
	refreshCart();
}


var catalogView = function(){
    
    var dialog, showBtn;
    
    // return a public interface
    return {
        showDialog : function(){
            if(!dialog){ 
                dialog = new Ext.BasicDialog("dialog", { 
                        autoTabs:false,
                        width:500,
                        height:300,
                        shadow:true,
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true
                });
                dialog.addKeyListener(27, dialog.hide, dialog);
                dialog.addButton('Close', dialog.hide, dialog);
            }
            dialog.show();
        }
    };
}();
function go(){

  var   dialog = new Ext.BasicDialog("dialog", { 
                        autoTabs:true,
                        width:500,
                        height:300,
                        shadow:true,
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true
                });
                dialog.addKeyListener(27, dialog.hide, dialog);
           
  
            dialog.show();
}

function showDialog() {
	go();
}

var myPanel;
function showPanel(){
	loadingPanel.hide();
	
	
	// Instantiate a Panel from markup
	myPanel = new YAHOO.widget.Panel("panel", { 
	    width:"500px",  
	    fixedcenter: true,  
	    constraintoviewport: true,  
	    underlay:"shadow",  
	    close:true,  
	    visible:false, 
		effect:{effect:YAHOO.widget.ContainerEffect.FADE, duration:0.5},
	    draggable:true} ); 
	
	myPanel.render();
	myPanel.show();
	
	
}


function wait(title, message){
	$('title').innerHTML=title;
	$('message').innerHTML=message;
	$('loading').style.display="block";
	

	loadingPanel = new YAHOO.widget.Panel("loading", { 
	    width:"500px",  
	    fixedcenter: true,  
	    constraintoviewport: true,  
	    underlay:"shadow",  
	    close:true,  
	    visible:false,  
		effect:{effect:YAHOO.widget.ContainerEffect.FADE, duration:0.2},
	    draggable:true} ); 

	loadingPanel.render();
	loadingPanel.show();
	
}


function beforeSearch(){
	$('r').className='blur';
}

function afterSearch() {
	$('r').className='';	
}

function showArrangement(id){
	wait('Loading Arrangement Details','Loading'); 
	new Ajax.Updater({success:'pl'}, '/catalog/loadArrangement/'+id, 
		{asynchronous:true, 
			evalScripts:true, 
			onComplete:function(request){showPanel()}}); 
	return false;
}