var curr_count_selected=0;
var curr_count_name='counter1';
var count_ref = new Array;
var c_img_ref = new Array;
var c_img_ref_mouse=new Array;
var slide_images=new Array;
var slide_image=new Array;
var count_image=new Array;
var time=0;
var fade_in_complete=1;
var opacity=0;
var curr_image=1;
var l_comp=0;
initiate();

//slide_show_timer
function timer(){
l_comp=1;
if (fade_in_complete == 1)
{
	time+=300;
	if(time<3000)
	{
	setTimeout("timer()",300);
	}else
	{
	c_mouse_click(count_ref[curr_image],curr_image);
	setTimeout("timer()",300);
	}
	}
else
{
	setTimeout("timer()",300);
	}
}

//initiate
function initiate()
{	
for(c=1;c<6;c++)
{
count_ref[c-1]='counter' + c;
c_img_ref[c-1]=new Image;
c_img_ref_mouse[c-1]=new Image;
slide_image[c-1]=new Image;
if (c==5)
{
slide_image[c-1].load=timer();
}
c_img_ref[c-1].src='./images/slide_counter_' + c + '.jpg';
c_img_ref_mouse[c-1].src='./images/slide_counter_mouse_' + c + '.jpg';
slide_image[c-1].src='./images/slide_image_' + c +'.jpg';
}

}

function c_mouse_enter(name,no)
{
	if (l_comp == 1)
	{
document.getElementById(name).src=c_img_ref_mouse[no].src;
	}
}

//counter_label_mouse_leave
function c_mouse_leave(name,no)
{
if (l_comp == 1)
	{
if (curr_count_selected == no)
	{
   document.getElementById(name).src=c_img_ref_mouse[no].src;
	}
	else{
	document.getElementById(name).src=c_img_ref[no].src;
	}
	}
	
}

//counter_label_mouse_click
function c_mouse_click(name,no)
{
	if (l_comp == 1) {
document.getElementById(curr_count_name).src=c_img_ref[curr_count_selected].src;
document.getElementById(name).src=c_img_ref_mouse[no].src;
curr_count_selected=no;
curr_count_name=name;
    time=0;
	document.getElementById('slide_show').src=slide_image[no].src;
	document.getElementById('slide_show').style.opacity=0;
	document.getElementById('slide_show').style.MozOpacity=0;
	document.getElementById('slide_show').style.filter = "alpha(opacity=0)";
	opacity=0;
	fade_in_image();
	curr_image=no + 1
	if (curr_image>4)
			{
				curr_image=0;
			}}
}



//image_fade_func
function fade_in_image()
{
	if (opacity<100)
	{
	document.getElementById('slide_show').style.opacity=(opacity/100);
	document.getElementById('slide_show').style.MozOpacity=(opacity/100);
	document.getElementById('slide_show').style.filter = "alpha(opacity=" + opacity +")";
opacity+=1
setTimeout("fade_in_image()",20);
		}
		else
		{
			time=0;
			fade_in_complete=1;
		}
}