var currentlang = 'ar';

//ExecuteOrDelayUntilScriptLoaded(loadSiteOnTabOne, 'sp.js');
//ExecuteOrDelayUntilScriptLoaded(loadSiteOnTabTwo, 'sp.js');
//ExecuteOrDelayUntilScriptLoaded(loadSiteOnTabThree, 'sp.js');
ExecuteOrDelayUntilScriptLoaded(loadNews, 'sp.js');
ExecuteOrDelayUntilScriptLoaded(LoadSiteServices, 'sp.js');
ExecuteOrDelayUntilScriptLoaded(LoadMarquee, 'sp.js');


// define items collection for fetching items from list
var MarqueeItems;
var NewsItems;
var ServicesItems;
var TabItems;
var PagesListName = 'الصفحات';
// define cookie key at client pc     
var _selectedColorKey = "styles_red";
var _selectedFontSizeKey = "_selectedFontSizeKey"
var _fontStep = 1; // font size has 3 steps 1 small, 2 mid, 3 large. the default is 1

$(document).ready(function () {

//Read Selected Color
var txt = readCookie('color');
if (txt) {
            if (txt == 'styles_green')
                {
        $('link[rel=stylesheet][rev=ArHomePage]').attr({ href: '/_layouts/MOCS/Styles/green.css' });

        //change the image 
        if ($('#GreenImage').attr('src') == "/_layouts/mocs/images/d/green.png") {
            $('#GreenImage').attr({ src: '/_layouts/mocs/images/d/green_a.png' });
            $('#RedImage').attr({ src: '/_layouts/mocs/images/d/red.png' });
            $('#BrownImage').attr({ src: '/_layouts/mocs/images/d/brown.png' });
            $('#BlackImage').attr({ src: '/_layouts/mocs/images/d/black.png' });
        }
        else
            $('#GreenImage').attr({ src: '/_layouts/mocs/images/d/green.png' });
      
                }
            else if (txt == 'styles_red')
               {
        $('link[rel=stylesheet][rev=ArHomePage]').attr({ href: '/_layouts/MOCS/Styles/red.css' });
        //change the image 
        if ($('#RedImage').attr('src') == "/_layouts/mocs/images/d/red.png") {
            $('#RedImage').attr({ src: '/_layouts/mocs/images/d/red_a.png' });
            $('#GreenImage').attr({ src: '/_layouts/mocs/images/d/green.png' });
            $('#BrownImage').attr({ src: '/_layouts/mocs/images/d/brown.png' });
            $('#BlackImage').attr({ src: '/_layouts/mocs/images/d/black.png' });
        }
        else
            $('#RedImage').attr({ src: '/_layouts/mocs/images/d/red.png' });
               }
            else if (txt == 'styles_black')
              {
                 $('link[rel=stylesheet][rev=ArHomePage]').attr({ href: '/_layouts/MOCS/Styles/blue.css' });
                 //change the image 
                 if ($('#BlackImage').attr('src') == "/_layouts/mocs/images/d/black.png") {
                 $('#BlackImage').attr({ src: '/_layouts/mocs/images/d/black_a.png' });

                 $('#GreenImage').attr({ src: '/_layouts/mocs/images/d/green.png' });
                 $('#BrownImage').attr({ src: '/_layouts/mocs/images/d/brown.png' });
                 $('#RedImage').attr({ src: '/_layouts/mocs/images/d/red.png' });
              }
              else
                 $('#BlackImage').attr({ src: '/_layouts/mocs/images/d/black.png' });
              }                
            else if (txt == 'styles_brown')
             {
        $('link[rel=stylesheet][rev=ArHomePage]').attr({ href: '/_layouts/MOCS/Styles/brown.css' });

        if ($('#BrownImage').attr('src') == "/_layouts/mocs/images/d/brown.png") {
            $('#BrownImage').attr({ src: '/_layouts/mocs/images/d/brown_a.png' });

            $('#GreenImage').attr({ src: '/_layouts/mocs/images/d/green.png' });
            $('#BlackImage').attr({ src: '/_layouts/mocs/images/d/black.png' });
            $('#RedImage').attr({ src: '/_layouts/mocs/images/d/red.png' });
        }
        else
            $('#BrownImage').attr({ src: '/_layouts/mocs/images/d/brown.png' });
             }
}
    if ($('RateThis').length != -1)
        //mss2010ReadPageRate(5);

    // determine the current language based on the url
    if (window.location.toString().indexOf('/en/') > 0) {
        currentlang = 'en';
    }

    //Green Button Click
    $('#greenColor').click(function () {

        $('link[rel=stylesheet][rev=ArHomePage]').attr({ href: '/_layouts/MOCS/Styles/green.css' });

        //change the image 
        if ($('#GreenImage').attr('src') == "/_layouts/mocs/images/d/green.png") {
            $('#GreenImage').attr({ src: '/_layouts/mocs/images/d/green_a.png' });
            $('#RedImage').attr({ src: '/_layouts/mocs/images/d/red.png' });
            $('#BrownImage').attr({ src: '/_layouts/mocs/images/d/brown.png' });
            $('#BlackImage').attr({ src: '/_layouts/mocs/images/d/black.png' });
        }
        else
            $('#GreenImage').attr({ src: '/_layouts/mocs/images/d/green.png' });

        // save the color in cookie
        //SaveInCookie(_selectedColorKey, 'styles_green');
        
        createCookie('color','styles_green',7);


        return false;
    });
 
//Red Button Click
    $('#redColor').click(function () {
        $('link[rel=stylesheet][rev=ArHomePage]').attr({ href: '/_layouts/MOCS/Styles/red.css' });
        //change the image 
        if ($('#RedImage').attr('src') == "/_layouts/mocs/images/d/red.png") {
            $('#RedImage').attr({ src: '/_layouts/mocs/images/d/red_a.png' });
            $('#GreenImage').attr({ src: '/_layouts/mocs/images/d/green.png' });
            $('#BrownImage').attr({ src: '/_layouts/mocs/images/d/brown.png' });
            $('#BlackImage').attr({ src: '/_layouts/mocs/images/d/black.png' });
        }
        else
            $('#RedImage').attr({ src: '/_layouts/mocs/images/d/red.png' });

        // save the color in cookie
//        SaveInCookie(_selectedColorKey, 'styles_red');
createCookie('color','styles_red',7);

        return false;
    });

//Black Button Color
    $('#blackColor').click(function () {
        $('link[rel=stylesheet][rev=ArHomePage]').attr({ href: '/_layouts/MOCS/Styles/blue.css' });
        //change the image 
        if ($('#BlackImage').attr('src') == "/_layouts/mocs/images/d/black.png") {
            $('#BlackImage').attr({ src: '/_layouts/mocs/images/d/black_a.png' });

            $('#GreenImage').attr({ src: '/_layouts/mocs/images/d/green.png' });
            $('#BrownImage').attr({ src: '/_layouts/mocs/images/d/brown.png' });
            $('#RedImage').attr({ src: '/_layouts/mocs/images/d/red.png' });
        }
        else
            $('#BlackImage').attr({ src: '/_layouts/mocs/images/d/black.png' });


        // save the color in cookie
        createCookie('color','styles_black',7);

        return false;
    });

//Brown Button Click
    $('#brownColor').click(function () {
        $('link[rel=stylesheet][rev=ArHomePage]').attr({ href: '/_layouts/MOCS/Styles/brown.css' });

        if ($('#BrownImage').attr('src') == "/_layouts/mocs/images/d/brown.png") {
            $('#BrownImage').attr({ src: '/_layouts/mocs/images/d/brown_a.png' });

            $('#GreenImage').attr({ src: '/_layouts/mocs/images/d/green.png' });
            $('#BlackImage').attr({ src: '/_layouts/mocs/images/d/black.png' });
            $('#RedImage').attr({ src: '/_layouts/mocs/images/d/red.png' });
        }
        else
            $('#BrownImage').attr({ src: '/_layouts/mocs/images/d/brown.png' });

        // save the color in cookie
        createCookie('color','styles_brown',7);

        return false;
    });

//Cookie functions
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}


//Font Size
function changeFont(element,step)
{
    document.getElementById(element).style.fontSize =  (parseInt(document.getElementById(element).style.fontSize,10) + parseInt(step,10)) + 'px';
}

$('#smallSize').click(function () {
        if (_fontStep == 2) {
            decreasFontSize($('div#divMOCSMainContent'), 1);
        }
        else if (_fontStep == 3) {
            decreasFontSize($('div#divMOCSMainContent'), 2);
        }
        _fontStep = 1;

        return false;
    });

    $('#midSize').click(function () {
        if (_fontStep == 1) {
            increasFontSize($('div#divMOCSMainContent'), 1);
        }
        else if (_fontStep == 3) {
            decreasFontSize($('div#divMOCSMainContent'), 1);
        }
        _fontStep = 2;

        return false;
    });

    $('#largeSize').click(function () {
       if (_fontStep == 2) {
            increasFontSize($('div#divMOCSMainContent'), 5);
        }
        else if (_fontStep == 1) {
            increasFontSize($('div#divMOCSMainContent'), 10);
       }
        _fontStep = 3;
     return false;
       changeFontSize('div#divMOCSMainContent',2);

    });
});

