haccordion.setup({
	accordionid: 'haccordion', 
	paneldimensions: {peekw:'33px', fullw:'550px', h:'363px'},
	selectedli: [0, true], 
	collapsecurrent: false 
})
$(function() {
	var a = new Array();
	$("#haccordion .hpanel").each(function() { a.push(this); });
	var t = setInterval(showPanel, 7000);
	var i = 0;
	
	function showPanel() {
		$(a[i]).trigger("mouseenter");
		i == a.length ? i = 0 : i++;
	}
	
    random_imglink();
});

function random_imglink() {
    var myimages1=new Array()
    //specify random images below. You can have as many as you wish
    //myimages1[0]="/images/homepage/left/opaque.jpg"
	myimages1[0]="/images/homepage/left/l01.jpg"
	myimages1[1]="/images/homepage/left/l02.jpg"
	myimages1[2]="/images/homepage/left/l03.jpg"
	myimages1[3]="/images/homepage/left/l04.jpg"

    var myimages2=new Array()
    //specify random images below. You can have as many as you wish
	myimages2[0]="/images/homepage/center/c01.jpg"
	myimages2[1]="/images/homepage/center/c02.jpg"
	myimages2[2]="/images/homepage/center/c03.jpg"
	myimages2[3]="/images/homepage/center/c04.jpg"

    var myimages3=new Array()
    //specify random images below. You can have as many as you wish
    myimages3[0]="/images/homepage/right/r01.jpg"
    myimages3[1]="/images/homepage/right/r02.jpg"

    //specify corresponding links below
    var imagelinks1=new Array()
    //imagelinks1[0]="/item.asp?pid=1415"
	imagelinks1[0]="/item.asp?pid=1684"
	imagelinks1[1]="/item.asp?pid=1687"
	imagelinks1[2]="/item.asp?pid=1652"
	imagelinks1[3]="/item.asp?pid=1645"

    var imagelinks2=new Array()
	imagelinks2[0]="/list.asp?id=509"
	imagelinks2[1]="/sublist.asp?id=91"
	imagelinks2[2]="/sublist.asp?id=91"
	imagelinks2[3]="/list.asp?id=410"
	
    var imagelinks3=new Array()
    imagelinks3[0]="/item.asp?pid=1415"
    imagelinks3[1]="/sublist.asp?id=81"

    var imageIndex1=Math.floor(Math.random()*myimages1.length)
    var imageIndex2=Math.floor(Math.random()*myimages2.length)
    var imageIndex3=Math.floor(Math.random()*myimages3.length)

    $("#panel1").attr("src", myimages1[imageIndex1]).click(function() {
        if(imagelinks1[imageIndex1].length > 0)
          window.location = imagelinks1[imageIndex1];
    });
    $("#panel2").attr("src", myimages2[imageIndex2]).click(function() {
        if(imagelinks2[imageIndex2].length > 0)
            window.location = imagelinks2[imageIndex2];
    });
    $("#panel3").attr("src", myimages3[imageIndex3]).click(function() {
        if(imagelinks3[imageIndex3].length > 0)
            window.location = imagelinks3[imageIndex3];
    });

}