//
// ** jQuery Layout Functions
//
// ** Provided by www.pumkin.co.uk
//
// ** BETA 2nd March 2011 (Not tested in IE)
//
// ** Re-use as desired but please retain this credit
//
// ** Requires jQuery 1.4+
//
//
//
//
// 
// Resizes an element to fit or fill its container
// option params - sendWid, sendHei - override the auto wid/hei detection 
// (useful for images which haven't loaded yet, if you already know the size)
//
function fitArea(target, fillorfit, centreItem, sendWid, sendHei) {
    //
    var originalWid = sendWid > 0 ? sendWid : target.width();
    var originalHei = sendHei > 0 ? sendHei : target.height();
    var wid = target.parent().width();
    var hei = target.parent().height();
    target.width(wid);
    var scaleRatio = wid/originalWid;
    target.height(Math.round(originalHei*scaleRatio));
    if (fillorfit == 'fit') {
      if (target.height() > hei) {
        scaleRatio = hei/originalHei;
        target.height(hei);
        target.width(Math.round(originalWid*scaleRatio));
      }
    } else {
        if (target.height() < hei) {
        scaleRatio = hei/originalHei;
        target.height(hei);
        target.width(Math.round(originalWid*scaleRatio));
      }
    }
    if (centreItem == true) {
        position(target);   
    }
}


//
// Positions content within its container
// can send margins as an array of 4 numbers (top, right, bottom, left)
// and align as an array of 2 items, eg ["top","left"]
//
function position(target, margins, align) {
    //
    if (!margins || margins.length<4) {
        margins = new Array(0,0,0,0);
    }
    var container = target.parent();
    var areaWidth = container.width();
    var areaHeight = container.height();
    var wid = target.width();
    var hei = target.height();
    //
    var xOffset = margins[3]-margins[1];
    var yOffset = margins[0]-margins[2];
    //  
    var targetX = null;
    var targetY = null;
    //
    // if margins and align parameters sent, align to one side, centre on the other axis
    if (align && align.length<2) {
        align.push(""); 
    }
    if (align) {
        switch (align[0]) {
            case "right" :
                var targetX = areaWidth - (margins[1] + wid);
                break;
            case "bottom" :
                var targetY = areaHeight - (margins[2] + hei);
                break;
            case "left" :
                var targetX = margins[3];
                break;
            case "top" :
                var targetY = margins[0];
                break;
            // otherwise align centre   
            default : 
                var targetX = ((areaWidth + xOffset) / 2) - (wid / 2);
                var targetY = ((areaHeight + yOffset) / 2) - (hei / 2);
                break;
        }
        switch (align[1]) {
            case "right" :
                var targetX = areaWidth - (margins[1] + wid);
                break;
            case "bottom" :
                var targetY = areaHeight - (margins[2] + hei);
                break;
            case "left" :
                var targetX = margins[3];
                break;
            case "top" :
                var targetY = margins[0];
                break;  
            // otherwise align centre   
            default : 
                if (!targetX && targetX !== 0) { var targetX = ((areaWidth + xOffset) / 2) - (wid / 2); }
                if (!targetY && targetY !== 0) { var targetY = ((areaHeight + yOffset) / 2) - (hei / 2); }
                break;
        }
    } 
    //otherwise centre within margins
    else {
        var targetX = ((areaWidth + xOffset) / 2) - (wid / 2);
        var targetY = ((areaHeight + yOffset) / 2) - (hei / 2);     
    }
    //
    target.css("margin-left", Math.round(targetX));
    target.css("margin-top", Math.round(targetY));
}