var plugin
var main
var layout_style = "4"
var layout_iconhide = 2
var layout_bgVisible = 1
var stage_width
var hlroot =""
var video_directory = "img/"
var img_directory = "img/"

// main tiles
var videoArr = new Array("1", "2", "3", "4", "5")

// Layout generic
var tbLeft = 200
var tbTop = 250
var tbWidth = 150
var tbText = "Hover over an icon \nto see the text."

// Layout # 2
// Icon/images in horizontal placement
var imgArr2 = new Array("10", "11", "12", "14", "13")


// Layout # 3
// Icon/images in vertical placement


// Layout # 4
// Icon/images in circle
var imgArr4 = new Array("11", "12", "13", "14", "15", "16", "17")
//                           1     2      3      4      5      6     7
var imgArr4PosX = new Array("220", "365", "450", "350", "200", "75", "90")
var imgArr4PosY = new Array("150", "175", "275", "400", "415", "325", "200")

// txtBody horizontal placement
var tbArr4Top = new Array("100", "275", "80", "100", "90", "95", "90")
var tbArr4Left = new Array("300", "25", "15", "25", "100", "140", "150")
var tbArr4Width = new Array("300", "500", "250", "500", "400", "450", "450")

var iconArr3 = new Array("10", "11", "12", "14", "13")
var txtArr = new Array(" ", " ", " ", " ", " ")
var txtArr2 = new Array(" ", " ", " ", " ", " ")
var txtArr4 = new Array(" ", " ", " ", " ", " ")
var txtArrTitles = new Array(" ", " ", " ", " ", " ")
var txtArrTitles2 = new Array(" ", " ", " ", " ", " ")
var sp = "                              "
 
var _root_xmouse = 0
var _root_ymouse = 0
var menu_hide_time = 100

var objsArr = new Array()
var mainNavArrTitles = new Array("UTILITY", "GOVERNMENT")
var mainNavArr = new Array("Nav_0", "Nav_1", "Nav_2", "Nav_3", "Nav_4", "Nav_5")
var subNavArr = new Array()
subNavArr[0] = new Array("Utility", "Features", "Online Forms", "Help")
subNavArr[1] = new Array("Agendas", "City", "Departments", "Code")
subNavArr[2] = new Array("Living", "Emergency Preparedness", "Things to Do")
subNavArr[3] = new Array("Business", "Tax", "Business Programs", "Commerce")
subNavArr[4] = new Array("Home", "Employment", "Phone Directory", "Sign", "Forms")
subNavArr[5] = new Array("Home", "Features", "FAQs", "Resources")

// Populate navigation links
var subNavLinksArr = new Array()
subNavLinksArr[0] = new Array("agLiquidTestPage.aspx", "main3.aspx", "main4.aspx", "main5.aspx", "main6.aspx")
subNavLinksArr[1] = new Array("agLiquidTestPage.aspx", "main.aspx", "main.aspx", "main.aspx")
subNavLinksArr[2] = new Array("Sub 3_1", "Sub 3_2", "Sub 3_3")
subNavLinksArr[3] = new Array("agLiquidTestPage.aspx", "main.aspx", "main.aspx")
subNavLinksArr[4] = new Array("Sub 5_1", "Sub 5_2", "Sub 5_3")
subNavLinksArr[5] = new Array("main.aspx", "main3.aspx", "main4.aspx", "main5.aspx")
        
// Populate text content for row B large images. These show on rollover of image.
txtArrTitles[0] = "Title 1 ";
txtArrTitles[1] = "Title 2 ";
txtArrTitles[2] = "Title 3 ";
txtArrTitles[3] = "Title 4 ";
txtArrTitles[4] = "Title 5 ";
txtArrTitles[5] = "Title 6 ";
txtArrTitles[6] = "Title 7 ";
txtArrTitles[7] = "Title 8 ";

// Text content for Large tiles
txtArr[0] = "lorem ipsum 10";
txtArr[1] = "lorem ipsum 11";
txtArr[2] = "lorem ipsum 12";
txtArr[3] = "lorem ipsum 13";
txtArr[4] = "lorem ipsum 14";
txtArr[5] = "lorem ipsum 15";

