function CollageWork(img_id, content_id) {
    this.img_id = img_id;
    this.content_id = content_id;
    this.items = new Array();
    this.select_numder = 1;
    this.item_id = 'collageItemContent_';
}

CollageWork.prototype.addItem = function (number, img, content) {
    var item = new Array();
    
    item['img_big'] = new Image();
    item['img_big'].src = img;
    item['content'] = content;
    this.items[number] = item;

}

CollageWork.prototype.view = function (number) {
    if(this.items[number]){

	if(document.getElementById(this.item_id+this.select_numder))
	    document.getElementById(this.item_id+this.select_numder).className = 'collageItemContent';
	
	if(document.getElementById(this.item_id+number)){
	    document.getElementById(this.item_id+number).className = 'collageItemContentSel';
	    this.select_numder = number;
	}
	document.getElementById(this.img_id).style.backgroundImage = 'url('+this.items[number]['img_big'].src+')';
	document.getElementById(this.content_id).innerHTML = document.getElementById(this.items[number]['content']).innerHTML;
    }
    return false;
}

CollageWork.prototype.viewOut = function (obj_id) {
    if(document.getElementById(obj_id))
        document.getElementById(obj_id).className = 'collageItemContent';

    return false;
}