/*.........................................

Title:		AMG Works
Author:		XSSTUDIOS
Updated:	December 15, 2011
Version:	1.0
Website:	http://www.xsstudios.com
	
..........................................*/

// Configure this according to levels in the menu
$(document).ready(function () {
    $("ul.xsmenu").children("li").children("ul").css("background-color", "transparent");
    // First Level
    $("ul.xsmenu").children("li").hover(function () {
        MenuItemOver(this, 1, true);
    }, function () {
        MenuItemOut(this, 1, true);
    });
    // Second Level
    $("ul.xsmenu").children("li").children("ul").children("li").hover(function () {
        MenuItemOver(this, 2, true);
    }, function () {
        MenuItemOut(this, 2, true);
    });
});

// Donot touch this code until you are changing core functionalities.
function MenuItemOver(item, level, ishorizontal) {
    //Assigning auto width
    var elementWidth = 0;
    var parentWidth = $(item).innerWidth();
    $(item).children("ul").children("li").each(function () {
        var tempDiv = '<div id="unique1" style="display:none;">' + $(this).children("a").html() + '</div>';
        $('body').append(tempDiv);
        if ($("#unique1").width() > elementWidth)
            elementWidth = $("#unique1").width();
        $("#unique1").remove();
    });
    var paddingLeft = parseInt($(item).children("ul").children("li").children("a").css("padding-left").replace("px", ""));
    var paddingRight = parseInt($(item).children("ul").children("li").children("a").css("padding-right").replace("px", ""));
    if (parentWidth > elementWidth) {
        $(item).children("ul").children("li").width(parentWidth + 12);
        $(item).children("ul").children("li").children("a").width(parentWidth - 12);
    }
    else {
        $(item).children("ul").children("li").width(elementWidth + paddingLeft + paddingRight + 12);
        $(item).children("ul").children("li").children("a").width(elementWidth - 12);
    }
    // End
    if (level == 1 && ishorizontal == true) {
        $(item).children("ul").slideDown('fast');
    }
    else {
        $(item).children("ul").css("left", $(item).width() + 13);
        $(item).children("ul").animate({
            width: 'toggle'
        }, 'fast');
    }
}
function MenuItemOut(item, level, ishorizontal) {
    if (level == 1 && ishorizontal == true)
        $(item).children("ul").slideUp('fast');
    else
        $(item).children("ul").hide();
}