div.images div.row {
clear: both;
margin: 1px;
padding: 1px;
min-height: 45px;
float: left;
display: block;
}
div.images div.row div.image {
border: 1px solid #D8D6CF;
margin: 2px;
width: 59px;
height: 59px;
text-align: center;
float: left;
}
div #text {
width: 700px;
height: 250px;
font-size: 14px;
}

var info = new Array();

info[‘1’] = “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper odio ac tortor auctor consequat. Sed aliquet varius tortor ut vehicula. Mauris lacus arcu, gravida quis vulputate eleifend, vulputate sit amet risus. In et nibh at justo sodales dapibus. Suspendisse gravida vulputate sagittis. Curabitur dignissim lobortis ultricies. Proin scelerisque lorem orci, sed volutpat ligula. Integer suscipit, sem sed varius aliquet, arcu nunc ultrices velit, ut iaculis urna nisi nec urna. Cras vitae est placerat odio ornare commodo ullamcorper ac lectus. Curabitur ac lacus non eros ultrices ultricies eu id velit. In vitae faucibus sem. Mauris et ante magna, et mollis mauris. Donec condimentum dignissim ipsum, dignissim fringilla velit feugiat ac. Praesent at leo sit amet purus vehicula commodo a nec orci. Donec ut feugiat sem. Integer lorem enim, semper eu hendrerit id, accumsan sed nisl. Duis pretium bibendum ante et elementum. “;

info[‘2’] = “In sit amet dolor non urna vulputate rutrum vehicula in quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut at elit felis, id feugiat lorem. Quisque risus erat, aliquet vitae fringilla non, tempor ut ante. Donec eu tortor justo, mollis porttitor sapien. In ac libero vulputate tortor porta fringilla. Vivamus ligula erat, scelerisque bibendum rhoncus quis, tristique quis dolor. Curabitur laoreet molestie dui vehicula suscipit. Ut non aliquam diam. Curabitur eget purus ut risus porttitor hendrerit. Curabitur fringilla felis non mi condimentum consequat. Ut non feugiat nisi. Praesent laoreet fermentum metus, consequat tincidunt tellus posuere eu. Nulla tortor nibh, sodales sed vestibulum non, lacinia rhoncus lorem. Fusce pretium lacus sit amet mauris luctus euismod. “;

info[‘3’] = “Quisque ligula orci, luctus nec pellentesque ac, sodales id arcu. Vivamus eros neque, vehicula in venenatis ut, sollicitudin fringilla odio. Sed congue feugiat rhoncus. In eu velit ipsum, in pretium urna. Fusce vel facilisis dui. Mauris ultricies neque a ipsum vehicula non faucibus nunc posuere. Phasellus ultricies, purus et cursus tincidunt, libero mauris eleifend nisl, in convallis diam odio in nunc. In ut nulla nulla. Proin ut est urna. Nulla facilisi. Donec pellentesque pellentesque porta. Cras adipiscing rutrum egestas. Vivamus volutpat elit ut ligula tempus semper. Pellentesque placerat mauris et massa consequat non laoreet ligula tempor. Aliquam blandit eros vel quam faucibus a sagittis mi dapibus. Nam in magna non magna hendrerit egestas at ac massa. Nulla orci sapien, laoreet eu gravida ut, tincidunt sit amet odio. Integer vel lacus eu justo bibendum sollicitudin. “;

info[‘4’] = “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper odio ac tortor auctor consequat. Sed aliquet varius tortor ut vehicula. Mauris lacus arcu, gravida quis vulputate eleifend, vulputate sit amet risus. In et nibh at justo sodales dapibus. Suspendisse gravida vulputate sagittis. Curabitur dignissim lobortis ultricies. Proin scelerisque lorem orci, sed volutpat ligula. Integer suscipit, sem sed varius aliquet, arcu nunc ultrices velit, ut iaculis urna nisi nec urna. Cras vitae est placerat odio ornare commodo ullamcorper ac lectus. Curabitur ac lacus non eros ultrices ultricies eu id velit. In vitae faucibus sem. Mauris et ante magna, et mollis mauris. Donec condimentum dignissim ipsum, dignissim fringilla velit feugiat ac. Praesent at leo sit amet purus vehicula commodo a nec orci. Donec ut feugiat sem. Integer lorem enim, semper eu hendrerit id, accumsan sed nisl. Duis pretium bibendum ante et elementum. “;

