רוצים להיות הראשונים לדעת מה קורה במוזיאון?
הצטרפו לניוזלטר שלנו!
' + marqueeContent + '
') ;
}
marqueeSpawned[i] = new marqueeObj(newElement);
$(config.container_class).append(newElement);
marqueeSpawned[i].currentPos = (widthToIgnore + (contentWidth*i))+(config.padding*i); //initial positioning
marqueeSpawned[i].name = '.marquee-'+(i+1);
marqueeSpawned[i].totalDistance = totalDistance;
marqueeSpawned[i].containerWidth = containerWidth;
marqueeSpawned[i].contentWidth = contentWidth;
marqueeSpawned[i].endPoint = endPoint;
marqueeSpawned[i].duration = config.duration;
marqueeSpawned[i].padding = config.padding;
marqueeSpawned[i].el.css('right', marqueeSpawned[i].currentPos+config.padding +'px'); //setting left according to postition
if (focused == true){
marqueeManager(marqueeSpawned[i]);
}
}
}
function marqueeManager(marqueed_el) {
if (marqueed_el.hovered == false) {
if (marqueed_el.counter > 0) { //this is not the first loop
marqueed_el.timeLeft = marqueed_el.duration;
marqueed_el.el.css('right', marqueed_el.containerWidth +'px'); //setting margin
marqueed_el.currentPos = marqueed_el.containerWidth;
marqueed_el.distanceLeft = marqueed_el.totalDistance - (marqueed_el.containerWidth - marqueed_el.getPosition());
} else { // this is the first loop
marqueed_el.timeLeft = (((marqueed_el.totalDistance - (marqueed_el.containerWidth - marqueed_el.getPosition()))/ marqueed_el.totalDistance)) * marqueed_el.duration;
}
} else {
marqueed_el.hovered = false;
marqueed_el.currentPos = parseInt(marqueed_el.el.css('right'));
marqueed_el.distanceLeft = marqueed_el.totalDistance - (marqueed_el.containerWidth - marqueed_el.getPosition());
marqueed_el.timeLeft = (((marqueed_el.totalDistance - (marqueed_el.containerWidth - marqueed_el.currentPos))/ marqueed_el.totalDistance)) * marqueed_el.duration;
}
marqueeAnim(marqueed_el);
}
function marqueeAnim (marqueeObject){
marqueeObject.counter++
marqueeObject.el.clearQueue().animate({'right': marqueeObject.endPoint+'px'}, marqueeObject.timeLeft, 'linear', function(){marqueeManager(marqueeObject)});
}
window.onfocus = function(){
focused = true;
for (var key in marqueeSpawned){
marqueeManager(marqueeSpawned[key]);
}
};
window.onblur = function(){
focused = false;
for (var key in marqueeSpawned){
marqueeSpawned[key].el.clearQueue().stop();
marqueeSpawned[key].hovered = true;
}
};
$("#tasikcontentithems").removeClass("marquee-content-items" ).addClass("marquee-tasik-content-items" );
$("#tasikmarquee").removeClass("marquee").addClass("marquee-tasik" );
$("#tasikcontainer").removeClass( "simple-marquee-container" ).addClass("simple-marquee-tasik-container");
createMarqueeTasik({
marquee_class: '.marquee-tasik',
container_class:'.simple-marquee-tasik-container'
});
}else{
var marqueeSpawned = [];
var marqueeHovered = false;
if(document.hasFocus()) {
var focused = true;
} else {
var focused = false;
}
function marqueeObj (newElement) {
this.el = newElement;
this.counter = 0;
this.getPosition = getCurrentPosition;
this.name = "";
this.timeLeft = 0;
this.currentPos = 0;
this.distanceLeft = 0;
this.totalDistance = 0;
this.contentWidth = 0;
this.endPoint = 0;
this.duration = 0;
this.hovered = false;
this.padding = 0;
}
function getCurrentPosition() {
this.currentPos = parseInt($(this.name).css('left'));
return this.currentPos;
}
function createMarquee(settings) {
var defaults = {
duration: 170000,
padding: 10,
marquee_class: '.marquee',
container_class: '.simple-marquee-container',
sibling_class: 0,
hover: true
};
var config = $.extend({}, defaults, settings);
if($(config.marquee_class).width() == 0){
console.error('FATAL: marquee css or children css not correct. Width is either set to 0 or the element is collapsing. Make sure overflow is set on the marquee, and the children are postitioned relatively');
return;
}
if(typeof $(config.marquee_class) === 'undefined'){
console.error('FATAL: marquee class not valid');
return;
}
if(typeof $(config.container_class) === 'undefined'){
console.error('FATAL: marquee container class not valid');
return;
}
if(config.sibling_class != 0 && typeof $(config.sibling_class) === 'undefined'){
console.error('FATAL: sibling class container class not valid');
return;
}
var config = $.extend({}, defaults, settings);
var marqueeContent = $(config.marquee_class).html()
var containerWidth = $(config.container_class).width();
var contentWidth = $(config.marquee_class).width();
if (config.sibling_class == 0) {
var widthToIgnore = 0;
} else {
var widthToIgnore = $(config.sibling_class).width();
}
var spawnAmount = Math.ceil(containerWidth / contentWidth);
//init vars from input
$(config.marquee_class).remove();
if(spawnAmount' + marqueeContent + '' + marqueeContent + '
') ;
}
marqueeSpawned[i] = new marqueeObj(newElement);
$(config.container_class).append(newElement);
marqueeSpawned[i].currentPos = (widthToIgnore + (contentWidth*i))+(config.padding*i); //initial positioning
marqueeSpawned[i].name = '.marquee-'+(i+1);
marqueeSpawned[i].totalDistance = totalDistance;
marqueeSpawned[i].containerWidth = containerWidth;
marqueeSpawned[i].contentWidth = contentWidth;
marqueeSpawned[i].endPoint = endPoint;
marqueeSpawned[i].duration = config.duration;
marqueeSpawned[i].padding = config.padding;
marqueeSpawned[i].el.css('left', marqueeSpawned[i].currentPos+config.padding +'px'); //setting left according to postition
if (focused == true){
marqueeManager(marqueeSpawned[i]);
}
}
}
function marqueeManager(marqueed_el) {
if (marqueed_el.hovered == false) {
if (marqueed_el.counter > 0) { //this is not the first loop
marqueed_el.timeLeft = marqueed_el.duration;
marqueed_el.el.css('left', marqueed_el.containerWidth +'px'); //setting margin
marqueed_el.currentPos = marqueed_el.containerWidth;
marqueed_el.distanceLeft = marqueed_el.totalDistance - (marqueed_el.containerWidth - marqueed_el.getPosition());
} else { // this is the first loop
marqueed_el.timeLeft = (((marqueed_el.totalDistance - (marqueed_el.containerWidth - marqueed_el.getPosition()))/ marqueed_el.totalDistance)) * marqueed_el.duration;
}
} else {
marqueed_el.hovered = false;
marqueed_el.currentPos = parseInt(marqueed_el.el.css('left'));
marqueed_el.distanceLeft = marqueed_el.totalDistance - (marqueed_el.containerWidth - marqueed_el.getPosition());
marqueed_el.timeLeft = (((marqueed_el.totalDistance - (marqueed_el.containerWidth - marqueed_el.currentPos))/ marqueed_el.totalDistance)) * marqueed_el.duration;
}
marqueeAnim(marqueed_el);
}
function marqueeAnim (marqueeObject){
marqueeObject.counter++
marqueeObject.el.clearQueue().animate({'left': marqueeObject.endPoint+'px'}, marqueeObject.timeLeft, 'linear', function(){marqueeManager(marqueeObject)});
}
window.onfocus = function(){
focused = true;
for (var key in marqueeSpawned){
marqueeManager(marqueeSpawned[key]);
}
};
window.onblur = function(){
focused = false;
for (var key in marqueeSpawned){
marqueeSpawned[key].el.clearQueue().stop();
marqueeSpawned[key].hovered = true;
}
};
$("#tasikcontentithems").removeClass("marquee-tasik-content-items").addClass("marquee-content-items");
$("#tasikmarquee").removeClass("marquee-tasik").addClass("marquee" );
$("#tasikcontainer").removeClass( "simple-marquee-tasik-container").addClass("simple-marquee-container");
createMarquee({
marquee_class: '.marquee',
container_class:'.simple-marquee-container'
});
}
});
מסע בין תרבויות עתיקות
אוגרית
עמון
ירושלים
ממפיס
נינוה
בבל
מצרים
כריתים
קפריסין
פיניקה
אבלה
מארי
מסע בין תרבויות עתיקות
אוגרית
ירושלים
ממפיס
נינוה
קפריסין
פיניקה
מארי
