$(document).ready(
        function(){ 

			var number = $('.vcvideoentry').size();
			if(number == 1)
			{
			    $("#videoconsole ul li ul").css("height", "17.45em");
                            $("#videoconsole ul li ul li.text").css("height", "8.1em");
			}
			else if(number == 3)
			{
			    $("#videoconsole ul li ul").css("height", "14.65em");
                            $("#videoconsole ul li ul li.text").css("height", "4.3em");
			}
			else if(number == 4)
			{
			    $("#videoconsole ul li ul").css("height", "13.3em");
                            $("#videoconsole ul li ul li.text").css("height", "2.35em");
			}
			/*
                       else 
			{
			    $("#videoconsole ul li ul").css("height", "16em");
                            $("#videoconsole ul li ul li.text").css("height", "6.2em");
			}*/


			$("#videoconsole ul li ul").css("display", "block");		

			$("#videoconsole ul li ul#video2").hide();
            $("#videoconsole ul li ul#video2").fadeTo("fast", 0.0);
			
			$("#videoconsole ul li ul#video3").hide();
            $("#videoconsole ul li ul#video3").fadeTo("fast", 0.0);
		
		    $("#videoconsole ul li ul#video1").show();
            $("#videoconsole ul li ul#video1").fadeTo("slow", 0.8);
			$("#videoconsole ul li#video1 img").eq(0).replaceWith("<img src='/Templates/Images08/arrowdown.jpg' width='16' height='16'/>");
			
		   /* hide video dispalys*/
		 /*  $("#videodisplay1").hide(); 
		   $("#videodisplay2").hide(); 
		
		   */
		/*    $("#videoconsole ul li#video1 a").click(function(event){*/
		        /*   on picture click, display appt video*/
		/*       $("#videodisplay1").show();
		        
		        event.preventDefault();
		        }
		    )*/
		    
	/*	    $("#videoconsole ul li#video2 a").click(function(event){   */
		       /*   on picture click, display appt video*/
	/*	       $("#videodisplay2").show();
		        
		        event.preventDefault();
		        }
		    )
		
*/
			
			$("#videoconsole ul li#video1").hover(

                function(){
				   /* hide video2 display, so that next time disaply reverts to picture */
				   $("#videodisplay2").hide(); 
				       /*change images */
					$("#videoconsole ul li#video1 img").eq(0).replaceWith("<img src='/Templates/Images08/arrowdown.jpg' width='16' height='16'/>");
					$("#videoconsole ul li#video2 img").eq(0).replaceWith("<img src='/Templates/Images08/arrowright.jpg' width='16' height='16'/>");
					$("#videoconsole ul li#video3 img").eq(0).replaceWith("<img src='/Templates/Images08/arrowright.jpg' width='16' height='16'/>");
				
					
				    $("#videoconsole ul li ul#video2").hide();
                    $("#videoconsole ul li ul#video2").fadeTo("fast", 0.0); 
					
					$("#videoconsole ul li ul#video3").hide();
                    $("#videoconsole ul li ul#video3").fadeTo("fast", 0.0); 

                    $("#videoconsole ul li ul#video1").show();                    
                    $("#videoconsole ul li ul#video1").fadeTo("slow", 0.8);
               /*     
                      $("#videodisplay1").hide(); 
		             $("#videodisplay2").hide(); */
                    //TODO: Need to identify (IE) the state of the selected tab 
                    // (is the menu visible - if so, exit without doing anything)
			/*		
                    $(".selected a").fadeTo("slow",0.5);
                    $(".selected").fadeTo("slow",0.5);
			*/
                },
            
                function(){
				
                }
            )
			
			$("#videoconsole ul li#video2").hover(

                function(){
				    /* hide video1 display, so that next time disaply reverts to picture */
				   $("#videodisplay1").hide(); 
				    /*change images */
					$("#videoconsole ul li#video1 img").eq(0).replaceWith("<img src='/Templates/Images08/arrowright.jpg' width='16' height='16'/>");
					$("#videoconsole ul li#video2 img").eq(0).replaceWith("<img src='/Templates/Images08/arrowdown.jpg' width='16' height='16'/>");
					$("#videoconsole ul li#video3 img").eq(0).replaceWith("<img src='/Templates/Images08/arrowright.jpg' width='16' height='16'/>");
					
				    $("#videoconsole ul li ul#video1").hide();
                    $("#videoconsole ul li ul#video1").fadeTo("fast", 0.0); 

					$("#videoconsole ul li ul#video3").hide();
                    $("#videoconsole ul li ul#video3").fadeTo("fast", 0.0); 
					
                    $("#videoconsole ul li ul#video2").show();                    
                    $("#videoconsole ul li ul#video2").fadeTo("slow", 0.8);
                    
                    
		             
                    //TODO: Need to identify (IE) the state of the selected tab 
                    // (is the menu visible - if so, exit without doing anything)
					
			/*		
                    $(".selected a").fadeTo("slow",0.5);
                    $(".selected").fadeTo("slow",0.5);
			*/
               },
            
                function(){
				
                }
            )


		   $("#videoconsole ul li#video3").hover(

                function(){
				
				
					
					$("#videoconsole ul li#video1 img").eq(0).replaceWith("<img src='/Templates/Images08/arrowright.jpg' width='16' height='16'/>");
					$("#videoconsole ul li#video2 img").eq(0).replaceWith("<img src='/Templates/Images08/arrowright.jpg' width='16' height='16'/>");
					$("#videoconsole ul li#video3 img").eq(0).replaceWith("<img src='/Templates/Images08/arrowdown.jpg' width='16' height='16'/>");
					
				    $("#videoconsole ul li ul#video1").hide();
                    $("#videoconsole ul li ul#video1").fadeTo("fast", 0.0); 

                    $("#videoconsole ul li ul#video2").hide();
                    $("#videoconsole ul li ul#video2").fadeTo("fast", 0.0);  
				
                    $("#videoconsole ul li ul#video3").show();                    
                    $("#videoconsole ul li ul#video3").fadeTo("slow", 0.8);
                    
                    //TODO: Need to identify (IE) the state of the selected tab 
                    // (is the menu visible - if so, exit without doing anything)
					/*
                    $(".selected a").fadeTo("slow",0.5);
                    $(".selected").fadeTo("slow",0.5);*/
                },
            
                function(){
				
                }
            )



		});