//............... change Font Size................//
function increasFontSize(elem, steps) { // elem is jQuery element
    var currentFontSize = elem.css('font-size');
    var currentFontSizeNum = parseFloat(currentFontSize, 10);

    // save the default size as attribute
    if (elem.attr('df') == undefined) {
        elem.attr('df', currentFontSizeNum);
    }

    if (currentFontSizeNum < (12 + steps)) {
        var newFontSize = currentFontSizeNum + steps + 5;
        elem.css('font-size', newFontSize.toString() + 'px');
    }


    // $('div,span,label,a,li', elem).each(function () { increasFontSize($(this), steps); });

    return;
}


function decreasFontSize(elem, steps) { // elem is jQuery element

    var currentFontSize = elem.css('font-size');
    var currentFontSizeNum = parseFloat(currentFontSize, 10);

    if (_fontStep == 1) // if the steps==2 then restore the default font size
        elem.css('font-size', elem.attr('df') + 'px');
    else {

        var newFontSize = currentFontSizeNum - steps;

        if (newFontSize >= elem.attr('df'))
            elem.css('font-size', newFontSize.toString() + 'px');


    }

    //$('div,span,label,a,li', elem).each(function () { decreasFontSize($(this), steps); });


    return;
}
//............... End change Font Size...........//

