function preloadAll() {
	
	preloadImagesBanner();
	
	//theBannerRotator();
	
	//randomImage();
}


//banner rotator

function randomImage() {

bgImageTotal=12;
randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1;
imgPath=('/cafc2011/images/TopAni/topbanner_01roller'+randomNumber+'.jpg');
$('#randomimage').append('<img src='+imgPath + ' width="193" height="117" border=0 alt="">');

}

function theBannerRotator() {

		$('div#bannerrotator').hide();
	//Set the opacity of all images to 0
	$('div#bannerrotator ul li').css({opacity: 0.0});

	//Get the first image and display it (gets set to full opacity)
	$('div#bannerrotator ul li:first').css({opacity: 1.0});

	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('bannerRotate()()',2000);

}

function bannerRotate() {

	//Get the first image
	var current = ($('div#bannerrotator ul li.show')?  $('div#bannerrotator ul li.show') : $('div#bannerrotator ul li:first'));

	//Get next image, when it reaches the end, bannerRotate() it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#bannerrotator ul li:first') :current.next()) : $('div#bannerrotator ul li:first'));



	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.6})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 2010)
	.removeClass('show');

};

//banner

function newImageBanner(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImagesBanner() {

	if (document.images && (preloadFlagBanner == true)) {
		for (var i=0; i<changeImagesBanner.arguments.length; i+=2) {
			document[changeImagesBanner.arguments[i]].src = changeImagesBanner.arguments[i+1];
		}
	}
}

var preloadFlagBanner = false;
function preloadImagesBanner() {

	if (document.images) {
		topbanner_03buttons_CONTACTUS_over = newImageBanner("images/topbanner_03buttons-CONTACT.jpg");
		topbanner_03buttons_FINDUS_over = newImageBanner("images/topbanner_03buttons-FINDUS_.jpg");
		topbanner_03buttons_CLUBSHOP_over = newImageBanner("images/topbanner_03buttons-CLUBSHO.jpg");
		topbanner_03buttons_VENUE_over = newImageBanner("images/topbanner_03buttons-VENUE_o.jpg");
		topbanner_03buttons_SOCCERSCHOOLS_over = newImageBanner("images/topbanner_03buttons-SOCCERS.jpg");
		topbanner_03buttons_CALENDAR_over = newImageBanner("images/topbanner_03buttons-CALENDA.jpg");
		preloadFlagBanner = true;
	}
}


///////////////////////////// SIDE BUTTONS

function newImageSideButtons(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImagesSideButtons() {
	if (document.images && (preloadFlagSB == true)) {
		for (var i=0; i<changeImagesSideButtons.arguments.length; i+=2) {
			document[changeImagesSideButtons.arguments[i]].src = changeImagesSideButtons.arguments[i+1];
		}
	}
}

var preloadFlagSB = false;
function preloadImagesSB() {
	if (document.images) {
		sidebut1_over = newImageSideButtons("images_sidebuts/sidebut1-over.png");
		sidebut2_over = newImageSideButtons("images_sidebuts/sidebut2-over.png");
		sidebut3_over = newImageSideButtons("images_sidebuts/sidebut3-over.png");
		sidebut4_over = newImageSideButtons("images_sidebuts/sidebut4-over.png");
		sidebut5_over = newImageSideButtons("images_sidebuts/sidebut5-over.png");
		preloadFlagSB = true;
	}
}


 

function getAddr (link) {
	
	
	add = link;
	
	if (link.lastIndexOf('http') == -1) 
	 {
	   add = window.location.protocol + "//" + window.location.host  + encodeURI( link );
	   //add = escape(add);
	  }
	
			
	return add;
}


function createTopMenu () {

     //la tavola del mainmenu     
     $("#menutop").append("<table id='tblMainMenu' ><tbody><tr></tr></tbody></table>");                 
     $("#tblMainMenu").addClass('tblMainMenu');	

     //aggiungiamo left border of the MENU
     $("#tblMainMenu tr:first").append("<td class='left'>&nbsp;</td>");	

}

function createSubMenu() {
     //e del submenu   
     $("#submenu1").append("<table id='tblSubmenu' border=0 ><tbody><tr></tr></tbody></table>");   
     $("#tblSubmenu").addClass('tblSubmenu');	
     
      //aggiungiamo left border of the MENU
     $("#tblSubmenu tr:first").append("<td class='left'>&nbsp;</td>");	


}



// adds a top level item
function topMenuAddItem(childid, menuid, i, itm) {

	 //aggiungiamo left border of tab
	if (i > 0) $("#tblMainMenu tr:first").append("<td class='tableft'>&nbsp;&nbsp;</td>");	
     
     
        //draws the td 
      	$("#tblMainMenu tr:first").append("<td >"+"<a id=mm" + childid + ">"+itm.caption+"</a>"+"</td>");	
 	


 	
       if (itm.id == menuid) {
        $("#mm"+childid).addClass('menuTopItemSelected');
        
       	
       }
       else {
        $("#mm"+childid).addClass('menuTopItem');
       
       }
       
      
       $("#mm"+childid).attr('href',itm.link );
       
       $("#tblMainMenu tr:first").append("<td class='right' >&nbsp;</td>");	
     
     
    // $("#"+childid).css('position','relative');
   //  $("#"+childid).css('left',itm.left);
    // $("#"+childid).css('top',itm.top);
    
    

	
}

//SUBMENU



function PositionMenuTEST (menuid,submenuid) {
	
	createTopMenu();
     
	createSubMenu();     
	
	//numero top level menus
	var numMM = TopLevelMenu.length;
      	
      	
	//for each item    
	 $.each(TopLevelMenu, function (i, itm) {


		var childid = 'MenuTop_'+itm.id;	


		topMenuAddItem(childid, menuid, i, itm);	


 	      //per ogni submenu of the selected mm
		if (itm.submenu != null && itm.id == menuid ) 

		     $.each(itm.submenu, function (j, subitm) {


				var subchildid = 'sm_'+itm.id+subitm.id;
				
				//draws the td of the submenu
				$("#tblSubmenu tr:first").append("<td>"+"<a id="+subchildid+">"+subitm.caption+"</a>"+"</td>");	

				if (i > 0) $("#tblSubmenu tr:first").append("<td class='tableft'>&nbsp</td>");	
     
			        if (subitm.id == submenuid) 
				    $("#"+subchildid).addClass('subMenuItemSelected');

				 else
				     $("#"+subchildid).addClass('subMenuItem');



			     $("#"+subchildid).attr('href',subitm.link);
			   //  $("#"+subchildid).css('position','relative');
			  //   $("#"+subchildid).css('left',subitm.left);
			  //   $("#"+subchildid).css('top',subitm.top);


		     })  







	});
}




function PositionMenuWorkingOldStyle (menuid,submenuid) {
        

 $.each(TopLevelMenu, function (i, itm) {
  	var childid = 'MenuTop_'+itm.id;
  	
  	$("#menutop").append("<a id=" + childid + ">"+itm.caption+"</a>");  
 	 
       if (itm.id == menuid)
          $("#"+childid).addClass('menuTopItemSelected');
      else
         $("#"+childid).addClass('menuTopItem');
     
     $("#"+childid).attr('href',itm.link);
     $("#"+childid).css('position','relative');
     $("#"+childid).css('left',itm.left);
     $("#"+childid).css('top',itm.top);

      //per ogni submenu
             if (itm.submenu != null && itm.id == menuid ) 
             $.each(itm.submenu, function (j, subitm) {
              
          
                	var subchildid = 'sm_'+itm.id+subitm.id;
                 	//$("<a id="+subchildid+">"+subitm.caption+"</a>").appendTo("#submenu1");
                 	$("#submenu1").append ("<a id="+subchildid+">"+subitm.caption+"</a>");
        
                     if (subitm.id == submenuid) 
                         $("#"+subchildid).addClass('subMenuItemSelected');
                 	 else
                 	     $("#"+subchildid).addClass('subMenuItem');
                     $("#"+subchildid).attr('href',subitm.link);
                     $("#"+subchildid).css('position','relative');
                     $("#"+subchildid).css('left',subitm.left);
                  //   $("#"+subchildid).css('top',subitm.top);
                            

             })   //end foreach subitems
  
});
}


/*
<div id="dolphincontainer">
	<div id="dolphinnav">
	<ul>
	<li><a href="#"><span>Home</span></a></li>
	<li><a href="#" rel="joey"><span>Joey</span></a></li>
	
	<div id="dolphin_inner">
	
		<div id="joey" class="innercontent">

*/
function PositionMenu (menuid,submenuid) {
       
       
	 $.each(TopLevelMenu, function (i, itm) {
		var itemid = 'mm_'+itm.id;
		var linkid = 'lnk_'+itm.id;
		var tableid = "tbl_"+itemid;

		$("#mainmenu").append ("<li><a id="+linkid+" href=# rel="+itemid+" ><span>"+itm.caption+"</span></a></li>");
		$("#"+linkid).attr('href',itm.link);
				
		$("#dolphin_inner").append("<div id="+itemid+" class=innercontent/>");
		        
		 $("#"+itemid).append("<table id="+tableid+ " cellpadding=0  border=0 ><tbody><tr></tr></tbody></table>");           
		
		
		//Aggiungiamo HOME con link lo stesso del tab
		var subchildid = 'sm_home'+itm.id;	  
				               	
		$("#"+tableid + " tr:first").append("<td>"+"<a id="+subchildid+">Home</a>"+"</td>");	
				        
		if (-1 == submenuid) 
		      	$("#"+subchildid).addClass('subMenuItemSelected');
		else
			$("#"+subchildid).addClass('subMenuItem');
		                     		
                $("#"+subchildid).attr('href',itm.link);    
		
		
		 $.each(itm.submenu, function (j, subitm) {
		              
			        var subchildid = 'sm_'+itm.id+subitm.id;	  
		               	
		        	$("#"+tableid + " tr:first").append("<td nowrap=true>"+"<a id="+subchildid+">"+subitm.caption+"</a>"+"</td>");	
		        
		                if (subitm.id == submenuid) 
		                	$("#"+subchildid).addClass('subMenuItemSelected');
                 	 	else
                 	     		$("#"+subchildid).addClass('subMenuItem');
                     		
                     		$("#"+subchildid).attr('href',subitm.link);        
		
		 })   //end foreach subitems
  

	});
	
	
	dolphintabs.init("dolphinnav", menuid);
	
	preloadImagesBanner();
	preloadImagesSB();
	//$('body').css('display','block');
	
 	 //$("body").css("background-image", "url(images/grass-pattern-22.gif");

}