//Editable
var EventRotateTime = 3; //Timer to rotate eventimage in seconds
var RotateDuration = 2;
var ImageListArray = new Array("images/womenrock_bnr.jpg");
var ImageAltTextListArray = new Array("Women Of Rock Royal Albert Hall in London, UK Sunday Nov 1st, 2009.");
var ImageLinkArray = new Array("javascript:ShowPopup('WOR')");


//Do not edit
var CurImgId = -1;
var NextImgId;
var tmpImg;
var ImageArray = new Array();

window.onload = function(){
    //preload images
   for(i=0; i<ImageListArray.length; i++){
    tmpImg = new Image();
    tmpImg.src = ImageListArray[i];
    ImageArray[i] = tmpImg; 
   }
   
   //set rotation interval   
   //RotateEventImage();
}

function openEventWindow(url){
    window.open(url,'events','menubar=yes,width=420,height=500,scrollbars=yes');
}

function onAppear(){        
        var img1 =	document.getElementById("EventsBoxHeader");	
		var img2 =	document.getElementById("EventImage2");	
        var altImg = document.getElementById("EventImageAlt");	
        var imgLink = document.getElementById("EventImageLink");
        
        altImg.alt = ImageAltTextListArray[CurImgId]
        imgLink.href = ImageLinkArray[CurImgId];
        
		img1.style.background= 'url('+ImageArray[CurImgId].src+')';	
		img2.style.display = "none";
		img2.style.background = 'url('+ImageArray[NextImgId].src+')';		
		
		setTimeout("RotateEventImage()", EventRotateTime * 1000);				
	}
	
	function RotateEventImage(){				
		CurImgId++;				
		new Effect.Appear('EventImage2',{ duration: RotateDuration, afterFinish: function( effect ) {onAppear();} } );
				
		if(CurImgId >= ImageArray.length){
		    CurImgId = 0;		
		}		
		if(CurImgId + 1 >= ImageArray.length) {
		    NextImgId = 0; 		     
		}else {
		    NextImgId = CurImgId + 1;
		}			
	}

function ShowPopup(divID){
         
   switch (divID){
            
        
       case 'PhotoGalleryPopup':
       var newdiv= document.createElement('div');
	   newdiv.id="PhotoGalleryPopupFlash";
	   $('PhotoGalleryPopupFlashHolder').appendChild(newdiv);
       var flashVars = {};
       flashVars.tags = "pinktober 2009";
       var params = {};
       params.wmode = "transparent";           
       params.loop = true;
       swfobject.embedSWF("gallery/FlickrSlideShow.swf", "PhotoGalleryPopupFlash", "490", "473", "8.0.0","", flashVars, params);       
       break;
       
       case 'UploadSection':       
       try{ 
            document.getElementById("ifrmUpload").src = "gallery/uploadphoto.aspx";
            new Effect.SlideUp('PhotoGallerySection',{ duration:1});
            new Effect.SlideDown(divID,{ duration:1, delay:.8});            
        }catch (e){
            document.getElementById('PhotoGalleryPopup').style.display = "none";
            document.getElementById(divID).style.display = "block";
            
        }
       return;
       break;
        
       default:   
        $("ContentFooter").style.display = 'none';
       break;       
   }
   
    try{
        new Effect.Appear(divID,{ duration:.5});
    }catch (e){
        document.getElementById(divID).style.display = "block";
    }
}

function HidePopup(divID){
   
    
     
   switch (divID){
       
       
       case 'PhotoGalleryPopup': 
       new Effect.SlideUp(divID,{ duration:1});         
      // setTimeout("function () {$('PhotoGalleryPopupFlashHolder').removeChild($('PhotoGalleryPopupFlash')) }", 200 );
      $('PhotoGalleryPopupFlashHolder').removeChild($('PhotoGalleryPopupFlash'));       
       break;
       
       case 'UploadSection':       
       try{
            new Effect.SlideUp(divID,{ duration:1});
            new Effect.SlideDown('PhotoGallerySection',{ duration:1, delay: .8});
       }catch (e){
            document.getElementById('PhotoGalleryPopup').style.display = "block";
            document.getElementById(divID).style.display = "none";
        }
       return;
       break; 
       
       default:
        //$("ContentFooter").style.display = 'block';
        new Effect.Appear("ContentFooter",{ duration:2});
       break;      
   }
   
   
    try{
        new Effect.Puff(divID,{ duration:.5});
    }catch (e){
        document.getElementById(divID).style.display = "none";
    }
}

function RollOver(el, src){
    el.src = src;
}