//............... change site colors..............//

function SaveInCookie(key, value) {

    
}

//................end change site colors..........//
//............... Load Services...................//
var htmlCitizensServicesBeginTag = '<li class="accTabBar"><a href="javascript:void(0)" onclick="accordion(this);" class="serv servOver" rel="serv">Popular Post</a><ul style="display:block;">';
var htmlGoverenmentServicesBeginTag = '<li class="accTabBar"><a href="javascript:void(0)" onclick="accordion(this);" class="govserv" rel="govserv">Category</a><ul>';
var htmlWorkersServicesBeginTag = '<li class="accTabBar"><a href="javascript:void(0)" onclick="accordion(this);" class="amaal" rel="amaal">Recent Comment</a><ul>';
var htmlEmployeeServicesBeginTag = '<li class="accTabBar" style="border-bottom:1px solid #cfcfcf;"><a href="javascript:void(0)" onclick="accordion(this);" class="mansoob" rel="mansoob">Recent Comment</a><ul>';
var htmlServicesEndTag = '</ul></li>';
var htmlServices = '';
var categoriesCount = 1;
function LoadSiteServices() {
    htmlServices = htmlCitizensServicesBeginTag;
    // load first خدمات المواطنين
    LoadServices('6c52d5bf-c3c5-46bb-8750-e934800616cd');
}
function LoadServices(categoryListName) {

    // get web site context
    var clientContext = new SP.ClientContext('/');
    var web = clientContext.get_web();

    // get pages list
    var list = web.get_lists().getById(categoryListName);

    // initialize the query
    var camlQuery = new SP.CamlQuery();
    var q = '<View><ViewFields><FieldRef Name="Title" /><FieldRef Name="mocs_SiteURL" /></ViewFields><Aggregations Value="Off" /></View>';

    camlQuery.set_viewXml(q);

    // execute the query
    this.ServicesItems = list.getItems(camlQuery);
    clientContext.load(ServicesItems);

    // assign success function
    clientContext.executeQueryAsync(Function.createDelegate(this, this.onListEventsLoadServicesSuccess),

    // assign fail function
    Function.createDelegate(this, this.onQueryFailed));
}
function onListEventsLoadServicesSuccess(sender, args) {
    var listEvents = this.ServicesItems.getEnumerator();
    var html = '';
    var i = 1;
    while (listEvents.moveNext() && i < 8) {
        var item = listEvents.get_current();
        var x = item.get_fieldValues();
        if (i == 7)
            html += '<li><a  href="' + x.mocs_SiteURL.get_url() + '" class="last">' + x.Title + '</a></li>';
        else
            html += '<li><a href="' + x.mocs_SiteURL.get_url() + '">' + x.Title + '</a></li>';
        i++;
    }
    htmlServices += html;

    categoriesCount++;

    if (categoriesCount == 2) {
        htmlServices += htmlServicesEndTag;
        htmlServices += htmlGoverenmentServicesBeginTag;
        // load list خدمات الجهات الحكومية
        LoadServices('e3890510-2724-4c8b-ba22-a33cc359aa1f');
    }
    if (categoriesCount == 3) {
        htmlServices += htmlServicesEndTag;
        htmlServices += htmlWorkersServicesBeginTag;
        // load list خدمات قطاع العمال
        LoadServices('32844834-a7e4-44b2-b7a8-226c77cc32dc');
    }
    if (categoriesCount == 4) {
        htmlServices += htmlServicesEndTag;
        htmlServices += htmlEmployeeServicesBeginTag;
        // load خدمات منسوبي الوزارة
        LoadServices('bcc0aedd-aac0-4eb0-b2b9-923efe27bdd1');
    }
    if (categoriesCount == 5) {
        htmlServices += htmlServicesEndTag;
        $('ul#accordion').html(htmlServices);
    }

}

