changed js behavior(needs testing), css got changed for the index.

Hey! DON'T MERGE ME!

I modified the javascript a little bit.

We need the iframe to appear with these attributes
    <iframe id="myModal" style ="position:relative"  frameBorder="1"  seamless width= '100%'  height = "170px"src="index.html"></iframe>


it needs to appear betwen the element that was clicked and the next sibling element in the dom.

			$("THISWHEREICLICKED").append('<iframe id="myModal" frameborder="0" src="' + iframSrc + '"></iframe>');
			jQuery('#myModal').css({
				'width': 100%,
				'height': 250,
        'seamless': "",
        "position":"relative"