var forumsArray = ['majdah.maktoob.com','uaesm.maktoob.com', 'alfrasha.maktoob.com', 'cars-club.maktoob.com' , 'forum.maktoob.com' , 'almobile.maktoob.com' , 'forum.sh3bwah.maktoob.com' ,
'musahim.maktoob.com' , 'arb3.maktoob.com', 'travel.maktoob.com' , 'dvd4arab.maktoob.com' , 'sport4ever.maktoob.com' , 'quran.maktoob.com' ] ;
var spaceIds = [2142651634,2142651781,2142651518,2142651568,2142651893,2142651517,2142651703,2142651669,2142651548,2142651666,2142651569,2142651987,2143296103];
var ywas = [10001898745196,1000869268790,10001213174851,10001122666251,10001898745196,1000897630331,10001898745196,1000869268790,10001213174851,1000624196728,10001898745196,10001586439352,10001586439352] ;
var jsoneUrl = "http://i1.makcdn.com/TodayEverywhere/data.js";
var dommmm = document.domain ;
for(i in forumsArray){
if (forumsArray[i].indexOf(dommmm) >= 0 ){
var spaceId = spaceIds[i];
var projectId = ywas[i];
break;
}
}
// ##################################### //
// ### DON'T MODIFY BENEATH THIS LINE ## //
// ##################################### //
var rootStatus = true;
var paginator = 1;
var numItems = 0;
var locked = false;
YUI().use("cookie", "scrollview", "scrollview-paginator", "node", "event", "anim", "jsonp", "json-parse", "escape", function (Y) {
// On contentready, start INITng the event handler for accordion effect
Y.on('contentready',function(){
var insideItemsUL = Y.one('#ymk-tew-over');
// onmouseover action handler
insideItemsUL.all('li').on('mouseenter', function(e) {
var outerDiv = e.currentTarget;
tewAnim = new Y.Anim({
node: outerDiv,
from: {width: 179},
to: {width: 329},
duration: 0.5
});
tewAnim.on("end", function() {
var currentIndex = e.currentTarget.getAttribute("id").toString().replace("inside-", "");
if ((currentIndex % 5 === 4) && (currentIndex != 0)) {
var ymkWidth = parseInt(Y.one("#ymk-tew-over").getStyle("right").toString().replace("px", "")) - parseInt(150);
Y.one("#ymk-tew-over").setStyle("right", ymkWidth);
}
});
tewAnim.run();
outerDiv.one('div').setStyle('width','auto').addClass('slidover');
});
// onmouseout action handler
insideItemsUL.all('li').on("mouseleave",function(e) {
var outerDiv = e.currentTarget;
tewAnim = new Y.Anim({
node: outerDiv,
to: {width: 179},
duration: 0.5
});
tewAnim.on("start", function(){
var currentIndex = e.currentTarget.getAttribute("id").toString().replace("inside-", "");
if ((currentIndex % 5 === 4) && (currentIndex != 0)) {
var ymkWidth = parseInt(Y.one("#ymk-tew-over").getStyle("right").toString().replace("px", "")) + parseInt(150);
Y.one("#ymk-tew-over").setStyle("right", ymkWidth);
}
});
tewAnim.run();
outerDiv.one('div').removeClass("slidover");
});
}, '.inside-tew');
// Attach an "on domready" event listener to the DIV #main-holder to send the request
Y.on("domready", function(e) {
var url = jsoneUrl + "?callback={callback}";
Y.jsonp(url, handleJSONP);
});
// Attach an "on domready" event listener to Show TEW bar
Y.on("domready", function() {
// onClick on `tew-opener` open the slider
Y.one("#tew-opener").on("click", function() {
Y.one("#tew-opener").hide("fadeOut",function() {
Y.one("#tew-driver").setStyle("display", "block");
var tewAnim = new Y.Anim({
node: "#tew-driver",
from: {height: 0},
to: {height: 209},
easing: Y.Easing.easeIn,
duration: 0.2
});
// Run baby, RUNNNN
tewAnim.run();
});
Y.Cookie.set("yahoo_tew", "half", {expires: new Date("January 12, 2025"), path: "/"});
});
// onClick on `tew-closer` close the slider
Y.one("#tew-closer").on("click", function() {
if (rootStatus) {
var tewAnim = new Y.Anim({
node: "#tew-driver",
from: {height: 209},
to: {height: 0},
easing: Y.Easing.backIn,
duration: 0.2
});
tewAnim.on('end', function(){
Y.one("#tew-opener").show("fadeIn",function() {
Y.one("#tew-driver").setStyle("display", "none");
Y.Cookie.set("yahoo_tew", "closed", {expires: new Date("January 12, 2025"), path: "/"});
});
});
tewAnim.run();
} else {
var tewAnim = new Y.Anim({
node: "#tew-driver",
from: {height: function(node) {return node.get('scrollHeight');}},
to: {height: 209},
easing: Y.Easing.backIn,
duration: 0.3
});
tewAnim.run();
rootStatus = true;
}
});
// onClick on `tew-prev` paginate the details to next details item
Y.one("#tew-prev").on("click", function(){
if ((paginator) >= 1) {
showDetails(paginator - 1);
if (Y.one("#tew-next").getStyle("display") == "none") {
Y.one("#tew-next").setStyle("display", "block");
Y.one("#tew-next-empty").setStyle("display", "none");
}
}
if(paginator == 0) {
Y.one("#tew-prev").setStyle("display", "none");
Y.one("#tew-prev-empty").setStyle("display", "block");
}
});
// onClick on `tew-next` paginate the details to previous details item
Y.one("#tew-next").on("click", function(){
if ((paginator + 1) < numItems) {
showDetails(paginator + 1);
if (Y.one("#tew-prev").getStyle("display") == "none") {
Y.one("#tew-prev").setStyle("display", "block");
Y.one("#tew-prev-empty").setStyle("display", "none");
}
}
if ((paginator + 1) == numItems) {
Y.one("#tew-next").setStyle("display", "none");
Y.one("#tew-next-empty").setStyle("display", "block");
}
});
});
});
/**
* Function to handle the JSONP response
*
* @param ARRAY response, An array that contains a JSON object
* @return VOID, Nothing to be returned, only setContent to "targets"
*/
function handleJSONP(response) {
numItems = _fillOver(response);
_fillDetails(response);
_showDriver();
}
/**
* Fills "OVER" view
*
* @param ARRAY response, An array tha contains JSON objects to fill the target selector
* @return VOID, Nothing to be returned, only setContent to "#ymk-tew-over"
*/
function _fillOver(response) {
// Set number of items
YUI().use("anim", "json", "node", "json-parse", "escape", function(Y) {
var html = '', i, l;
// The returned data was parsed into an array of objects.
// Start filling the HTML
// Fill DIV with ID {ymk-tew-over}
var target = Y.one("#ymk-tew-over");
var themeClass;
for (i = 0, l = response.length; i < l; ++i) {
response[i].title = Y.Escape.html(response[i].title);
response[i].image = Y.Escape.html(response[i].image);
themeClass = "zothrimg";
if (i == 0) {
themeClass = "imgfirst";
}
html += '';
}
// Use the Node API to apply the new innerHTML to the target
target.setContent(html);
// Constants
var WINDOW_WIDTH, TOTAL_PAGES, ITEM_PER_PAGE = 5;
// Class names
var RIGHT_BUTTON = "right-button", LEFT_BUTTON = "left-button", PAGINATION = "pagination";
// YNode references
var _carousel;
// Animator
var _anim;
// Current X position used in animation
var _currentXPosition, _startXPosition, _startIndex = 0, _lastIndex;
// Current pagination page shown; it contains a integer like 1, 2, etc.
var _currentIndex = 0;
// Event handlers
function init() {
// Initialize the DOM references
_carousel = Y.one(".carousel"),
// Animation stuff
_anim = new Y.Anim({node: _carousel, duration: 0.5, easing: Y.Easing.easeOut});
// Get the offsetWidth of the list containing the photos
WINDOW_WIDTH = _carousel.get("children").item(0).get("offsetWidth");
TOTAL_PAGES = _carousel.get("children").size();
_lastIndex = TOTAL_PAGES - 1;
_currentXPosition =parseInt(_carousel.getStyle('right'),10);
// Add a custom attribute to track the current page that we're on
_anim.addAttr("currentPage", { value : _currentIndex });
_anim.on("end", handleScrollEnd);
}
// When the scrolling animation ends, this event handler is called.
function handleScrollEnd(e){}
// Detect the click and then scroll appropriately
function scrollControl(e) {
var target = e.target,
hasLeftButton = target.hasClass(LEFT_BUTTON),
hasRightButton = target.hasClass(RIGHT_BUTTON),
hasPagination = target.get("parentNode").hasClass(PAGINATION),
gotoPage;
if (hasLeftButton) {
scrollLeft();
} else if (hasRightButton) {
scrollRight();
} else if (hasPagination) {
// Parse out class name "page" to get the integer
gotoPage = parseInt(target.get("className").substring(4), 10);
paginate(gotoPage);
}
if (hasLeftButton || hasRightButton || hasPagination) {
_anim.set("to", {'right' : _currentXPosition });
_anim.set("currentPage", {value : _currentIndex});
_anim.run();
}
}
// Handles scrolling left
function scrollLeft() {
if (_currentIndex === _startIndex) {_currentIndex= 5;}
else {
_currentIndex+= 5;
if(_currentIndex >= TOTAL_PAGES ) {_currentXPosition = 0; _currentIndex = 0;}
}
_currentXPosition = _currentIndex * WINDOW_WIDTH * -1;
}
// Handles scrolling right
function scrollRight() {
if (_currentIndex === _startIndex) {_currentIndex = TOTAL_PAGES - 5;}
else {_currentIndex-= 5;}
_currentXPosition = _currentIndex * WINDOW_WIDTH * -1;
}
// Handles pagination
function paginate(gotoPage) {
var multiple;
if (gotoPage > _currentIndex) {
// This is like clicking go right
multiple = gotoPage - _currentIndex;
for (var i = 0;i < multiple;i++) {
_currentXPosition -= WINDOW_WIDTH;
}
} else if (gotoPage < _currentIndex) {
// This is like clicking go left
multiple = _currentIndex - gotoPage;
for (var i = 0;i < multiple;i++) {
_currentXPosition += WINDOW_WIDTH;
}
}
_currentIndex = gotoPage;
}
// Start executing slider logic
Y.on("domready", init);
Y.on("click", scrollControl, ".container");
});
initTracker(response.length);
return response.length;
}
/**
* Fills "DETAILS" view
*
* @param ARRAY response, An array tha contains JSON objects to fill the target selector
* @return VOID, Nothing to be returned, only setContent to "#ymk-tew-details"
*/
function _fillDetails(response) {
YUI().use("node", "escape", function(Y) {
var html = '', i, l;
// Fill DIV with ID {ymk-tew-over}
var target = Y.one("#details-holder");
for (i = 0, l = response.length; i < l; i++) {
response[i].title = Y.Escape.html(response[i].title);
response[i].image = Y.Escape.html(response[i].image);
html += '' + response[i].title + '
المصدر: ' + response[i].source + ' | ' + _timeToDate(response[i].date) + '' + response[i].description + '