/// <reference path="jquery-1.4.2.js" />
/*this code run when page be ready */
var cookieID;
jQuery(function () {

    //Reorder the news boxes base one last order & build the drag drop
    /*cookieID = "BoxOrder" + document.location.pathname;

    buidBoxOrder();
	*/
	//to select Daily Readers Choise
	if ($('#readersChoiseData').html().trim().length > 0) {
		selectReadersChoiseDaily($(".readers-date-day")[0]);
	}
    // set watermark 
    if (jQuery('#searchinput').lenght > 0) jQuery("#searchinput").watermark("ابحث في العربية", "txt-box-watermark")
    
    //build the vertical scrollables list base on div container id 
    jQuery("#scrollable_Policy").scrollable({vertical: true});
    jQuery("#scrollable_Sport").scrollable({vertical: true});
    jQuery("#scrollable_Economics").scrollable({vertical: true});

    //build the tabs base on div container id 
    
   // jQuery("#spinner_uc").remove();
   // jQuery("#tabs_readers_choise").show().tabs()
    
    if(jQuery('#tabs_opinion').length)
    {
    jQuery("#spinner_op").remove();	
    jQuery("#tabs_opinion").show().tabs();
    
    }
    //jQuery("#tabs_arab_markets").tabs()
    jQuery("#beforeFooterTab").tabs()
	


});


///////////////BoxOrder//////////////////////////////////
var _boxes;
function buidBoxOrder() {
		_boxes = jQuery("#sortable")
		_arabMarketsBoxs = jQuery("#arabMarketsBox")
	
		//Reorder the news boxes base one last order
		restoreBoxOrder();
	
		//build the drag drop
		_boxes.sortable({opacity: 0.8, handle: ".box-header", "update": saveBoxOrder, start: startSort, cancel: ".move-disabled", axis: 'y'});
	
}

function startSort(event, ui) {
    ui.placeholder.height(ui.item.height() -2)

    ui.placeholder.width(ui.item.width() -2)
}

function restoreBoxOrder() {
    // if no divs in "sortable" div don't do anything 
    if (_boxes.length > 0 == 0)
        return;

    // save the cookie value in "boxOrder" variable  
    var boxOrder = jQuery.cookie(cookieID);

    // if no cookie don't do anything
    if (!boxOrder)
        return;
    //get the Current Boxes IDs
    var currentboxOrder = getCurrentBoxesIDs();

    // if Current Boxes IDs = cookie don't do anything
    if (currentboxOrder == boxOrder)
        return;

    var ids = boxOrder.split(",");
    var boxes = [];

    for (var i = 0; i < ids.length > 0; i++) {
        //push boxes in cookie order in  "boxes" list 
        boxes.push(_boxes.children("#" + ids[i]).clone());
        //remove box from "_boxes"
        _boxes.children("#" + ids[i]).remove();
    }
    for (var i = 0; i < _boxes.children().length > 0; i++) {
        //push boxes was not in cookie to  "boxes" list
        boxes.push(jQuery(_boxes.children()[i]).clone());
    }
    // clean "sortable" div
    _boxes.empty();

    // boxes to "sortable" div in  cookie order
    for (var i = 0; i < boxes.length > 0; i++) {
        _boxes.append(boxes[i]);
    }
}

//save the boxes order in cookie 
function saveBoxOrder() {
    jQuery.cookie(cookieID, getCurrentBoxesIDs(), {expires: 7, path: '/'});
}

//get Current Boxes IDs as string comma separated
function getCurrentBoxesIDs() {
    var ids = [];
    jQuery("#sortable").children().each(function () {
        ids.push(this.id);
    });
    return ids.join(",");
}
///////////////BoxOrder//////////////////////////////////

//////////////Tabs//////////////////////////////////////
function readersChoiseData() {
    this.mostReadeData = "";
    this.mostCommentData = "";
    this.mostSendingData = "";
}



var _readersChoiseDaily = null;
var _readersChoiseWeekly = null;
var _readersChoiseMonthly = null;

function selectReadersChoiseDaily(anchor) {
    changeSelectedReadersChoise(anchor);
    if (_readersChoiseDaily == null) {
        _readersChoiseDaily = new readersChoiseData();
        _readersChoiseDaily.mostCommentData = jQuery("#dailyMostCommentData").html();
        _readersChoiseDaily.mostReadeData = jQuery("#dailyMostReadeData").html();
        _readersChoiseDaily.mostSendingData = jQuery("#dailyMostSendingData").html();
    }
    fillTabsData(_readersChoiseDaily);
}

function selectReadersChoiseWeekly(anchor) {
    changeSelectedReadersChoise(anchor);
    if (_readersChoiseWeekly == null) {
        _readersChoiseWeekly = new readersChoiseData();
        _readersChoiseWeekly.mostCommentData = jQuery("#weeklyMostCommentData").html();
        _readersChoiseWeekly.mostReadeData = jQuery("#weeklyMostReadeData").html();
        _readersChoiseWeekly.mostSendingData = jQuery("#weeklyMostSendingData").html();
    }
    fillTabsData(_readersChoiseWeekly);
}

function selectReadersChoiseMonthly(anchor) {
    changeSelectedReadersChoise(anchor);
    if (_readersChoiseMonthly == null) { 
        _readersChoiseMonthly = new readersChoiseData();
        _readersChoiseMonthly.mostCommentData = jQuery("#monthlyMostCommentData").html();
        _readersChoiseMonthly.mostReadeData = jQuery("#monthlyMostReadeData").html();
        _readersChoiseMonthly.mostSendingData = jQuery("#monthlyMostSendingData").html();
    }
    fillTabsData(_readersChoiseMonthly);
}

function fillTabsData(data) {
	
	
    var tabsReaders = jQuery("#tabs_readers_choise")
    tabsReaders.find("#mostReade").html(data.mostReadeData);
    tabsReaders.find("#mostComment").html(data.mostCommentData);
    tabsReaders.find("#mostSending").html(data.mostSendingData);
}

function changeSelectedReadersChoise(anchor) {  
	
    jQuery("#readersDateContainer li").removeClass("selected");
    jQuery(anchor).parent().addClass("selected");

}
//////////////Tabs//////////////////////////////////////