function accordion(elem) {

    if ($(elem).hasClass($(elem).attr('rel') + 'Over'))
        return false;

    //slideup or hide all the Submenu
    $('#accordion li.accTabBar').children('ul').slideUp('fast');

    //show the selected submenu
    $(elem).parent('li.accTabBar').children('ul').slideDown('fast');


    //remove all the "Over" class, so that the arrow reset to default
    $('#accordion li.accTabBar > a').each(function () {
        if ($(this).attr('rel') != '') {
            $(this).removeClass($(this).attr('rel') + 'Over');
        }
    });


    //add "Over" class, so that the arrow pointing down
    $(elem).addClass($(elem).attr('rel') + 'Over');

    return false;
}

//................End Load Services...............//
//............... Load Marquee News...............//
function LoadMarquee() {

    // get web site context
    var clientContext = new SP.ClientContext('/');

    var web = clientContext.get_web();

    // get list جديد الموقع
    var list = web.get_lists().getById('e2f6f60e-d8e8-4459-82ca-ff80ecd5a261');

    // initialize the query
    var camlQuery = new SP.CamlQuery();
    var q = '<View><Query><OrderBy><FieldRef Name="Modified" /></OrderBy></Query><ViewFields><FieldRef Name="Title" /><FieldRef Name="mocs_SiteURL" /></ViewFields><Aggregations Value="Off" /></View>';

    camlQuery.set_viewXml(q);

    // execute the query
    this.MarqueeItems = list.getItems(camlQuery);
    clientContext.load(MarqueeItems);


    // assign success function
    clientContext.executeQueryAsync(Function.createDelegate(this, this.onListEventsLoadMarqueeSuccess),

    // assign fail function
    Function.createDelegate(this, this.onQueryFailed));

}
function onListEventsLoadMarqueeSuccess(sender, args) {

    var listEvents = this.MarqueeItems.getEnumerator();
    var html = '';
    while (listEvents.moveNext()) {
        var item = listEvents.get_current();
        var x = item.get_fieldValues();
        html += '<li><a href="' + x.mocs_SiteURL.get_url() + '">' + x.Title + '</a></li>';
    }

    $('div#vmarquee').html(html);

}
//.................... End Load Marquees.........//
//.................... Load Tabs.................//
// tab numbers start from 2 because first tab is generated by content query web part
//function loadSiteOnTabOne() {
//    // get web site context
//    var clientContext = new SP.ClientContext('/InformationCenter/News/Jobs');
//    var web = clientContext.get_web();

