cssInline = "<style>\n\
/*preload classes*/\n\
.svw {width: 50px; height: 20px; background: #fff;} \n\
.svw ul {position: relative; left: -999em;} \n\
 \n\
/*core classes*/ \n\
.stripViewer\n\
{  \n\
	position: relative; \n\
	overflow: hidden;  \n\
	border: 5px solid #B1B1B1;   \n\
	margin: 0 0 1px 0; \n\
}\n\
\n\
.stripViewer ul { /* this is your UL of images */ \n\
margin: 0; \n\
padding: 0; \n\
position: relative; \n\
left: 0; \n\
top: 0; \n\
width: 1%; \n\
list-style-type: none; \n\
} \n\
.stripViewer ul li {  \n\
float:left; \n\
} \n\
.stripTransmitter { \n\
overflow: auto; \n\
width: 1%; \n\
} \n\
.stripTransmitter ul { \n\
margin: 0; \n\
padding: 0; \n\
position: relative; \n\
list-style-type: none; \n\
} \n\
.stripTransmitter ul li{ \n\
width: 20px; \n\
float:left; \n\
margin: 0 1px 1px 0; \n\
} \n\
.stripTransmitter a{ \n\
font: bold 10px Verdana, Arial; \n\
text-align: center; \n\
line-height: 22px; \n\
background: #330099; \n\
color: #fff; \n\
text-decoration: none; \n\
display: block; \n\
} \n\
.stripTransmitter a:hover, a.current{ \n\
background: #fff; \n\
color: #330099; \n\
} \n\
 \n\
/*tooltips formatting*/ \n\
#tooltip { \n\
background: #fff; \n\
color: #000; \n\
opacity: 0.85; \n\
border: 5px solid #dedede; \n\
} \n\
#tooltip h3 {  \n\
font: normal 10px Verdana;  \n\
margin: 0;  \n\
padding: 6px 2px;  \n\
border: 0; \n\
} \n\
</style>";

document.write(cssInline);


$(window).bind("load", function(){
	//$("div#mygalone").hide();
	$("div#mygalone").slideView({toolTip: true});
	$('a.lightsGal').zoomimage({centered: true, hideSource: false, controls: false});//--- this one is for the image zoom
});