<script>
heights = [160,160,83,115];
margin = [0,0,55,22];
colors = ['d7b8aa','bbcfdc','c5c5c5','bdd2e1'];
titles = ['HTML5', 'CSS3', 'jQuery', 'Ajax'];
text = ['Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics the look and formatting of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including plain XML, SVG and XUL.',
'asdasdasdasdasdasdasdasdasdasdasd',
'g4trgfdfdfdfd fgdh fdhfgdh fgdh fgh fgh fgh fghfgdh',
'fgdhdfg hdfg hfdgh dfgh '];
$(document).ready(function () {
$("li").click(function(){
he = heights[$(this).index()];
item = $(this);
$("#box").stop();
color = "#"+colors[item.index()];
$("#box").animate({"width": $(this).children().width()+30,"height": he,"margin-left": $(this).position().left-$(".lines2").position().left + 180,"margin-top": margin[item.index()]}, "slow");
$(".disc").fadeOut("500ms",function() {
$("#disctext").text(text[item.index()]);
$("#disctitle").text(titles[item.index()]);
$("#box").css("background-color",color);
$(".disc").fadeIn("200ms");
});
});
});
</script>