", {
id : 'yoxview'
});
popup.appendTo("body");
// the first image:
image1 = $("![]()
", {
className : "yoxview_fadeImg",
css : {"z-index" : "2"}
});
popup.append(image1[0]);
// the second image:
image2 = $("![]()
", {
className : "yoxview_fadeImg",
css : {"display" : "none", "z-index" : "1"}
});
popup.append(image2[0]);
// the menu:
var popupMenuPanel = $("
", {
id : "yoxview_popupMenuPanel",
className : "yoxview_popupBarPanel yoxview_top",
css : {"opacity" : "0" }
});
var popupMenu = $("
", {
id : "yoxview_popupMenu",
className : "yoxview_popupBar",
css : { "opacity" : "0.8" }
});
var popupMenuBackImg = new Image();
popupMenuBackImg.src = options.imagesFolder + "menu_back.png";
popupMenu.append(createMenuButton("close.png", currentLanguage.Close, yoxviewObj.close, true))
.append(createMenuButton("help.png", currentLanguage.Help, yoxviewObj.help, false));
var playBtn = createMenuButton("play.png", currentLanguage.Slideshow, yoxviewObj.play, false);
if (imagesCount > 1)
{
// prev and next buttons:
prevBtn = createNavButton(yoxviewObj.prev, options.isRTL ? "right" : "left", currentLanguage.PrevImage);
prevBtn.appendTo(popup);
nextBtn = createNavButton(yoxviewObj.next, options.isRTL ? "left" : "right", currentLanguage.NextImage);
nextBtn.appendTo(popup);
}
else{
playBtn.css("opacity", "0.2").unbind("click").click(function(){return false; });
}
popupMenu.append(playBtn)
.find("a:last-child").attr("class", "last");
ctlButtons = popup.find(".yoxview_ctlBtn");
popupMenuPanel.append(popupMenu).appendTo(popup);
// add the ajax loader:
ajaxLoader = $("
", {
id : "yoxview_ajaxLoader",
className : "yoxview_notification",
css : { "opacity" : 0 }
});
ajaxLoader.append(createImage("popup_ajax_loader.gif", currentLanguage.Loading, "32", "32"))
.appendTo(popup);
// notification images:
var notificationsNames = ["play", "pause", "first", "last"];
jQuery.each(notificationsNames, function(){
var notification = $("![]()
", {
className : "yoxview_notification",
alt : this,
src : options.imagesFolder + "popup_" + this + ".png",
css : { "opacity" : 0 }
});
notification.appendTo(popup);
notifications[this] = notification;
});
// help:
helpPanel = $("
", {
id : "yoxview_helpPanel",
href : "#",
title : currentLanguage.CloseHelp,
css : {
"background" : "url(" + options.imagesFolder + "help_panel.png) no-repeat center top",
"direction" : currentLanguage.Direction,
"opacity" : "0"
},
click : function(){
return yoxviewObj.clickBtn(yoxviewObj.help, false);
}
});
var helpTitle = document.createElement("h1");
helpTitle.innerHTML = currentLanguage.Help.toUpperCase();
var helpText = document.createElement("p");
helpText.innerHTML = currentLanguage.HelpText;
var closeHelp = document.createElement("span");
closeHelp.id = "yoxview_closeHelp";
closeHelp.innerHTML = currentLanguage.CloseHelp;
helpPanel.append(helpTitle).append(helpText).append(closeHelp).appendTo(popup);
// popup info:
popupInfo = $("
", {
id : "yoxview_popupInfo",
className : "yoxview_popupBarPanel yoxview_bottom"
});
popupInfoBack = $("
", {
className : "yoxview_popupBar yoxview_bottom",
css : {
"background" : options.infoBackColor,
"opacity" : options.infoBackOpacity,
"z-index" : "1",
"padding" : options.titlePadding + "px 0",
"min-height" : popupInfoTitleMinHeight
}
});
popupInfoBack.appendTo(popupInfo);
popupInfoTitle = $("", {
className : "yoxview_popupBar",
css : {
"z-index" : "2",
"bottom" : options.titlePadding,
"opacity" : "1"
}
});
popupInfoTitle.appendTo(popupInfo);
countDisplay = $("", {
css : {"opacity" : "1"}
});
countDisplay.appendTo(popupInfo);
popup.append(popupInfo);
// wrap for the popup and the background:
var popupWrap = $("
", {
className : "yoxview_popupBar",
css : {
"z-index" : "2",
"bottom" : options.titlePadding,
"opacity" : "1"
}
});
popupInfoTitle.appendTo(popupInfo);
countDisplay = $("", {
css : {"opacity" : "1"}
});
countDisplay.appendTo(popupInfo);
popup.append(popupInfo);
// wrap for the popup and the background:
var popupWrap = $("", {
id : "yoxview_popupWrap",
css : {
"position" : "fixed",
"top" : "0",
"left" : "0",
"width" : "100%",
"display" : "none",
"z-index" : "100"
}
});
popup.wrap(popupWrap);
// set the background:
$("", {
css : {
"position" : "fixed",
"height" : "100%",
"width" : "100%",
"top" : "0",
"left" : "0",
"background" : options.backgroundColor,
"z-index" : "1",
"opacity" : options.backgroundOpacity
},
click : function(){
return yoxviewObj.clickBtn(yoxviewObj.close, true);
}
}).appendTo(popup.parent());
if (options.buttonsFadeTime != 0)
{
ctlButtons.hover(
function(){
$(this).stop().animate({ opacity : 0.5 }, options.buttonsFadeTime);
},
function(){
$(this).stop().animate({ opacity : 0 }, options.buttonsFadeTime);
}
);
}
popupBars = popup.children(".yoxview_popupBarPanel");
popupBars.hover(
function(){
$(this).stop().animate({opacity : 1}, options.buttonsFadeTime);
},
function(){
$(this).stop().animate({opacity : 0}, options.buttonsFadeTime);
}
);
}
$(cacheImg).load(function()
{
cachedImages[currentCacheImg] = true;
if (currentCacheImg < imagesCount - 1)
cacheImages(currentCacheImg + 1);
});
function cacheImages(imageIndexToCache)
{
if (!cachedImages[imageIndexToCache])
{
currentCacheImg = imageIndexToCache;
cacheImg.src = images[imageIndexToCache].src;
}
else if (imageIndexToCache < imagesCount - 1)
cacheImages(imageIndexToCache + 1);
}
function createImage(_src, _alt, _width, _height)
{
var theImg = document.createElement("img");
$(theImg).attr({
"src" : options.imagesFolder + _src,
"alt" : _alt,
"width" : _width,
"height" : _height
});
return theImg;
}
this.clear = function()
{
image1.attr('src', '');
image2.attr('src', '');
ctlButtons.animate({opacity : 0}, 1500);
}
function showLoaderIcon()
{
ajaxLoader.stop().stopTime()
.oneTime(options.buttonsFadeTime, function()
{
$(this).animate({opacity : 0.5}, options.buttonsFadeTime);
});
}
this.showLoader = showLoaderIcon;
function hideLoaderIcon()
{
ajaxLoader.stop().stopTime().animate( {opacity: 0}, options.buttonsFadeTime );
}
this.hideLoader = hideLoaderIcon;
function setImage(itemIndex)
{
if (!isPlaying)
{
showLoaderIcon();
}
if (options.images == null)
thumbnail = currentImage.thumbnailImg.parent();
tempImg.src = currentImage.src;
}
function fitImageSize(imageWidth, imageHeight, targetWidth, targetHeight)
{
var resultSize = new ImageDimensions(imageWidth, imageHeight);
if (imageWidth > targetWidth)
{
resultSize.Height = Math.round((targetWidth / imageWidth) * imageHeight);
resultSize.Width = targetWidth;
}
if (resultSize.Height > targetHeight)
{
resultSize.Width = Math.round((targetHeight / resultSize.Height) * resultSize.Width);
resultSize.Height = targetHeight;
}
return resultSize;
}
function resizePopup(_width, _height, _top, _left, callBack)
{
popup.stop().animate({
width: _width,
height: _height,
top: _top,
left: _left
}, "slow", callBack);
}
function startPlay()
{
isPlaying = true;
if (currentItemIndex < imagesCount - 1)
{
popup.oneTime(options.playDelay, "play", function(){
yoxviewObj.next();
});
}
else
{
if (options.loopPlay)
popup.oneTime(options.playDelay, "play", function(){
yoxviewObj.select(0, null);
});
else
stopPlay();
}
}
function stopPlay()
{
popup.stopTime("play");
isPlaying = false;
}
function blink(_element)
{
_element.animate({ opacity : 0.8 }, 1000, function()
{
$(this).animate({opacity: 0.2}, 1000, blink($(this)));
});
}
var newImage = image1;
var oldImage = image2;
function getWindowDimensions()
{
var widthVal = $(window).width();
var heightVal = $(window).height();
var returnValue = {
height : heightVal,
width : widthVal,
usableHeight : heightVal - options.popupMargin * 2,
usableWidth : widthVal - options.popupMargin * 2
};
return returnValue;
}
this.resize = function()
{
if (isPlaying)
resumePlay = true;
if (isPlaying)
stopPlay();
var windowDimensions = getWindowDimensions();
var imageMaxSize = newImage.data("Data").maxSize;
var newImageDimensions = fitImageSize(
imageMaxSize.Width,
imageMaxSize.Height,
windowDimensions.usableWidth,
windowDimensions.usableHeight);
newImage.css({"width" : "100%", "height" : "100%"});
var marginTop = Math.round((windowDimensions.height - newImageDimensions.Height) / 2);
var marginLeft = Math.round((windowDimensions.width - newImageDimensions.Width) / 2);
isResizing = true;
resizePopup(newImageDimensions.Width,
newImageDimensions.Height,
marginTop,
marginLeft,
function(){
var newImageWidth = popup.width();
var newImageHeight = popup.height();
newImage.css({ "width" : newImageWidth + "px", "height" : newImageHeight + "px" });
isResizing = false;
if (resumePlay)
{
startPlay();
resumePlay = false;
}
}
);
}
/*
function zoomImage(e, delta)
{
var zoomFactor = 30;
var currentWidth = newImage.width();
var imageMaxSize = newImage.data("Data").maxSize;
if (
(delta > 0 && currentWidth < imageMaxSize.Width) ||
(delta < 0 && currentWidth > popup.width())
)
{
var newWidth = parseInt(currentWidth) * (1 + delta * zoomFactor / currentWidth);
var newSizeIsLargerThanImage = newWidth > imageMaxSize.Width;
newImage.css("width", function(i, value){
if (newSizeIsLargerThanImage)
return imageMaxSize.Width;
return newWidth;
})
.css("height", function(i, value){
if (newSizeIsLargerThanImage)
return imageMaxSize.Height;
var intValue = parseInt(value);
return parseInt(intValue) * (1 + delta * zoomFactor / intValue);
});
}
return false;
}
*/
function setTitleHeight()
{
var titleHeight = popupInfoTitle.outerHeight();
if (titleHeight < popupInfoTitleMinHeight)
titleHeight = popupInfoTitleMinHeight;
popupInfoBack.animate({height : titleHeight}, "fast");
}
$(tempImg).load(function()
{
if (this.width == 0)
return;
if (image1.css('z-index') == 1)
{
newImage = image1;
oldImage = image2;
}
else
{
newImage = image2;
oldImage = image1;
}
newImage.data("Data", { maxSize :new ImageDimensions(this.width, this.height)});
var windowDimensions = getWindowDimensions();
var newImageDimensions = fitImageSize(
this.width,
this.height,
windowDimensions.usableWidth,
windowDimensions.usableHeight);
popupInfoTitle.html(currentImage.title);
if (imagesCount > 1)
countDisplay.html(currentItemIndex + 1 + "/" + imagesCount);
newImage.attr({
src : this.src,
title : currentImage.title
})
.css({
"width" : newImageDimensions.Width + "px",
"height" : newImageDimensions.Height + "px"
});
var marginTop = Math.round((windowDimensions.height - newImageDimensions.Height) / 2);
var marginLeft = Math.round((windowDimensions.width - newImageDimensions.Width) / 2);
if (!isPlaying)
hideLoaderIcon();
isResizing = true;
resizePopup(newImageDimensions.Width,
newImageDimensions.Height,
marginTop,
marginLeft,
function()
{
if (firstImage)
{
popupBars.css("display", "block");
ctlButtons.animate({opacity: 0.5}, 1500).oneTime(1700, function(){
if(options.buttonsFadeTime != 0)
$(this).animate({opacity : 0}, 1500);
});
popupBars
.animate({ opacity: 1}, 1500)
.oneTime(1700, function(){
$(this).animate({opacity : 0}, 1500);
});
setTitleHeight();
firstImage = false;
}
isResizing = false;
}
);
newImage.css('z-index', '2');
oldImage.css('z-index', '1');
newImage.fadeIn("slow", function(){
oldImage.css('display', 'none');
if (currentImage.title != "")
{
popupInfo.css({
"display" : "block"
});
setTitleHeight();
if (options.displayImageTitleByDefault)
{
popupInfo.stop().stopTime().animate({ opacity: 1}, 500, function()
{
$(this).oneTime(options.titleDisplayDuration, function()
{
$(this).stop().animate({opacity : 0}, 500);
});
}
);
}
}
else if (popupInfo.css("display") != "none")
{
popupInfo.fadeOut(options.buttonsFadeTime);
}
if (imagesCount > 1)
{
if (currentItemIndex < imagesCount - 1){
if(options.cacheImagesInBackground)
cacheImages(currentItemIndex + 1);
}
if (isPlaying)
startPlay();
}
});
tempImg.src = "";
});
// deep-compare objects:
function compare(obj1, obj2)
{
function size(obj)
{
var size = 0;
for (var keyName in obj)
{
if (keyName != null)
size++;
}
return size;
}
if (size(obj1) != size(obj2))
return false;
for(var keyName in obj1)
{
var value1 = obj1[keyName];
var value2 = obj2[keyName];
if (typeof obj1[keyName] != typeof obj2[keyName])
return false;
if (typeof obj1[keyName] == 'function' || typeof obj1[keyName] == 'object') {
var equal = compare(obj1[keyName], obj2[keyName]);
if (!equal)
return equal;
}
else if (obj1[keyName] != obj2[keyName])
return false;
}
return true;
}
this.unload = function(){
jQuery.each(views, function(i, view){
$(view).find("a:has(img)").unbind("click.yoxview")
});
if (popup != undefined)
popup.parent().remove();
};
}
function createThumbnail(linkUrl, alt, title, imageSrc, viewIndex)
{
var thumbnail = $("", {
href: linkUrl
});
if (viewIndex)
thumbnail.data("yoxview", {viewIndex : viewIndex});
var thumbImage = $("![]()
", {
src : imageSrc,
alt : alt,
title : title
}).appendTo(thumbnail);
return thumbnail;
}
function getYoxviewPath()
{
return "/assets/js/yoxview/";
var scripts = document.getElementsByTagName("script");
var regex = /(.*\/)yoxview.*/i;
for(var i=0; i
", {
css : {
"position" : "fixed",
"height" : "100%",
"width" : "100%",
"top" : "0",
"left" : "0",
"background" : options.backgroundColor,
"z-index" : "1",
"opacity" : options.backgroundOpacity
},
click : function(){
return yoxviewObj.clickBtn(yoxviewObj.close, true);
}
}).appendTo(popup.parent());
if (options.buttonsFadeTime != 0)
{
ctlButtons.hover(
function(){
$(this).stop().animate({ opacity : 0.5 }, options.buttonsFadeTime);
},
function(){
$(this).stop().animate({ opacity : 0 }, options.buttonsFadeTime);
}
);
}
popupBars = popup.children(".yoxview_popupBarPanel");
popupBars.hover(
function(){
$(this).stop().animate({opacity : 1}, options.buttonsFadeTime);
},
function(){
$(this).stop().animate({opacity : 0}, options.buttonsFadeTime);
}
);
}
$(cacheImg).load(function()
{
cachedImages[currentCacheImg] = true;
if (currentCacheImg < imagesCount - 1)
cacheImages(currentCacheImg + 1);
});
function cacheImages(imageIndexToCache)
{
if (!cachedImages[imageIndexToCache])
{
currentCacheImg = imageIndexToCache;
cacheImg.src = images[imageIndexToCache].src;
}
else if (imageIndexToCache < imagesCount - 1)
cacheImages(imageIndexToCache + 1);
}
function createImage(_src, _alt, _width, _height)
{
var theImg = document.createElement("img");
$(theImg).attr({
"src" : options.imagesFolder + _src,
"alt" : _alt,
"width" : _width,
"height" : _height
});
return theImg;
}
this.clear = function()
{
image1.attr('src', '');
image2.attr('src', '');
ctlButtons.animate({opacity : 0}, 1500);
}
function showLoaderIcon()
{
ajaxLoader.stop().stopTime()
.oneTime(options.buttonsFadeTime, function()
{
$(this).animate({opacity : 0.5}, options.buttonsFadeTime);
});
}
this.showLoader = showLoaderIcon;
function hideLoaderIcon()
{
ajaxLoader.stop().stopTime().animate( {opacity: 0}, options.buttonsFadeTime );
}
this.hideLoader = hideLoaderIcon;
function setImage(itemIndex)
{
if (!isPlaying)
{
showLoaderIcon();
}
if (options.images == null)
thumbnail = currentImage.thumbnailImg.parent();
tempImg.src = currentImage.src;
}
function fitImageSize(imageWidth, imageHeight, targetWidth, targetHeight)
{
var resultSize = new ImageDimensions(imageWidth, imageHeight);
if (imageWidth > targetWidth)
{
resultSize.Height = Math.round((targetWidth / imageWidth) * imageHeight);
resultSize.Width = targetWidth;
}
if (resultSize.Height > targetHeight)
{
resultSize.Width = Math.round((targetHeight / resultSize.Height) * resultSize.Width);
resultSize.Height = targetHeight;
}
return resultSize;
}
function resizePopup(_width, _height, _top, _left, callBack)
{
popup.stop().animate({
width: _width,
height: _height,
top: _top,
left: _left
}, "slow", callBack);
}
function startPlay()
{
isPlaying = true;
if (currentItemIndex < imagesCount - 1)
{
popup.oneTime(options.playDelay, "play", function(){
yoxviewObj.next();
});
}
else
{
if (options.loopPlay)
popup.oneTime(options.playDelay, "play", function(){
yoxviewObj.select(0, null);
});
else
stopPlay();
}
}
function stopPlay()
{
popup.stopTime("play");
isPlaying = false;
}
function blink(_element)
{
_element.animate({ opacity : 0.8 }, 1000, function()
{
$(this).animate({opacity: 0.2}, 1000, blink($(this)));
});
}
var newImage = image1;
var oldImage = image2;
function getWindowDimensions()
{
var widthVal = $(window).width();
var heightVal = $(window).height();
var returnValue = {
height : heightVal,
width : widthVal,
usableHeight : heightVal - options.popupMargin * 2,
usableWidth : widthVal - options.popupMargin * 2
};
return returnValue;
}
this.resize = function()
{
if (isPlaying)
resumePlay = true;
if (isPlaying)
stopPlay();
var windowDimensions = getWindowDimensions();
var imageMaxSize = newImage.data("Data").maxSize;
var newImageDimensions = fitImageSize(
imageMaxSize.Width,
imageMaxSize.Height,
windowDimensions.usableWidth,
windowDimensions.usableHeight);
newImage.css({"width" : "100%", "height" : "100%"});
var marginTop = Math.round((windowDimensions.height - newImageDimensions.Height) / 2);
var marginLeft = Math.round((windowDimensions.width - newImageDimensions.Width) / 2);
isResizing = true;
resizePopup(newImageDimensions.Width,
newImageDimensions.Height,
marginTop,
marginLeft,
function(){
var newImageWidth = popup.width();
var newImageHeight = popup.height();
newImage.css({ "width" : newImageWidth + "px", "height" : newImageHeight + "px" });
isResizing = false;
if (resumePlay)
{
startPlay();
resumePlay = false;
}
}
);
}
/*
function zoomImage(e, delta)
{
var zoomFactor = 30;
var currentWidth = newImage.width();
var imageMaxSize = newImage.data("Data").maxSize;
if (
(delta > 0 && currentWidth < imageMaxSize.Width) ||
(delta < 0 && currentWidth > popup.width())
)
{
var newWidth = parseInt(currentWidth) * (1 + delta * zoomFactor / currentWidth);
var newSizeIsLargerThanImage = newWidth > imageMaxSize.Width;
newImage.css("width", function(i, value){
if (newSizeIsLargerThanImage)
return imageMaxSize.Width;
return newWidth;
})
.css("height", function(i, value){
if (newSizeIsLargerThanImage)
return imageMaxSize.Height;
var intValue = parseInt(value);
return parseInt(intValue) * (1 + delta * zoomFactor / intValue);
});
}
return false;
}
*/
function setTitleHeight()
{
var titleHeight = popupInfoTitle.outerHeight();
if (titleHeight < popupInfoTitleMinHeight)
titleHeight = popupInfoTitleMinHeight;
popupInfoBack.animate({height : titleHeight}, "fast");
}
$(tempImg).load(function()
{
if (this.width == 0)
return;
if (image1.css('z-index') == 1)
{
newImage = image1;
oldImage = image2;
}
else
{
newImage = image2;
oldImage = image1;
}
newImage.data("Data", { maxSize :new ImageDimensions(this.width, this.height)});
var windowDimensions = getWindowDimensions();
var newImageDimensions = fitImageSize(
this.width,
this.height,
windowDimensions.usableWidth,
windowDimensions.usableHeight);
popupInfoTitle.html(currentImage.title);
if (imagesCount > 1)
countDisplay.html(currentItemIndex + 1 + "/" + imagesCount);
newImage.attr({
src : this.src,
title : currentImage.title
})
.css({
"width" : newImageDimensions.Width + "px",
"height" : newImageDimensions.Height + "px"
});
var marginTop = Math.round((windowDimensions.height - newImageDimensions.Height) / 2);
var marginLeft = Math.round((windowDimensions.width - newImageDimensions.Width) / 2);
if (!isPlaying)
hideLoaderIcon();
isResizing = true;
resizePopup(newImageDimensions.Width,
newImageDimensions.Height,
marginTop,
marginLeft,
function()
{
if (firstImage)
{
popupBars.css("display", "block");
ctlButtons.animate({opacity: 0.5}, 1500).oneTime(1700, function(){
if(options.buttonsFadeTime != 0)
$(this).animate({opacity : 0}, 1500);
});
popupBars
.animate({ opacity: 1}, 1500)
.oneTime(1700, function(){
$(this).animate({opacity : 0}, 1500);
});
setTitleHeight();
firstImage = false;
}
isResizing = false;
}
);
newImage.css('z-index', '2');
oldImage.css('z-index', '1');
newImage.fadeIn("slow", function(){
oldImage.css('display', 'none');
if (currentImage.title != "")
{
popupInfo.css({
"display" : "block"
});
setTitleHeight();
if (options.displayImageTitleByDefault)
{
popupInfo.stop().stopTime().animate({ opacity: 1}, 500, function()
{
$(this).oneTime(options.titleDisplayDuration, function()
{
$(this).stop().animate({opacity : 0}, 500);
});
}
);
}
}
else if (popupInfo.css("display") != "none")
{
popupInfo.fadeOut(options.buttonsFadeTime);
}
if (imagesCount > 1)
{
if (currentItemIndex < imagesCount - 1){
if(options.cacheImagesInBackground)
cacheImages(currentItemIndex + 1);
}
if (isPlaying)
startPlay();
}
});
tempImg.src = "";
});
// deep-compare objects:
function compare(obj1, obj2)
{
function size(obj)
{
var size = 0;
for (var keyName in obj)
{
if (keyName != null)
size++;
}
return size;
}
if (size(obj1) != size(obj2))
return false;
for(var keyName in obj1)
{
var value1 = obj1[keyName];
var value2 = obj2[keyName];
if (typeof obj1[keyName] != typeof obj2[keyName])
return false;
if (typeof obj1[keyName] == 'function' || typeof obj1[keyName] == 'object') {
var equal = compare(obj1[keyName], obj2[keyName]);
if (!equal)
return equal;
}
else if (obj1[keyName] != obj2[keyName])
return false;
}
return true;
}
this.unload = function(){
jQuery.each(views, function(i, view){
$(view).find("a:has(img)").unbind("click.yoxview")
});
if (popup != undefined)
popup.parent().remove();
};
}
function createThumbnail(linkUrl, alt, title, imageSrc, viewIndex)
{
var thumbnail = $("", {
href: linkUrl
});
if (viewIndex)
thumbnail.data("yoxview", {viewIndex : viewIndex});
var thumbImage = $("![]()
", {
src : imageSrc,
alt : alt,
title : title
}).appendTo(thumbnail);
return thumbnail;
}
function getYoxviewPath()
{
return "/assets/js/yoxview/";
var scripts = document.getElementsByTagName("script");
var regex = /(.*\/)yoxview.*/i;
for(var i=0; i