//    // get pages list
//    var list = web.get_lists().getByTitle(PagesListName);

//    // initialize the query
//    var camlQuery = new SP.CamlQuery();
//    //var q = '<View><ViewFields><FieldRef Name="Title" /><FieldRef Name="mocs_DisplayAtHome" /></ViewFields><Query><OrderBy><FieldRef Name="Created" Ascending="TRUE" /></OrderBy><Where><Eq><FieldRef Name="mocs_DisplayAtHome" /><Value Type="Boolean">1</Value></Eq></Where></Query><RowLimit>4</RowLimit><Aggregations Value="Off" /></View>';
//    var q = '<View><ViewFields><FieldRef Name="Title" /></ViewFields><Query><OrderBy><FieldRef Name="Created" Ascending="TRUE" /></OrderBy></Query><RowLimit>4</RowLimit><Aggregations Value="Off" /></View>';
//    camlQuery.set_viewXml(q);

//    // execute the query
//    this.TabItems = list.getItems(camlQuery);
//    clientContext.load(TabItems);


//    // assign success function
//    clientContext.executeQueryAsync(Function.createDelegate(this, this.onListEventsLoadTabOneSuccess),

//    // assign fail function
//        Function.createDelegate(this, this.onQueryFailed));
//}

//function onListEventsLoadTabOneSuccess(sender, args) {
//    var listEvents = this.TabItems.getEnumerator();
//    var i = 1;
//    var htmlUL = '<div><ul>';
//    while (listEvents.moveNext()) {
//        if (i == 3) {
//            htmlUL += '</ul> <ul style="border-left:none;">'
//        }
//        var item = listEvents.get_current();
//        var x = item.get_fieldValues();
//        htmlUL += '<li><a href="' + x.FileRef + '"><font color="#747474">' + x.Title + '</font></a></li>';
//        i++;
//    }
//    htmlUL += '</ul></div>';
//    alert(htmlUL);
//    $('#d1').html(htmlUL);
//}





//function loadSiteOnTabTwo() {
//    // get web site context
//    var clientContext = new SP.ClientContext('/InformationCenter/News/PressRelease');
//    var web = clientContext.get_web();

//    // get pages list
//    var list = web.get_lists().getByTitle(PagesListName);

//    // initialize the query
//    var camlQuery = new SP.CamlQuery();
//    //var q = '<View><ViewFields><FieldRef Name="Title" /><FieldRef Name="mocs_DisplayAtHome" /></ViewFields><Query><OrderBy><FieldRef Name="Created" Ascending="TRUE" /></OrderBy><Where><Eq><FieldRef Name="mocs_DisplayAtHome" /><Value Type="Boolean">1</Value></Eq></Where></Query><RowLimit>4</RowLimit><Aggregations Value="Off" /></View>';
//    var q = '<View><ViewFields><FieldRef Name="Title" /></ViewFields><Query><OrderBy><FieldRef Name="Created" Ascending="TRUE" /></OrderBy></Query><RowLimit>4</RowLimit><Aggregations Value="Off" /></View>';
//    camlQuery.set_viewXml(q);

