// JavaScript Document

function log(arg) {
    if (window.console && window.console.log) window.console.log(arg);

};

var cTag = {

    /****   TAGS WITH CLOSING TAG,   self closing tags like img and input below ***/
    a: function(contents, properties) {
        return createTag('A', contents, properties);
    },
    abbr: function(contents, properties) {
        return createTag('ABBR', contents, properties);
    },
    acronym: function(contents, properties) {
        return createTag('ACRONYM', contents, properties);
    },
    address: function(contents, properties) {
        return createTag('ADDRESS', contents, properties);
    },
    applet: function(contents, properties) {
        return createTag('APPLET', contents, properties);
    },
    b: function(contents, properties) {
        return createTag('B', contents, properties);
    },
    bdo: function(contents, properties) {
        return createTag('BDO', contents, properties);
    },
    big: function(contents, properties) {
        return createTag('BIG', contents, properties);
    },
    blockquote: function(contents, properties) {
        return createTag('BLOCKQUOTE', contents, properties);
    },
    body: function(contents, properties) {
        return createTag('BODY', contents, properties);
    },
    button: function(contents, properties) {
        return createTag('BUTTON', contents, properties);
    },
    caption: function(contents, properties) {
        return createTag('CAPTION', contents, properties);
    },
    center: function(contents, properties) {
        return createTag('CENTER', contents, properties);
    },
    cite: function(contents, properties) {
        return createTag('CITE', contents, properties);
    },
    code: function(contents, properties) {
        return createTag('CODE', contents, properties);
    },
    colgroup: function(contents, properties) {
        return createTag('COLGROUP', contents, properties);
    },
    dd: function(contents, properties) {
        return createTag('DD', contents, properties);
    },
    del: function(contents, properties) {
        return createTag('DEL', contents, properties);
    },
    dfn: function(contents, properties) {
        return createTag('DFN', contents, properties);
    },
    dir: function(contents, properties) {
        return createTag('DIR', contents, properties);
    },
    div: function(contents, properties) {
        return createTag('DIV', contents, properties);
    },
    dl: function(contents, properties) {
        return createTag('DL', contents, properties);
    },
    dt: function(contents, properties) {
        return createTag('DT', contents, properties);
    },
    em: function(contents, properties) {
        return createTag('EM', contents, properties);
    },
    fieldset: function(contents, properties) {
        return createTag('FIELDSET', contents, properties);
    },
    font: function(contents, properties) {
        return createTag('FONT', contents, properties);
    },
    form: function(contents, properties) {
        return createTag('FORM', contents, properties);
    },
    frameset: function(contents, properties) {
        return createTag('FRAMESET', contents, properties);
    },
    h1: function(contents, properties) {
        return createTag('H1', contents, properties);
    },
    h2: function(contents, properties) {
        return createTag('H2', contents, properties);
    },
    h3: function(contents, properties) {
        return createTag('H3', contents, properties);
    },
    h4: function(contents, properties) {
        return createTag('H4', contents, properties);
    },
    h5: function(contents, properties) {
        return createTag('H5', contents, properties);
    },
    h6: function(contents, properties) {
        return createTag('H6', contents, properties);
    },
    head: function(contents, properties) {
        return createTag('HEAD', contents, properties);
    },
    html: function(contents, properties) {
        return createTag('HTML', contents, properties);
    },
    i: function(contents, properties) {
        return createTag('I', contents, properties);
    },
    iframe: function(contents, properties) {
        return createTag('IFRAME', contents, properties);
    },
    ins: function(contents, properties) {
        return createTag('INS', contents, properties);
    },
    kbd: function(contents, properties) {
        return createTag('KBD', contents, properties);
    },
    label: function(contents, properties) {
        return createTag('LABEL', contents, properties);
    },
    legend: function(contents, properties) {
        return createTag('LEGEND', contents, properties);
    },
    li: function(contents, properties) {
        return createTag('LI', contents, properties);
    },
    map: function(contents, properties) {
        return createTag('MAP', contents, properties);
    },
    menu: function(contents, properties) {
        return createTag('MENU', contents, properties);
    },
    noframes: function(contents, properties) {
        return createTag('NOFRAMES', contents, properties);
    },
    noscript: function(contents, properties) {
        return createTag('NOSCRIPT', contents, properties);
    },
    object: function(contents, properties) {
        return createTag('OBJECT', contents, properties);
    },
    ol: function(contents, properties) {
        return createTag('OL', contents, properties);
    },
    optgroup: function(contents, properties) {
        return createTag('OPTGROUP', contents, properties);
    },
    option: function(contents, properties) {
        return createTag('OPTION', contents, properties);
    },
    p: function(contents, properties) {
        return createTag('P', contents, properties);
    },
    pre: function(contents, properties) {
        return createTag('PRE', contents, properties);
    },
    q: function(contents, properties) {
        return createTag('Q', contents, properties);
    },
    s: function(contents, properties) {
        return createTag('S', contents, properties);
    },
    samp: function(contents, properties) {
        return createTag('SAMP', contents, properties);
    },
    script: function(contents, properties) {
        return createTag('SCRIPT', contents, properties);
    },
    select: function(contents, properties) {
        return createTag('SELECT', contents, properties);
    },
    small: function(contents, properties) {
        return createTag('SMALL', contents, properties);
    },
    span: function(contents, properties) {
        return createTag('SPAN', contents, properties);
    },
    strike: function(contents, properties) {
        return createTag('STRIKE', contents, properties);
    },
    strong: function(contents, properties) {
        return createTag('STRONG', contents, properties);
    },
    style: function(contents, properties) {
        return createTag('STYLE', contents, properties);
    },
    sub: function(contents, properties) {
        return createTag('SUB', contents, properties);
    },
    sup: function(contents, properties) {
        return createTag('SUP', contents, properties);
    },
    table: function(contents, properties) {
        return createTag('TABLE', contents, properties);
    },
    tbody: function(contents, properties) {
        return createTag('TBODY', contents, properties);
    },
    td: function(contents, properties) {
        return createTag('TD', contents, properties);
    },
    textarea: function(contents, properties) {
        return createTag('TEXTAREA', contents, properties);
    },
    tfoot: function(contents, properties) {
        return createTag('TFOOT', contents, properties);
    },
    th: function(contents, properties) {
        return createTag('TH', contents, properties);
    },
    thead: function(contents, properties) {
        return createTag('THEAD', contents, properties);
    },
    title: function(contents, properties) {
        return createTag('TITLE', contents, properties);
    },
    tr: function(contents, properties) {
        return createTag('TR', contents, properties);
    },
    tt: function(contents, properties) {
        return createTag('TT', contents, properties);
    },
    u: function(contents, properties) {
        return createTag('U', contents, properties);
    },
    ul: function(contents, properties) {
        return createTag('UL', contents, properties);
    },

    /******  SELF CLOSING TAGS  *****/

    area: function(properties) {
        return createShortTag('AREA', properties);
    },
    base: function(properties) {
        return createShortTag('BASE', properties);
    },
    basefont: function(properties) {
        return createShortTag('BASEFONT', properties);
    },
    br: function(properties) {
        return createShortTag('BR', properties);
    },
    col: function(properties) {
        return createShortTag('COL', properties);
    },
    frame: function(properties) {
        return createShortTag('FRAME', properties);
    },
    hr: function(properties) {
        return createShortTag('HR', properties);
    },
    img: function(properties) {
        return createShortTag('IMG', properties);
    },
    input: function(properties) {
        return createShortTag('INPUT', properties);
    },
    link: function(properties) {
        return createShortTag('LINK', properties);
    },
    meta: function(properties) {
        return createShortTag('META', properties);
    },
    param: function(properties) {
        return createShortTag('PARAM', properties);
    },
	// helper function to create array of elements
	Tags: function(array){
		
		var html=[];
		for(i=0;i<array.length; i++){
			html.push(array[i]);
		}
		return html.join("");
	},
	Loop: function( tag, contentObj, options){
		var html_loop=[];
		for( i=0; i< contentObj.length; i++){
			html_loop.push( cTag[tag]( contentObj[i], options) );
			
		}
		return html_loop.join("");
		
	},
	For: function( dataObj , tagLoop){
		var html=[];
		
		for( i=0; i< dataObj.length; i++){
			html.push(tagLoop);
		}
		return html.join("");
		
		
	}


};

