var Modal = {

	hideByClass : function(cl) {
	        var p = getElementsByClass(cl);
	        for ( i = 0; i < p.length; i++ ) {
		    var c = p[i];
		    c.style.display='none';
	        }	  
	},
	showByClass : function(cl,type) {
	    var p = getElementsByClass(cl);
	    for ( i = 0; i < p.length; i++ ) {
		var c = p[i];
		c.style.display=type?type:'block';
	    }	  
	},
	views : [],
        setup : function(v) {
		this.views = v;
		this.end();
	},
	begin : function(t) {
		for ( var i=0; i <= this.views.length ; i++ ) {
			this.hideByClass(this.views[i]);
		}
		this.showByClass(t);
	},
	end : function() {
		for ( var i=0; i < this.views.length; i++ ) {
			this.hideByClass(this.views[i]);
		}
		this.showByClass(this.views[0]);
	},
   	
 getElementsByClass:function(searchClass,node,tag) {
var classElements = new Array();
if ( node == null )
node = document;
if ( tag == null )
tag = '*';
var els = node.getElementsByTagName(tag);
var elsLen = els.length;
var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
for (i = 0, j = 0; i < elsLen; i++) {
    if ( pattern.test(els[i].className) ) {
	classElements[j] = els[i];
	j++;
    }
}
return classElements;
},

 hideByClass:function(cl) {
        var p = this.getElementsByClass(cl);
        for ( i = 0; i < p.length; i++ ) {
	    var c = p[i];
	    c.style.display='none';
        }	  
},
 showByClass : function(cl,type) {
    var p = this.getElementsByClass(cl);
    for ( i = 0; i < p.length; i++ ) {
	var c = p[i];
	c.style.display=type?type:'inline';
    }	  
}

};