// OnLoad actions
$().ready(function(){
    // Hide all synopsis
    var jSynopsises = $("div.arrowsynopsis");
    jSynopsises.children("div").hide();
    // Subscribe to synopsis links
    jSynopsises.children("a").click(function(eventObj){
        // Show/hide the div
        var isDivVisible = $(this).parent().children("div").toggle().is(":visible");
        // change img
        $(this).children("img").attr("src", "img/" + (isDivVisible ? "down.png" : "right.png"));
    });
    
    // Init the CloseAllSynopsisLink and OpenAllSynopsisLink
    var jCloseAllSynopsisLink = $("#CloseAllSynopsisLink");
    var jOpenAllSynopsisLink = $("#OpenAllSynopsisLink"); 
    if (jSynopsises.size() == 0)
    {
        jCloseAllSynopsisLink.hide();
        jOpenAllSynopsisLink.hide();
    }
    else
    {
        jCloseAllSynopsisLink.hide().click(function(eventObj){
            jSynopsises.each(function(){
                if ($(this).children("div.arrowsynopsiscontent").is(":visible"))
                {
                    $(this).children("a").click()
                }
            });
            jCloseAllSynopsisLink.hide();
            jOpenAllSynopsisLink.show();
        });
        jOpenAllSynopsisLink.hide().show().click(function(eventObj){
            jSynopsises.each(function(){
                if ($(this).children("div.arrowsynopsiscontent").is(":hidden"))
                {
                    $(this).children("a").click()
                }
            });
            jCloseAllSynopsisLink.show();
            jOpenAllSynopsisLink.hide();
        });
    }
    
    // Open synopsis if the url contains anchor inside synopsis
    OpenSynopsisWithNeedAnchor(document.location.href);
    
    $("a").add("area").click(function(eventObj){
        OpenSynopsisWithNeedAnchor(this.href);
    });
    
    // If the page is Interface Overview
    var jMapTextObjects = $("div.maptextobject");
    if (jMapTextObjects.size() > 0)
    {
        jMapTextObjects.filter(":eq(0)").show();
        jMapTextObjects.filter(":gt(0)").hide();
    }
})

////////////////////////////////////////////////////////
// Common function
/*
* Open synopsis with anchor that specify in url
*/
function OpenSynopsisWithNeedAnchor(url)
{
	var startPos = url.lastIndexOf("#");
	if (startPos == -1) 
	{
		return;
	}
	var anchorName = url.substring(startPos + 1, url.length);
	if (anchorName == "") 
	{
		return;
	}
	$("div.arrowsynopsis").each(function(){
	    if ($(this).find("a[name=" + anchorName + "]").size() > 0)
	    {
	        $(this).children("a").click();
	    }
	})
}

/*
* Map onmouseover handler
*/
function Map_OnMouseOver(selectId, imgName)
{
    $("div.maptextobject").hide().filter("#" + selectId).show();
    $("img[name=" + imgName + "]").attr("src", "img/" + selectId + ".png");
}

/*
* Map onmouseout handler
*/
function Map_OnMouseOut(imgName)
{
	var jMapTextObjects = $("div.maptextobject");
    jMapTextObjects.filter(":eq(0)").show();
    jMapTextObjects.filter(":gt(0)").hide();
	$("img[name=" + imgName + "]").attr("src", "img/" + imgName + ".png");
}