//    // execute the query
//    this.TabItems = list.getItems(camlQuery);
//    clientContext.load(TabItems);


//    // assign success function
//    clientContext.executeQueryAsync(Function.createDelegate(this, this.onListEventsLoadTabTwoSuccess),

//    // assign fail function
//        Function.createDelegate(this, this.onQueryFailed));
//}

//function onListEventsLoadTabTwoSuccess(sender, args) {
//    var listEvents = this.TabItems.getEnumerator();
//    var i = 1;
//    var htmlUL = '<div><ul>';
//    while (listEvents.moveNext()) {
//        if (i == 3) {
//            htmlUL += '</ul> <ul style="border-left:none;">'
//        }
//        var item = listEvents.get_current();
//        var x = item.get_fieldValues();
//        htmlUL += '<li><a href="' + x.FileRef + '"><font color="#747474">' + x.Title + '</font></a></li>';
//        i++;
//    }
//    htmlUL += '</ul></div>';
//    alert(htmlUL);
//    $('#d2').html(htmlUL);

//}




//function loadSiteOnTabThree() {
//    // get web site context
//    var clientContext = new SP.ClientContext('/InformationCenter/News/Competitions');
//    var web = clientContext.get_web();

//    // get pages list
//    var list = web.get_lists().getByTitle(PagesListName);

//    // initialize the query
//    var camlQuery = new SP.CamlQuery();
//    //var q = '<View><ViewFields><FieldRef Name="Title" /><FieldRef Name="mocs_DisplayAtHome" /></ViewFields><Query><OrderBy><FieldRef Name="Created" Ascending="TRUE" /></OrderBy><Where><Eq><FieldRef Name="mocs_DisplayAtHome" /><Value Type="Boolean">1</Value></Eq></Where></Query><RowLimit>4</RowLimit><Aggregations Value="Off" /></View>';
//    var q = '<View><ViewFields><FieldRef Name="Title" /></ViewFields><Query><OrderBy><FieldRef Name="Created" Ascending="TRUE" /></OrderBy></Query><RowLimit>4</RowLimit><Aggregations Value="Off" /></View>';
//    camlQuery.set_viewXml(q);

//    // execute the query
//    this.TabItems = list.getItems(camlQuery);
//    clientContext.load(TabItems);


//    // assign success function
//    clientContext.executeQueryAsync(Function.createDelegate(this, this.onListEventsLoadTabThreeSuccess),

//    // assign fail function
//        Function.createDelegate(this, this.onQueryFailed));
//}

//function onListEventsLoadTabThreeSuccess(sender, args) {
//    var listEvents = this.TabItems.getEnumerator();
//    var i = 1;
//    var htmlUL = '<div><ul>';
//    while (listEvents.moveNext()) {
//        if (i == 3) {
//            htmlUL += '</ul> <ul style="border-left:none;">'
//        }
//        var item = listEvents.get_current();
//        var x = item.get_fieldValues();
//        htmlUL += '<li><a href="' + x.FileRef + '"><font color="#747474">' + x.Title + '</font></a></li>';
//        i++;
//    }
//    htmlUL += '</ul></div>';
//    alert(htmlUL);
//    $('#d3').html(htmlUL);