// Populate text content for row A smaller images. These show on rollover of image.
txtArrTitles2[0] = "b Title 10";
txtArrTitles2[1] = "b Title 11";
txtArrTitles2[2] = "b Title 12";
txtArrTitles2[3] = "b Title 13";
txtArrTitles2[4] = "b Title 14";

// Text content for small tiles
txtArr2[0] = "lorem ipsum 1";
txtArr2[1] = "lorem ipsum 2";
txtArr2[2] = "lorem ipsum 3";
txtArr2[3] = "lorem ipsum 4";
txtArr2[4] = "lorem ipsum 5";


// ---------------------------------------------------------------------------
// MAIN
// ---------------------------------------------------------------------------
function mainCanvasLoaded(s) {

	//alert("main loaded")
		
	main=s.findName("mainCanvas")
	
	plugin = s.getHost()

	//stage_width=plugin.content.actualWidth	
	stage_width=plugin.width

	buildNav(s)

	// Start up

	// Load default home page data
	hdr = main.findName("txtTitleBg_10").text = "Multi-user";	
	// Load default nav menu
	navHomeAction(s)
}



// ----------------------------------------------------------
// NAVIGATION MENU SECTION
// ----------------------------------------------------------

var colForeground = "#6fa837"
var colBorder = "#6fa837"
var colFill = "#F8F8FF"

function buildNav(s) {
   
    for (i = 0; i < mainNavArr.length; i++) {

        objsArr["nav_" + i] = new Object()
        objsArr["nav_" + i].checkSubTO = 0

        objsArr["sub_nav_" + i] = new Object()

        left_nav_pos = 12        
        main_nav_spacing = 180
        main_nav_width = 160
        main_nav_height = 20

        sub_nav_width = 155
        sub_nav_height = 20
        sub_nav_offset_top = 5
        sub_nav_spacing = 2

        sub_nav_container_width = 160
        sub_nav_container_height = subNavArr[i].length * (sub_nav_height + sub_nav_spacing) + sub_nav_offset_top * 2
        sub_nav_container_offset_top = 20 - sub_nav_container_height

        objsArr["sub_nav_" + i].top = sub_nav_container_offset_top
        objsArr["sub_nav_" + i].height = sub_nav_container_height
        objsArr["sub_nav_" + i].spotY = main_nav_height       

        nav_canvas_str = '<Canvas>'
        //nav_canvas_str += '	<Canvas Name="nav_' + i + '" Canvas.Left="' + (main_nav_spacing * 1) + '" MouseEnter="navEnter" MouseLeave="navLeave">'
        nav_canvas_str += '	<Canvas Name="nav_' + i + '" Canvas.Left="' + left_nav_pos + '"  >'
        nav_canvas_str += '		<Rectangle Name="rnav_' + i + '" Visibility="Collapsed" Fill="' + colFill + '" Height="' + main_nav_height + '" Width="' + main_nav_width + '" Opacity="0.4"></Rectangle>'
        nav_canvas_str += '		<TextBlock Name="tbnav_' + i + '" Visibility="Collapsed" Canvas.Left="8" Canvas.Top="4"  Width="' + main_nav_width + '" TextWrapping="Wrap" FontFamily="Verdana" FontSize="12">' + mainNavArr[i] + '</TextBlock>'
        nav_canvas_str += '	</Canvas>'

        nav_canvas_str += '	<Canvas>' //extra canvas for clip       (Border) Stroke="Black"
        nav_canvas_str += '		<Canvas Name="sub_nav_' + i + '"  Canvas.Left="' + left_nav_pos + '" Canvas.Top="' + sub_nav_container_offset_top + '" MouseEnter="subConEnter" >'
        nav_canvas_str += '			<Rectangle Height="' + sub_nav_container_height + '" Width="' + sub_nav_container_width + '" Opacity="0.84"></Rectangle>'

        for (j = 0; j < subNavArr[i].length; j++) {
            nav_canvas_str += '		<Canvas Name="sub_nav_' + i + '_' + j + '" Canvas.Left="5" Canvas.Top="' + ((sub_nav_height + sub_nav_spacing) * j + sub_nav_offset_top) + '" MouseEnter="subEnter" MouseLeave="subLeave" MouseLeftButtonDown="navMenuPress">'
            nav_canvas_str += '			<Rectangle Stroke="' + colBorder + '" Height="' + sub_nav_height + '" Width="' + sub_nav_width + '" Opacity="0.84"></Rectangle>'
            nav_canvas_str += '			<TextBlock Canvas.Left="8" Canvas.Top="4" Cursor="Hand" Foreground="' + colForeground + '" Width="' + sub_nav_width + '" TextWrapping="Wrap" FontFamily="Verdana" FontSize="11">' + subNavArr[i][j] + '</TextBlock> '
            nav_canvas_str += '		</Canvas>'
        }

        nav_canvas_str += '		</Canvas>'
        nav_canvas_str += '		<Canvas.Clip>'
        //nav_canvas_str += '			<RectangleGeometry Rect="' + (main_nav_spacing * i) + ',' + main_nav_height + ',' + sub_nav_container_width + ',' + sub_nav_container_height + '" />'
        nav_canvas_str += '			<RectangleGeometry Rect="' + left_nav_pos + ',' + main_nav_height + ',' + sub_nav_container_width + ',' + sub_nav_container_height + '" />'
        
        nav_canvas_str += '		</Canvas.Clip>'
        nav_canvas_str += '	</Canvas>'

        nav_canvas_str += '</Canvas>'

        //nav_canvas_str+=''
        //nav_canvas_str+=''

        xamlTags = plugin.content.createFromXaml(nav_canvas_str)
        s.findName("mainNavHolder").children.add(xamlTags)

    }

}



