var totaldiv=6;
  		 
 
   function showhide(thediv)
  {			
  
 			 var thediv;
			 //hide All div
			 for(i=1;i<=totaldiv;i++)
			 {
				 	 thediv_tohide="div_"+i
					 
					 //Evaluate Class Name with div ids
					 // selected class to apply 
					 thediv_toitemchangeclass_selected="coollist_item_"+i
					 thediv_toitemclass_selected="coollist_item_selectedbg"

					 // normal class to apply 
					 thediv_toitemchangeclass_normal="coollist_item_"+i
					 thediv_toitemclass_normal="coollist_item_normalbg"
				
		        document.getElementById(thediv_toitemchangeclass_selected).className = thediv_toitemclass_selected;

			

			//dont not hide the which is current open for toggling purpose and apply the selected class on it otherwise all normal class applied
						if(i!=thediv)
						{	
					    document.getElementById(thediv_tohide).style.display = "none";	
					   thediv_up_toshow="up_"+i
						  thediv_down_toshow="down_"+i
					     document.getElementById(thediv_up_toshow).style.display = "block";
					    document.getElementById(thediv_down_toshow).style.display = "none";
			    document.getElementById(thediv_toitemchangeclass_normal).className = thediv_toitemclass_normal;

						 }
			 }

 			  thediv_toshow="div_"+thediv
  			   thediv_up_toshow="up_"+thediv
    		   thediv_down_toshow="down_"+thediv
			   
			   //toggle
			   
			   if(document.getElementById(thediv_toshow).style.display == "none")
				{
				document.getElementById(thediv_toshow).style.display = "block";
				 document.getElementById(thediv_up_toshow).style.display = "none";
				   document.getElementById(thediv_down_toshow).style.display = "block";
			}
			else
			{
				document.getElementById(thediv_toshow).style.display = "none";
				 document.getElementById(thediv_up_toshow).style.display = "block";
				   document.getElementById(thediv_down_toshow).style.display = "none";
			}
		 
				 

			 
  
	}  
 
 
 function hidealldiv()
 
 {

  
 			 var thediv;
			 //hide All div
			 for(i=1;i<=totaldiv;i++)
			 {
				 	 thediv_tohide="div_"+i
							
					    document.getElementById(thediv_tohide).style.display = "none";	
					   thediv_up_toshow="up_"+i
						  thediv_down_toshow="down_"+i
					     document.getElementById(thediv_up_toshow).style.display = "block";
					    document.getElementById(thediv_down_toshow).style.display = "none";
				
				 thediv_tohide="div_"+i
					 
					 //Evaluate Class Name with div ids
				 

					 // normal class to apply 
					 thediv_toitemchangeclass_normal="coollist_item_"+i
					 thediv_toitemclass_normal="coollist_item_normalbg"
				
			    document.getElementById(thediv_toitemchangeclass_normal).className = thediv_toitemclass_normal;
			 }
 }
	 
 
 
 
function showalldiv()
 
 {

  
 			 var thediv;
			 //hide All div
			 for(i=1;i<=totaldiv;i++)
			 {
				 	 thediv_tohide="div_"+i
							
					    document.getElementById(thediv_tohide).style.display = "block";	
					   thediv_up_toshow="up_"+i
						  thediv_down_toshow="down_"+i
					     document.getElementById(thediv_up_toshow).style.display = "none";
					    document.getElementById(thediv_down_toshow).style.display = "block";
					
					//Evaluate Class Name with div ids
					 // selected class to apply 
					 thediv_toitemchangeclass_selected="coollist_item_"+i
					 thediv_toitemclass_selected="coollist_item_selectedbg"

			 
		        document.getElementById(thediv_toitemchangeclass_selected).className = thediv_toitemclass_selected;
			 }
 }
	 
 
 
 
//rollOver and roll out are not used
function rollOver(id)
{
					idindex=id.split("_");

					//Evaluate Class Name with div ids
					 // rollOver class to apply 
					 thediv_toitemchangeclass_rollover="coollist_item_"+idindex[1]
					 thediv_toitemclass_rollover="coollist_item_rollover"

					 
				
		        document.getElementById(thediv_toitemchangeclass_rollover).className = thediv_toitemclass_rollover;
}


function rollOut(id)
{
					idindex=id.split("_");

					//Evaluate Class Name with div ids
					 // rollOver class to apply 
					 thediv_toitemchangeclass_rollover="coollist_item_"+idindex[1]
					 thediv_toitemclass_rollover="coollist_item_normalbg"

					 
				
		        document.getElementById(thediv_toitemchangeclass_rollover).className = thediv_toitemclass_rollover;
}
hidealldiv();