document.getElementsByClassName = function(cl) {
    var retnode = [];
    var myclass = new RegExp('\\b' + cl + '\\b');

    var elem = this.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++) {
        var classes = elem[i].className;
        if (myclass.test(classes)) {
            retnode.push(elem[i]);
        }
    }
    return retnode;
};



$(document).ready(function() {
    createTreeView();
    createThumbNails();
    //adjustRankBoxMargin();
    //adjustUserReviewImageSize();
});


function createTreeView(){
    $("#treeview").treeview();
}

function createThumbNails() {
    $("a.thumb, img.thumb").thumbs(); // the wrapping function
    $("a.thumb img, img.thumb").thumbsImg(); // the img positioning function (optional)
}

/*$('#reviewimage').ready(function() {
    adjustRankBoxMargin();
});*/

//$('#userReviewPimImg').load(function() {
$(window).load(function() {
    var img = document.getElementById('userReviewPimImg');

    if (img != null) {
        adjustImageWidth(img, 300);
    }


});



$(window).load(function() {
    var img = document.getElementById('reviewimage');

    if (img != null) {
        newDimension = adjustImageWidth(img, 160);

        if (newDimension.height > 200) {
            var rankboxcontainerDiv = $('#rankboxcontainer');
            rankboxcontainerDiv.margin({ right: 80 });
        }
    }

    var frontPageImageArray = document.getElementsByClassName('scalableImage');
    for (var i = 0, len = frontPageImageArray.length; i < len; ++i) {
        adjustImageWidth(frontPageImageArray[i], 160);
    }

    var rankboxArray = document.getElementsByClassName('rankbox');
    for (var i = 0, len = rankboxArray.length; i < len; ++i) {
        rankboxArray[i].className = rankboxArray[i].className;
    }


});

function adjustImageWidth(img, width) {

    //Configuration Options
    var max_width = width; //Sets the max width, in pixels, for every image 
    var selector = img;

    var width = jQuery(selector).width();
    var height = jQuery(selector).height();

    if (width > max_width) {

        //Set variables for manipulation 
        var ratio = (height / width);
        var new_width = max_width;
        var new_height = (new_width * ratio);

        //Shrink the image and add link to full-sized image
        jQuery(selector).height(new_height).width(new_width);

        jQuery(selector).click(function() {
            window.location = jQuery(selector).attr("src");
        });

    } //ends if statement

    var newDimension = {
        height:new_height,
        width:new_width
        }

    return newDimension
}


function getImage(sId, imageContainerId) {

    var cId = ("#" + imageContainerId);
        
    $.ajax(
    {
        type: "Get",
        url: "/Image/GetImage",
        data: "structureId=" + sId,
        dataType: "html",


        error: function(xhr, ajaxOptions, thrownError){

            alert(xhr.status);
            alert(thrownError);
        },

        success: function(result) {
                
            //Clear primary image div
            $(cId).html("");

            var domElement = $(result); // create element from html
            $(cId).append(domElement); // append to end of list
        }
    });
}