var Dom = YAHOO.util.Dom;
var Event = YAHOO.util.Event;
var endPoint;
var hideTimeout;
var showTimeout;
var link_arr = new Array();

var link_arr_collection;
var toGet = new Array();

function initNavigation()
{
//alert("inside of dom");
endPoint = Dom.getRegion("subnavigation").height;
Dom.addClass("subnavigation","show");
Dom.setStyle("subnavigation","height","0");
Dom.setStyle("subnavigation","visibility","visible");
link_arr_collection = Dom.get("mainnavigation").getElementsByTagName("a");
var brokenlink;
toGet = ['produkter','kunder','partnere','services','over','kontakt'];
var ele=0;
while(ele<toGet.length){
for(var i=0; i<link_arr_collection.length; i++)
{
//alert("link_arry collection =="+link_arr_collection[i]);
var forbrokenlink = "'"+link_arr_collection[i]+"'";
brokenlink = forbrokenlink.split("/");

if (toGet[ele]==brokenlink[brokenlink.length-2])
{
link_arr[ele] = link_arr_collection[i];
//alert(link_arr[ele]);
break; 
}
}
ele++;
}

}
//Event.onDOMReady(initNavigation);

YAHOO.util.Event.addListener(window ,'load', function() {
    initNavigation();
});

function showSubnav()
{
resetHighLite();
clearTimeout(hideTimeout);
/*var attributes = {
height: { to: endPoint }
};*/
var subnavExpand = new YAHOO.util.Anim('subnavigation',{height: {to: 120}} , .2, YAHOO.util.Easing.easeOut);
subnavExpand.animate();
}

function hideSubnav()
{
resetHighLite();
var attributes = {
height: { to: 0 }
};
var subnavContract = new YAHOO.util.Anim('subnavigation', attributes, .2, YAHOO.util.Easing.easeOut);
subnavContract.animate();
}

function delayHideSubnav()
{
clearTimeout(hideTimeout);
hideTimeout = setTimeout(hideSubnav,200);
}

function resetHighLite()
{
for (var i=0;i<link_arr.length;i++)
 {
 Dom.removeClass(link_arr[i],"hover");
 }
}

function highLiteNav(e)
{
 var xPos = Event.getXY(e)[0];
 resetHighLite();
 if(xPos <= Dom.getRegion(link_arr[0]).right)
 {
 Dom.addClass("subnav_1","hover");
 }else if (xPos <= Dom.getRegion(link_arr[1]).right)
 {
 Dom.addClass("subnav_2","hover");
 }else if (xPos <= Dom.getRegion(link_arr[2]).right)
 {
 Dom.addClass("subnav_3","hover");
 }else if (xPos <= Dom.getRegion(link_arr[3]).right)
 {
 Dom.addClass("subnav_4","hover");
 }else if (xPos <= Dom.getRegion(link_arr[4]).right)
 {
 Dom.addClass("subnav_5","hover");
 }else if (xPos <= Dom.getRegion(link_arr[5]).right)
 {
 Dom.addClass("subnav_6","hover");
 }
}

Event.on("navigation", "mouseover", showSubnav);
Event.on("navigation", "mouseout", delayHideSubnav);
Event.on("subnavigation", "mousemove", highLiteNav);