//constants 
defaultIframeSize = 500;
selectedImage = 'imatges_contingut/sunOK.jpg';
selectedMenu = 'mainPageButton';
doingEffect = false;
//done = false;
function crossfadeIn(which, effect){
	//if(done == false){
		if(selectedMenu != which){
			//console.log("if appear"); 							
			//Effect.Appear(which,{duration: 0.2});
			$(which).style.display = '';
			//console.log("appear " + which); 
		}
}

function crossfadeOut(which, effect){
		if(selectedMenu != which){
			//console.log("if fade"); 											
			//Effect.Fade(which,{duration: 0.2});		
			$(which).style.display = 'none';			
			//console.log("fade " + which); 
		}
}


function showFrame(who,which,image,newSizeOfIframe){	

	if(selectedMenu != who && doingEffect == false){
		//case default iframe size is desired
		//if(newSizeOfIframe == 'default'){
			newSizeOfIframe = defaultIframeSize;
		//}
		
		//fade out old button in case is not the same menu o no menu is selected
		fadeElement = $(selectedMenu);
		if(selectedMenu != null && fadeElement)
			Effect.Fade(selectedMenu,{duration: 0.5});	
		
		//store on which page we are to node fade the button
		selectedMenu = who;	
		
		//change page	
		Effect.BlindUp('contentIFrame',{duration: 1.0});
		//Effect.Puff('contentImage', { duration: 1.0 });
		if(selectedImage != image){
			Effect.Fade('contentImage',{ duration: 1.0 });		
			selectedImage = image;
		}
		
		doingEffect = true;
							
		setTimeout(function(){
							//set new size of iframe
						    $('contentIFrame').height=newSizeOfIframe;
							
							//do other stuff
							$('contentIFrame').src = which;
							if($('contentImage').src != image){
								$('contentImage').src = image;
								Effect.Appear('contentImage',{duration: 1.0});							
							}
							Effect.BlindDown('contentIFrame',{duration: 1.0});
							
							//stop doing effect
							setTimeout(function(){doingEffect = false;$('contentImage').style.display = '';}, 1010);	
		
						}, 1010
					);	
	}
}