var BaseImageUrl = "";
var i = 0;
var Imgs = new Array();
//Imgs will be setted in TempletesNew.xsl file.



var mainImageWidth = 418;
var mainImageHeight = 248;
var smallImageWidth = 57;
var smallImageHeight = 42;
var mainImageClass = "DarleyGreenImageRotatorMain";
var smallSelectedClass = "smallSelectedClass";
var smallClass = "smallClass";

function $(name) {
    return document.getElementById(name);
}

function getImageSizeByScale(id, maxWidth, maxHeight) {
    var obj = document.getElementById(id);
    var t1 = new Image();
    t1.src = obj.src;
    
    var toheight = maxHeight;
    var towidth = maxWidth;
    
    var aWidth = Math.round((t1.width / towidth)*10000);
    var aHeight = Math.round((t1.height / toheight)*10000);

    if (aWidth < aHeight) {
        toheight = maxHeight;
        towidth = Math.round(t1.width * maxHeight / t1.height);
    }
    else {
        towidth = maxWidth;
        toheight = Math.round(t1.height * 102 / t1.width);
    }

    return { "width": towidth, "height": toheight };
}

function ImagesAddLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
    window.onload = function() {
        if (oldonload) {
            try {
                oldonload();
            } catch (e) {

            }
        }
        func();
    }
    }
}

function AddUnLoadEvent(func) {
    var oldonload = window.onunload;
    if (typeof window.onunload != 'function') {
        window.onunload = func;
    } else {
        window.onunload = function() {
            if (oldonload) {
                oldonload();
            }
            func();
        }
    }
}


function RatorOver(sId) {
    var _mainImgId = $("mainImgId");
    var _mainImgLinkId = $("mainImgLinkId");
    if (_mainImgId != null) {
        _mainImgId.src = sId;
        //_mainImgLinkId.href = sId;
        RunFixWidthAndHeightOfImages();
        switchCssClass(sId);
    } else {
        alert("Error: Can not find Id of Main Image!");
    }
}

function FixWidthAndHeightOfImages(id, maxWidth, maxHeight) {
    jQuery("#" + id).resizeImageByScale({ "maxWidth": mainImageWidth, "maxHeight": mainImageHeight });    
}

function RunFixWidthAndHeightOfImages() {
    FixWidthAndHeightOfImages("mainImgId", mainImageWidth, mainImageHeight);
}

function iniMainImage() {
    var _mainImages = $("mainImages");

    var _mainImgId = $("mainImgId");
    var _mainImgLinkId = $("mainImgLinkId");

    var ImagesArray = Imgs;
    var count = ImagesArray.length;

    if (count > 0) {
        //_mainImages.innerHTML = "<a id='mainImgLinkId' href='" + ImagesArray[0] + "' target='_blank' title='Click here to open original image. '><img class='" + mainImageClass + "' id='mainImgId' src='" + ImagesArray[0] + "'  /></a>";
        _mainImgId.src = ImagesArray[0];
        //_mainImgLinkId.href = ImagesArray[0];
    }
    switchCssClass(ImagesArray[0]);
}

function switchCssClass(imagePath) {
    var imgPrefix = "RotatorImagesId_";
    var tdPrefix = "RotatorTdId_";

    var name = getName(imagePath);
    //alert(name);
    var objTds = new Array();
    for (i = 0; i < 6; i++) {
        var j = i + 1;
        var obj = $(tdPrefix + j);
        if (obj != null)
            objTds[i] = obj;
    }

    var objImages = new Array();
    for (i = 0; i < 6; i++) {
        var j = i + 1;

        var obj = $(imgPrefix + j);

        if (obj != null) {
            //objImages[i] = obj;
            var temp = getName(obj.src);
            //alert("Debug Message:" + temp + " | " + name);
            if (temp == encodeURI(name)) { //not selected
                objTds[i].className = "ImageSelected";
                obj.className = smallSelectedClass;
            } else {
                objTds[i].className = "ImageNonSelected";
                obj.className = smallClass;
            }
        }
    }
}

function getName(path) {
    return path.substring(path.lastIndexOf("/"));
}

function openImage(obj) {
    var str = "<img src='" + obj.src + "' border=0 />";
    str += "<br />";
    str += '<a href="javascript:void(0);" onclick="javascript:history.back(1);">Click here to go back.</a>';
    document.write(str);
}

//ImagesAddLoadEvent(Rator);
ImagesAddLoadEvent(iniMainImage);
ImagesAddLoadEvent(RunFixWidthAndHeightOfImages);