function error(arg) {
    log(arg);
}

function getProperties(properties, tagType) {

    var propType = checkType(properties);

    if (propType == 'string') {

        switch (tagType) {

        case 'IMG':
            return ' src="' + properties + '"';
            break;

        default:
            return classOrId(properties, tagType);
        }
    } else if (propType == 'object') {
        var attributes = [];

        if (tagType == 'INPUT' && !properties.type) {
            properties.type = 'text';
        }
        for (var property in properties) {

            var propertyVal = properties[property];
            switch (property) {
            case 'wt':
                property = 'width';
                break;

            case 'ht':
                property = 'height';
                break;
            }
            attributes.push(' ' + property + '="' + propertyVal + '"');
        }
        return attributes.join("");

    } else {
        return "";
    }

}

function createShortTag(tagType, properties) {
    var attributes = getProperties(properties, tagType);
    var tag = tagType.toLowerCase();
    //log( '<'+tag +attributes + '>' + contents + '</'+tag+'>')
    return '<' + tag + attributes + '/>';

}


function createTag(tagType, contents, properties) {
    var attributes = getProperties(properties, tagType);
    var tag = tagType.toLowerCase();
    if( !contents){
		var contents="";
	}/*else if( typeof contents=='function' ){
		
	}*/
    return '<' + tag + attributes + '>' + contents + '</' + tag + '>';

}

function classOrId(string, tagType) {
    if (string.charAt(0) == '.') {
        return ' class="' + string.substring(1) + '"';
    } else if (string.charAt(0) == '#') {
        return ' id="' + string.substring(1) + '"';
    } else if( string) {
        error(' Missing "." or "#" in ' + tagType);
        return "";
    }else{
		return "";
	}

}

function checkType(arg) {
    if (arg && typeof arg == 'string') {
        return 'string';
    } else if (arg && typeof arg == 'object') {
        return 'object';
    }
}