info[‘5’] = “In sit amet dolor non urna vulputate rutrum vehicula in quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut at elit felis, id feugiat lorem. Quisque risus erat, aliquet vitae fringilla non, tempor ut ante. Donec eu tortor justo, mollis porttitor sapien. In ac libero vulputate tortor porta fringilla. Vivamus ligula erat, scelerisque bibendum rhoncus quis, tristique quis dolor. Curabitur laoreet molestie dui vehicula suscipit. Ut non aliquam diam. Curabitur eget purus ut risus porttitor hendrerit. Curabitur fringilla felis non mi condimentum consequat. Ut non feugiat nisi. Praesent laoreet fermentum metus, consequat tincidunt tellus posuere eu. Nulla tortor nibh, sodales sed vestibulum non, lacinia rhoncus lorem. Fusce pretium lacus sit amet mauris luctus euismod. “;

info[‘6’] = “Quisque ligula orci, luctus nec pellentesque ac, sodales id arcu. Vivamus eros neque, vehicula in venenatis ut, sollicitudin fringilla odio. Sed congue feugiat rhoncus. In eu velit ipsum, in pretium urna. Fusce vel facilisis dui. Mauris ultricies neque a ipsum vehicula non faucibus nunc posuere. Phasellus ultricies, purus et cursus tincidunt, libero mauris eleifend nisl, in convallis diam odio in nunc. In ut nulla nulla. Proin ut est urna. Nulla facilisi. Donec pellentesque pellentesque porta. Cras adipiscing rutrum egestas. Vivamus volutpat elit ut ligula tempus semper. Pellentesque placerat mauris et massa consequat non laoreet ligula tempor. Aliquam blandit eros vel quam faucibus a sagittis mi dapibus. Nam in magna non magna hendrerit egestas at ac massa. Nulla orci sapien, laoreet eu gravida ut, tincidunt sit amet odio. Integer vel lacus eu justo bibendum sollicitudin. “;

info[‘7’] = “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper odio ac tortor auctor consequat. Sed aliquet varius tortor ut vehicula. Mauris lacus arcu, gravida quis vulputate eleifend, vulputate sit amet risus. In et nibh at justo sodales dapibus. Suspendisse gravida vulputate sagittis. Curabitur dignissim lobortis ultricies. Proin scelerisque lorem orci, sed volutpat ligula. Integer suscipit, sem sed varius aliquet, arcu nunc ultrices velit, ut iaculis urna nisi nec urna. Cras vitae est placerat odio ornare commodo ullamcorper ac lectus. Curabitur ac lacus non eros ultrices ultricies eu id velit. In vitae faucibus sem. Mauris et ante magna, et mollis mauris. Donec condimentum dignissim ipsum, dignissim fringilla velit feugiat ac. Praesent at leo sit amet purus vehicula commodo a nec orci. Donec ut feugiat sem. Integer lorem enim, semper eu hendrerit id, accumsan sed nisl. Duis pretium bibendum ante et elementum. “;

info[‘8’] = “In sit amet dolor non urna vulputate rutrum vehicula in quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut at elit felis, id feugiat lorem. Quisque risus erat, aliquet vitae fringilla non, tempor ut ante. Donec eu tortor justo, mollis porttitor sapien. In ac libero vulputate tortor porta fringilla. Vivamus ligula erat, scelerisque bibendum rhoncus quis, tristique quis dolor. Curabitur laoreet molestie dui vehicula suscipit. Ut non aliquam diam. Curabitur eget purus ut risus porttitor hendrerit. Curabitur fringilla felis non mi condimentum consequat. Ut non feugiat nisi. Praesent laoreet fermentum metus, consequat tincidunt tellus posuere eu. Nulla tortor nibh, sodales sed vestibulum non, lacinia rhoncus lorem. Fusce pretium lacus sit amet mauris luctus euismod. “;

info[‘9’] = “Quisque ligula orci, luctus nec pellentesque ac, sodales id arcu. Vivamus eros neque, vehicula in venenatis ut, sollicitudin fringilla odio. Sed congue feugiat rhoncus. In eu velit ipsum, in pretium urna. Fusce vel facilisis dui. Mauris ultricies neque a ipsum vehicula non faucibus nunc posuere. Phasellus ultricies, purus et cursus tincidunt, libero mauris eleifend nisl, in convallis diam odio in nunc. In ut nulla nulla. Proin ut est urna. Nulla facilisi. Donec pellentesque pellentesque porta. Cras adipiscing rutrum egestas. Vivamus volutpat elit ut ligula tempus semper. Pellentesque placerat mauris et massa consequat non laoreet ligula tempor. Aliquam blandit eros vel quam faucibus a sagittis mi dapibus. Nam in magna non magna hendrerit egestas at ac massa. Nulla orci sapien, laoreet eu gravida ut, tincidunt sit amet odio. Integer vel lacus eu justo bibendum sollicitudin. “;

var text = document.getElementById(‘inner’);
var editText = function(me){
if(text){
document.getElementById(“text”).removeChild(text);
}
text = document.createElement(“div”);
text.appendChild(document.createTextNode(info[me.getAttribute(‘rel’)]));
document.getElementById(“text”).appendChild(text);
};

Advertisements