///<reference path="jquery-1.3.2-vsdoc.js"/>
///<reference path="jquery.cycle.all.min.js"/>
$(function() {
    $("a[rel=external]").attr("target", "_blank");
    if ($("#newsRmiaWrapper").length > 0) {
        $("#newsRmiaWrapper").scrollable({ size: 3, clickable: false }).circular().autoscroll({ interval: 12000 });
    }
    $(".gallary-wrapper li img")
   .hover(
        function() {
            $(this).fadeTo("fast", 1);
        },
         function() {
             if (!$(this).hasClass("active"))
                 $(this).fadeTo("fast", 0.5);
         })
         .css({ opacity: 0, visibility: "visible" }).fadeTo("slow", 0.5)
         .click(function() {
             var $img = $(this);
             if ($img.hasClass("active")) return;
             var wrap = $("#mainImage").css({ visibility: "hidden", opacity: 0 });
             var img = new Image();
             img.onload = function() {
                 wrap.html("").css({ visibility: "visible" }).fadeTo("fast", 1).append(this).append("<label class=\"caption\">" + $img.attr("title") + "</label>");
             };
             img.src = this.src.replace("_t", "");
             $(".gallary-wrapper img.active").fadeTo("fast", 0.5).removeClass("active");
             $img.addClass("active").fadeTo("fast", 1);
         }).
         filter(":first").click();
    $(".gallary-wrapper").scrollable({
        items: ".rmia-gallary",
        size: 7
    });
    $(".news-entry figure img").each(function(i,fig) {
	$(this).load(function(){$(this).css("marginTop", 0.5 * ($(this).parent().parent().height() - $(this).parent().height()));});
        //$(this).css("marginTop", 0.5 * ($(this).parent().height() - $(this).height()));
        //$(this).css("visibility","visible");
    });
});
function grayscale(domImg) {
    if (!$.support.opacity) {
        domImg.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)";
        return null;
    }
    var myCanvas = document.createElement("canvas");

    var myCanvasContext = myCanvas.getContext("2d");
    var w = $(domImg).width();
    var h = $(domImg).height();
    myCanvas.width = w;
    myCanvas.height = h;

    myCanvasContext.drawImage(domImg, 0, 0);

    var imageData = myCanvasContext.getImageData(0, 0, w, h);

    // This loop gets every pixels on the image and 
    for (i = 0; i < imageData.width; i++) {
        for (j = 0; j < imageData.height; j++) {
            var index = (j * 4) * imageData.width + (i * 4);
            var red = imageData.data[index];
            var green = imageData.data[index + 1];
            var blue = imageData.data[index + 2];
            var alpha = imageData.data[index + 3];
            var average = (red + green + blue) / 3;
            imageData.data[index] = average;
            imageData.data[index + 1] = average;
            imageData.data[index + 2] = average;
            imageData.data[index + 3] = alpha;
        }
    }
    myCanvasContext.putImageData(imageData, 0, 0, 0, 0, imageData.width, imageData.height);
    return myCanvas.toDataURL();
}

function partnerImgLoad(e) {
    this.mouseoverSrc = this.src;
    var originalSrc = grayscale(this);

    if (originalSrc) {
        this.normalSrc = originalSrc;
        this.src = this.normalSrc;
    }
    $(this).unbind('load', partnerImgLoad);

    this.onmouseover = function() {
        if (!$.support.opacity) {
            this.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayScale=0)";
            return;
        }
        this.src = this.mouseoverSrc;
    }
    this.onmouseout = function() {
        if (!$.support.opacity) {
            this.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)";
            return;
        }
        this.src = this.normalSrc;
    }
}