function navEnter(s, e, id) {

    // Select nav menu to display
    //alert(id)
    var nav_name = "nav_0"
    switch (id) {
        case "0": title1 = 'Management';
            nav_name = "nav_0"
            navLeave(s, e, "nav_1")
            navLeave(s, e, "nav_2") 
            navLeave(s, e, "nav_3")
            navLeave(s, e, "nav_4")  
            navLeave(s, e, "nav_5")                       
            break;
        case "1": title1 = 'Solutions';
            nav_name = "nav_1"
            navLeave(s, e, "nav_0")
            navLeave(s, e, "nav_2")
            navLeave(s, e, "nav_3")
            navLeave(s, e, "nav_4")
            navLeave(s, e, "nav_5")                    
            break;
        case "2": title1 = 'FAQs';
            nav_name = "nav_2"
            navLeave(s, e, "nav_0")
            navLeave(s, e, "nav_1")
            navLeave(s, e, "nav_3")
            navLeave(s, e, "nav_4")
            navLeave(s, e, "nav_5")             
            break;
        case "3": title1 = 'Contact Us';
            nav_name = "nav_3"
            navLeave(s, e, "nav_0")
            navLeave(s, e, "nav_1")
            navLeave(s, e, "nav_2")
            navLeave(s, e, "nav_4")
            navLeave(s, e, "nav_5")              
            break;
        case "4": title1 = 'Other';
            nav_name = "nav_4"
            navLeave(s, e, "nav_0")            
            navLeave(s, e, "nav_1")
            navLeave(s, e, "nav_2")
            navLeave(s, e, "nav_3")
            navLeave(s, e, "nav_5")  
            break;
        default: result = ' ';
    }
  
    navEnterAction(s, e, id, nav_name)

}

function navEnterAction(s, e, id, nav_name) {

    // Determine settings based on calling image
    ss = s.findName("mainNavHolder")
    clearTimeout(objsArr[nav_name].checkSubTO)
    var subRef = s.findName("sub_" + nav_name)
    subRef.visibility = "Visible"
    var subRefObj = objsArr["sub_" + nav_name]
    if (subRefObj.tweenY2) {
        subRefObj.tweenY2.stop()
    }

    var cur_prop = subRef["Canvas.Top"]

    subRefObj.tweenY = new Tween(new Object(), 'y', Tween.regularEaseOut, cur_prop, subRefObj.spotY, 0.5)

    subRefObj.tweenY.onMotionChanged = function(event) {
        subRef["Canvas.Top"] = event.target._pos
    }

    subRefObj.tweenY.start()

}

