/// <reference path="jquery-1.3.2-vsdoc2.js" />
/// <reference path="swfobject-vsdoc.js" />
/// <reference path="sifr-vsdoc.js" />

$(document).ready(function() {


    var randomnumber = Math.floor(Math.random() * 10001)
    // get initial feeds
    $('.news-inner').load('hugin_feed.aspx?feed=news&' + randomnumber);
    $(".top-shareprice-inner").load('hugin_feed.aspx?feed=ticker&' + randomnumber);
    $('.reports-presentations-inner-reports').load('hugin_feed.aspx?feed=reports&max=1&' + randomnumber);
    //    $('.reports-presentations-inner-presentations').load('hugin_feed.aspx?feed=presentations&max=1&' + randomnumber);


    //   $('.graycontent input[type=text]').before('<img style="float:left;" src="images/form_input_left.png"/>').after('<img style="float:left;" src="images/form_input_right.png"/>');
    $('.graycontent input[type=text], .graycontent input[type=password]').focus(function() {
        $(this).parent().addClass("inputRoundedActive");
    });
    $('.graycontent input[type=text], .graycontent input[type=password]').blur(function() {
        $(this).parent().removeClass("inputRoundedActive");
    });

    $(".menu_level3_div").hover(function() {
        var id = $(this).attr("menuid");
        $(this).children().children().attr("src", "text_images/menu_level3_active_m_" + id + ".png");
    },
    function() {
        var id = $(this).attr("menuid");
        $(this).children().children().attr("src", "text_images/menu_level3_m_" + id + ".png");
    });



    $(".menu_level1_li").hover(
        function() {
            var menu = $(this).children().children('.menu_level2');

            var img = $(this).children().children('.topmenu-image');
            var imgsrc = img.attr('srchover');
            img.attr('src', imgsrc);

            //            menu.addClass('menu_level2_active');
            //            menu.removeClass('menu_level2');
        }
       ,
       function() {
           var menu = $(this).children().children('.menu_level2_active');

           var img = $(this).children().children('.topmenu-image');
           var imgsrc = img.attr('srcnormal');
           img.attr('src', imgsrc);
           //           menu.removeClass('menu_level2_active');
           //           menu.addClass('menu_level2');
       }
       );


    $("#btnFinancialCal").click(function() {
        $(".top-shareprice-inner").attr("style", "background-image: url('images/box_financial_cal.png');");
        $(".top-shareprice-inner").load('hugin_feed.aspx?feed=cal&customDate=' + customDate + '&customText=' + customText + '&' + randomnumber);
        $("#btnFinancialCal").removeClass("btnFinancialCalOff").addClass("btnFinancialCal");
        $("#btnShareValue").removeClass("btnShareValue").addClass("btnShareValueOff");
    });

    $("#btnShareValue").click(function() {
        $(".top-shareprice-inner").attr("style", "background-image: url('images/box_share_value.png');");
        $(".top-shareprice-inner").load('hugin_feed.aspx?feed=ticker' + '&' + randomnumber);
        $("#btnShareValue").removeClass("btnShareValueOff").addClass("btnShareValue");
        $("#btnFinancialCal").removeClass("btnFinancialCal").addClass("btnFinancialCalOff");
    });


    $("#btnEvents").click(function() {
        $(".news-inner").attr("style", "background-image: url('images/box_events.png');");
        $('.news-inner').load('news.aspx');
        $("#btnEvents").removeClass("btnEventsOff").addClass("btnEvents");
        $("#btnNews").removeClass("btnNews").addClass("btnNewsOff");
    });

    $("#btnNews").click(function() {
        $(".news-inner").attr("style", "background-image: url('images/box_news.png');");
        $('.news-inner').load('hugin_feed.aspx?feed=news');
        $("#btnNews").removeClass("btnNewsOff").addClass("btnNews");
        $("#btnEvents").removeClass("btnEvents").addClass("btnEventsOff");

    });



    $('#stockinfo').load('StockinfoProxy.aspx?' + randomnumber);


    $(".ship-details").each(function() {
        $(this).hide();
    });

    $(".name-wrapper-init").hover(
        function() {
            var id = $(this).parent().children(".name-wrapper").attr("imageid");
            $(".ship-image-active").removeClass("ship-image-active");
            $("#" + id).parent().parent().parent().parent().addClass('activerow');
            $("#" + id).addClass("ship-image-active");

            var fold = $(window).height() + $(window).scrollTop();
            var element = $(".ship-image-active").offset().top + 300;

            if (element > fold) {
                $(".ship-image-active").css('top', (fold - element) + 'px');

            }




        }
        ,
        function() {
            //        var id = $(this).parent().children(".name-wrapper").attr("imageid");

            //            $("#" + id).parent().parent().parent().parent().removeClass('activerow');
            //            $("#" + id).removeClass("ship-image-active");

        }

    );

    $(".ship-image-wrapper").mouseleave(function() {
        $(".ship-image-active").removeClass("ship-image-active");
    });



    $(".details-wrapper-init").hover(
        function() {
            var id = $(this).parent().children(".details-wrapper").attr("detailsid");
            $("#" + id).parent().parent().parent().parent().parent().parent().addClass('activerow');
            $("#" + id).addClass("ship-details-active");


            var fold = $(window).height() + $(window).scrollTop();
            var element = $(this).parent().children(".details-wrapper").offset().top + 300;

            $("#" + id).show();
            if (element > fold) {
                $("#" + id).css('top', (fold - element) + 'px');
                $("#" + id).css('left', '-300px');
            }
        }
        ,
        function() {
            var id = $(this).parent().children(".details-wrapper").attr("detailsid");
            $("#" + id).hide();
            $("#" + id).parent().parent().parent().parent().parent().parent().removeClass('activerow');
            $("#" + id).removeClass("ship-details-active");

        }

    );


    //    $(".details-wrapper").hover(
    //        function() {
    //            var id = $(this).attr("detailsid");
    //            $("#" + id).parent().parent().parent().parent().parent().addClass('activerow');
    //            $("#" + id).addClass("ship-details-active");

    //            $("#" + id).show();

    //        }
    //        ,
    //        function() {
    //            var id = $(this).attr("detailsid");
    //            $("#" + id).hide();
    //            $("#" + id).parent().parent().parent().parent().parent().removeClass('activerow');
    //            $("#" + id).removeClass("ship-details-active");

    //        }

    //    );

    $(function() {
        // Use this example, or...
        $('a.lightbox').lightBox();

    });



    /* 
    FADE OUT AND IN PAGE
		
		This script fades out and in new page when click on all links. It requires a div that lays over all content: 
    <div id="loader" style="position:fixed;top:0px;left:0px;width:100%;height:100%;background:#13191d;z-index:5000;display:none;">&#160;</div>		
    */
    /*
    $('#loader').css({ display: "block" });
    setTimeout('$("#loader").fadeOut("400")', 500);

		// loop through a tags on page 
    $('a').each(function(idx, item) {
    // if it is not a mailto tag
    if (item.href.indexOf("mailto") == -1) {
    var url = "javascript:delayedRedirect('" + item.href + "');"
    item.href = url;
    }
    });
    */

    /*
    FLASH DETECTION  
		
		Uses jQuery for adding elements. Displays a modal dialog box over a semi-transparent background if 
    flash version too old. 
	
		Todo: Perhaps store in cookies that user has already pressed "ok" to avoid showing message on every load.
    */
    /*
    if (!swfobject.hasFlashPlayerVersion("9.0.0")) {
    var message = "<b>Flash Player 9 required</b><br />This site requires flash player 9.0.0 or newer. Please <a href='http://www.adobe.com/products/flashplayer/'>download here</a><br/><br/><input type=\"button\" style=\"float:right\" onclick=\"JavaScript:$('#__flashversion').remove();\" value=\"OK\" />";
    var bgcolor = "#FFFFFF";    // color of background
    var msg_width = "200";      // pixels
    var msg_height = "80";      // pixels
    var opacity = 80;           // background per cent visible

		$("body").append("<div id='__flashversion'></div>");
    var flash = $("#__flashversion");
    flash.append("<div id='__flashversion_bg' style=\"position:absolute;background:" + bgcolor + ";-khtml-opacity:." + opacity + "; -moz-opacity:." + opacity + "; -ms-filter:'alpha(opacity=" + opacity + ")'; filter:alpha(opacity=" + opacity + "); opacity:." + opacity + ";left:0;top:0;width:100%;height:100%;\"></div>");
    flash.append("<div style='position:absolute;margin-left:-" + (msg_width / 2) + "px;margin-top:-" + (msg_height / 2) + "px;background:" + bgcolor + ";width:" + msg_width + "px;height:" + msg_height + "px;left:50%;top:50%;padding:20px;text-align:left;border:1px solid #aaaaaa;'>" + message + "</div>");
    }	
    */
});