//}
//....................Load News.............................//
function loadNews() {

    // get web site context
    var clientContext = new SP.ClientContext('/InformationCenter/News/MinistryNews/');
    var web = clientContext.get_web();

    // get pages list
    var list = web.get_lists().getByTitle(PagesListName);

    // initialize the query
    var camlQuery = new SP.CamlQuery();
    //var q = '<View><Query><OrderBy><FieldRef Name="Created" Ascending="TRUE" /></OrderBy><Where><Eq><FieldRef Name="mocs_DisplayAtHome" /><Value //Type="Boolean">1</Value></Eq></Where></Query><ViewFields><FieldRef Name="Title" /><FieldRef Name="mocs_DisplayAtHome" /><FieldRef Name="PublishingRollupImage" /><FieldRef //Name="Comments" /></ViewFields><RowLimit>10</RowLimit><Aggregations Value="Off" /></View>';
    

var q = '<View><Query><Where><Eq><FieldRef Name="ContentType" /><Value Type="Text">صفحة الخبر</Value></Eq></Where><OrderBy><FieldRef Name="Created" Ascending="FALSE" /></OrderBy></Query><ViewFields><FieldRef Name="Title" /><FieldRef Name="ContentType" /><FieldRef Name="PublishingRollupImage" /><FieldRef Name="PublishingPageImage" /><FieldRef Name="Comments" /></ViewFields><RowLimit>3</RowLimit><Aggregations Value="Off" /></View>';
    camlQuery.set_viewXml(q);

    // execute the query
    this.NewsItems = list.getItems(camlQuery);
    clientContext.load(NewsItems);


    // assign success function
   clientContext.executeQueryAsync(Function.createDelegate(this, this.onListEventsLoadNewsSuccess),

    // assign fail function
    Function.createDelegate(this, this.onQueryNewsFailed));

}

function onListEventsLoadNewsSuccess(sender, args) {
    var listEvents = this.NewsItems.getEnumerator();
    var i = 1;

    // first generate first part & second part of news web part
    var htmlPart1 = '<div align="center"><ul id="tabs" style="background:url(/_layouts/mocs/images/d/news_footer_bg.gif) repeat-x; height:40px;">';
    var htmlPart2 = '<ul id="output" style="padding:10px !Important;padding-top:0px !Important;">'

    while (listEvents.moveNext() && i < 4) {

        var item = listEvents.get_current();
        var x = item.get_fieldValues();


        if (i == 1) htmlPart1 += '<li style="border-right:0;">';
        else htmlPart1 += '';

        htmlPart1 += '<li><a href="javascript:;">&nbsp;</a></li>';
        if (x.PublishingPageImage != null)
        {
           htmlPart2 += '<li><div style="padding:10px;"></div>' + x.PublishingPageImage.replace('style="padding:10px;padding-right:0px;padding-top:0px;width:250px;height:150px"', 'align="right"');
	
        }
        else
       {
           htmlPart2 += '<li><div style="padding:10px;"></div><img src="/_layouts/mocs/images/d/news.jpg" align="right" style="padding:10px;padding-right:0px;padding-top:0px;width:250px;height:150px"    />';
	
       }
	   htmlPart2 += '<a href="' + x.FileRef + '" class="page_title" style="padding-bottom:10px;">' + x.Title+ '</a>';
		if(x.Comments != null)
		{
			htmlPart2 +='<br /><span class="news_details" style="text-align:right;">' + x.Comments + '...</span> ';
		}
        
       htmlPart2 += '<div class="more" style="padding-left:5px;float:left;"><a href="' + x.FileRef + '" >المزيد...</a></div>';
        htmlPart2 += '</li>';
        i++;
    }

    htmlPart1 += '<div class="more" style="float:right;padding-top:14px;"><a  href="/InformationCenter/News/MinistryNews/">المزيد</a></div></ul></div><div class="clr"></div>';
    htmlPart2 += '</ul><div class="clr"></div>';

    $('div#feature_list').html(htmlPart1 + htmlPart2);

    initNews();

}

function initNews() {
    $.featureList(
				$("#tabs li a"),
				$("#output li"), {
				    start_item: 0
				}
			);
}

//...................End Load News..................//