function navHomeAction(s) {

    // Determine settings for home page
    nav_name = "nav_5"
    clearTimeout(objsArr[nav_name].checkSubTO)
    var subRef = s.findName("sub_" + nav_name)
    //alert("sub_" + nav_name)
    subRef.visibility = "Visible"
    var subRefObj = objsArr["sub_" + nav_name]
    if (subRefObj.tweenY2) {
        subRefObj.tweenY2.stop()
    }

    var cur_prop = subRef["Canvas.Top"]

    subRefObj.tweenY = new Tween(new Object(), 'y', Tween.regularEaseOut, cur_prop, subRefObj.spotY, 0.5)

    subRefObj.tweenY.onMotionChanged = function(event) {
        subRef["Canvas.Top"] = event.target._pos
    }

    subRefObj.tweenY.start()
}


function navLeaveX(s, e) {
    
    var name_str = s.name
    objsArr[s.name].checkSubTO = setTimeout("checkSub('" + name_str + "')", menu_hide_time)

}

function navLeave(s, e, nav_name) {
    
    //alert("Hello navLeave s:" + s.name);
    var name_str = nav_name //"nav_0"
    objsArr[nav_name].checkSubTO = setTimeout("checkSub('" + name_str + "')", menu_hide_time)
    hdr2 = s.findName("r" + nav_name).Visibility = "Collapsed";
    hdr2 = s.findName("tb" + nav_name).Visibility = "Collapsed";
    
}

function checkSub(str) {


    var mainRef = main.findName(str)
    var subRef = main.findName("sub_" + str)
    mainRef.children.getItem(0).fill = "#CCC"


    var subRefObj = objsArr["sub_" + str]

    subRefObj.tweenY.stop()

    var cur_prop = subRef["Canvas.Top"]

    subRefObj.tweenY2 = new Tween(new Object(), 'y', Tween.elasticEaseOut, cur_prop, subRefObj.top, 0.2)

    subRefObj.tweenY2.onMotionChanged = function(event) {
        subRef["Canvas.Top"] = event.target._pos
    }

    subRefObj.tweenY2.start()

}


function subConEnter(s, e) {
    var name_to_find = s.name.substr(4, s.name.length)
    clearTimeout(objsArr[name_to_find].checkSubTO)
}

function subConLeave(s) {
    var name_to_find = s.name.substr(4, s.name.length)
    objsArr[name_to_find].checkSubTO = setTimeout("checkSub('" + name_to_find + "')", menu_hide_time)
    //objsArr[name_to_find].checkSubTO = setTimeout("checkSub('" + name_to_find + "')", 10)
}


function subEnter(s, e) {
    s.children.getItem(0).fill = colFill
    s.children.getItem(1).foreground = "#000"
    s.children.getItem(1).FontSize = "11"
}

function subLeave(s, e) {
    //s.children.getItem(0).effect = "Fade(duration=0.2);Alpha(style=0,opacity=70);Shadow(color='#777777', Direction=135, Strength=5)"
    s.children.getItem(0).fill = "transparent"
    s.children.getItem(1).foreground = colForeground //"#FFF"
    s.children.getItem(1).FontSize = "11"
}




function whenMouseMoves(s, e) {
    _root_xmouse = e.getPosition(null).x
    _root_ymouse = e.getPosition(null).y
    //window.status=_root_xmouse+" - "+_root_ymouse
}


function navMenuPress(s) {

    var hl = ""
    var id = s.name.split("_")[1]

    var menuid = s.name.split("_")[2]
    var submenuid = s.name.split("_")[3]
    
    //alert("menuid: " + menuid)
    //alert("submenuid: " + submenuid)
    //alert(hl)
    //hl = hlroot + subNavLinksArr[menuid][submenuid]
    hl = subNavLinksArr[menuid][submenuid]
    //alert(hl)
    window.location = hl
}

function MouseEnter(sender, args) {

    alert(sender.name);
    sender.findName("ColorAnimationItem2").Begin();

}


function fnLinkManager(s) {

    //alert(s.name)

    var id = s.name.split("_")[1]
    //alert(id)

    switch (id) {
        case "0": hl = 'main.aspx?p=9261';
            break;
        case "1": hl = 'main3.aspx?p=9159';
            break;
        case "2": hl = 'main3.aspx?p=9731';
            break;
        case "3": hl = 'main3.aspx?p=9215';
            break;
        case "4": hl = 'main3.aspx?p=9337';
            break;
        case "5": hl = 'main3.aspx?p=9337';
            break;
        default: hl = 'main3.aspx?p=9731';
    }

    window.location = hl
}