$j.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    $j("<img>").attr("src", arguments[i]);
  }
}

var $expertChosen = 'exp1';
var $subExpertChosen = '';
var $refreshTrigger = true;
var $lastExpertText = 1;

function refreshExpText(exp) {
    if (exp != $expertChosen) return;
    if ($refreshTrigger == false) return;

    $j("#" + exp + "_descr_bottom_div").html($j("#" + exp + "_text" + $lastExpertText).html());

    $lastExpertText = ($lastExpertText + 1) % 4;
    if ($lastExpertText == 0) $lastExpertText = 1;

    t = setTimeout("refreshExpText('" + exp +"')",4000);
}

$j(document).ready(
	function() {
		$j.preloadImages($pagePath + "images/expert/exp1.png",
                         $pagePath + "images/expert/exp2.png",
                         $pagePath + "images/expert/exp3.png",
                         $pagePath + "images/expert/exp4.png",
						 $pagePath + "images/expert/exp5.png",
                         $pagePath + "images/expert/exp1_on.png",
                         $pagePath + "images/expert/exp2_on.png",
                         $pagePath + "images/expert/exp3_on.png",
                         $pagePath + "images/expert/exp4_on.png",
                         $pagePath + "images/expert/exp5_on.png",
                         $pagePath + "images/expert/exp1_link1_on.png",
                         $pagePath + "images/expert/exp1_link2_on.png",
                         $pagePath + "images/expert/exp1_link3_on.png",
                         $pagePath + "images/expert/exp1_link4_on.png"
                     );

		$j("#exp_img_div div img").mouseover(
			function() {
				var img= $j(this).attr('id');
				$j(this).attr({src : $pagePath + "images/expert/"+img+"_on.png"});
			}
		);

		$j("#exp_img_div div img").mouseover(
			function() {
				var img= $j(this).attr('id');
                $j("#exp1_text_div").css("display", "none");
                $j("#exp2_text_div").css("display", "none");
                $j("#exp3_text_div").css("display", "none");
                $j("#exp4_text_div").css("display", "none");
                $j("#exp5_text_div").css("display", "none");

                $j("#" + img + "_text_div").css("display", "block");
			}
		);

        $j("#exp_img_div div img").click(
			function() {
				var img = $j(this).attr('id');

                $j("#exp1_descr_div").css("display", "none");
                $j("#exp2_descr_div").css("display", "none");
                $j("#exp3_descr_div").css("display", "none");
                $j("#exp4_descr_div").css("display", "none");
                $j("#exp5_descr_div").css("display", "none");

                $j("#" +$expertChosen).attr({src : $pagePath + "images/expert/"+$expertChosen+".png"});

                $j("#" + img + "_descr_bottom_div").html($j("#" + img + "_text1").html());

                $j("#" + img + "_descr_div").css("display", "block");
                $j(this).attr({src : $pagePath + "images/expert/"+img+"_on.png"});

                $expertChosen = img;

                $lastExpertText = 1;
                $refreshTrigger = true;

                refreshExpText($expertChosen);

			}
		);


		$j("#exp_img_div div img").mouseout(
			function() {
                var img= $j(this).attr('id');
                if ($expertChosen == img) return;
				$j(this).attr({src : $pagePath + "images/expert/"+img+".png"});
			}
		);

		$j("#exp_img_div div img").mouseout(
			function() {
                $j("#exp1_text_div").css("display", "none");
                $j("#exp2_text_div").css("display", "none");
                $j("#exp3_text_div").css("display", "none");
                $j("#exp4_text_div").css("display", "none");
                $j("#exp5_text_div").css("display", "none");

                $j("#" + $expertChosen + "_text_div").css("display", "block");
			}
		);

        $j("div.links div.exp_link").click(
            function() {
                var expId = $j(this).attr('id');

                $refreshTrigger = false;

                if ($subExpertChosen != '') {
                    $j("#" + $subExpertChosen + " img").attr({src : $pagePath + "images/expert/"+ $subExpertChosen +".png"});
                }

                
                $subExpertChosen = expId;
                $j("#" + $expertChosen + "_descr_bottom_div").html($j("#" + expId + "_text").html());
            }
        );

		$j("div.exp_link img").mouseover(
			function() {
                var parentId = $j(this).parent().get(0).id;
				$j(this).attr({src : $pagePath + "images/expert/"+ parentId +"_on.png"});
			}
		);

		$j("div.exp_link img").mouseout(
			function() {
                var parentId = $j(this).parent().get(0).id;
                if ($subExpertChosen == parentId) return;
				$j(this).attr({src : $pagePath + "images/expert/"+ parentId +".png"});
			}
		);

        refreshExpText($expertChosen);
    }
);