// wait until document is fully scriptable
$(function () {

    // select #flowplanes and make it scrollable. use circular and navigator plugins
    $("#flowpanes").scrollable({ circular: true, mousewheel: true }).navigator({

        // select #flowtabs to be used as navigator
        navi: "#flowtabs",

        // select A tags inside the navigator to work as items (not direct children)
        naviItem: 'a',

        // assign "current" class name for the active A tag inside navigator
        activeClass: 'current',

        // make browser's back button work
        history: true

    });
});

var delayb4scroll = 300 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed = 1.5 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit = 1 //Pause marquee onMousever (0=no. 1=yes)?

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed = marqueespeed
var pausespeed = (pauseit == 0) ? copyspeed : 0
var actualheight = ''

function scrollmarquee() {
    if (parseInt(cross_marquee.style.right) > (actualwidth * (-1) + 8))
        cross_marquee.style.right = parseInt(cross_marquee.style.right) - copyspeed + "px"
    else
        cross_marquee.style.right = parseInt(marqueewidth) + 8 + "px"
}

function initializemarquee() {
    cross_marquee = document.getElementById("vmarquee")
    cross_marquee.style.right = 0
    marqueewidth = document.getElementById("marqueecontainer").offsetWidth
    actualwidth = cross_marquee.offsetWidth
    if (window.opera || navigator.userAgent.indexOf("Netscape/7") != -1) { //if Opera or Netscape 7x, add scrollbars to scroll and exit
        cross_marquee.style.width = marqueewidth + "px"
        cross_marquee.style.overflow = "slide"
        return
    }
    setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}

if (window.addEventListener)
    window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
    window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
    window.onload = initializemarquee


/*   Page Tool Bar    */
// add to favorite
function AddToFavorite() {
    var url = window.document.URL;
    var title = window.document.title;

    if (window.sidebar) {
        // Mozilla Firefox Bookmark         
        window.sidebar.addPanel(title, url, "");
    }
    else if (window.opera && window.print) {
        alert('لاضافة الصفحة إلى المفضلة (Ctrl +D) اضغط على');
    }
    else if (window.external) { // IE Favorite
        if (window.ActiveXObject) {
            //ie
            window.external.AddFavorite(url, title);
        } else {
            //chrome
            alert('لاضافة الصفحة إلى المفضلة (Ctrl +D) اضغط على');
        }
    }
    else { //safri
        alert('لاضافة الصفحة إلى المفضلة (Ctrl +D) اضغط على');
    }
}

// print page
function PrintPage() {
    if (document.getElementById != null) {
        var html = '<html dir="rtl">\n<head>';

        // include the header
        //        if (document.getElementsByTagName != null) {
        //            var headTags = document.getElementsByTagName('head');
        //            if (headTags.length > 0)
        //                html += headTags[0].innerHTML;
        //        }
        $('link[rel=stylesheet]').each(function () {
            html += '<link rel="stylesheet" href="' + $(this).attr('href') + '" />';
        });



        html += '<body style="padding: 0; margin: 0;min-height: 750px;background:none;">'
        html += '<table width="640" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>';
        html += '<div style="margin-top: 30px;margin-bottom: 10px;">';
        html += '<img src="/_layouts/mocs/images/d/logo.jpg" style="float: right;"  />';

        html += '</div>';
        html += '<div style="clear:both;text-align:center;width:640px;">';
        html += '<table width="100%">';

        var printReadyElem = document.getElementById("PageContent");
        if (printReadyElem != null) {
            html += printReadyElem.innerHTML;
        }
        html += '</table>';
        html += '</div>';
        html += '</td></tr></table>';
        html += '</body>';
        html += '</html>';

        var printWin = window.open('', 'printxt');
        printWin.document.open();
        printWin.document.write(html);
        printWin.document.close();
        printWin.print();

        return false;
    }
}

// send to friend
function SendToFriend() {
    location.href = "/SendToFriend/Pages/Default.aspx?URLToFriend=" + $(location).attr('href');
}

/***************************** Rating ******************************************/
// get page rate
function mss2010ReadPageRate(starNumber) {
    
}

// ############### Implement Functions For RateThis Click ###################
function RateThisClick(rate) { // *
    
}