//Loading
function situationLoading(){
    $('loading').style.position="absolute";
    $('loading').style.top= document.body.clientHeight/2+'px';
    $('loading').style.left= document.body.clientWidth/2+'px';
}
function showLoading(event) {
    $('loading').toggle();
    event.preventDefault();
}

function hideLoading(){
    $('loading').hide();
}

//List of pages
var maindestinyPages = $H({
navHome:    	"include/home.php",
navServices:    "include/services.php",
navMachine:     "include/machines.php",
navServices2:   "include/services.php",
navMachine2:    "include/machines.php",
navPieces:      "include/pieces.php",
navVideos:      "include/videos.php",
navSchedule:    "include/schedule.php",
navVideos2:     "include/videos.php"
});
// colorlist
var changeColorList = $H({
navHome:        "#982121",
navServices:    "#5b0101",
navMachine:     "#660707",
navServices2:    "#5b0101",
navMachine2:     "#660707",
navPieces:      "#5d0202",
navVideos:      "#680808",
navSchedule:    "#5d0202",
navVideos2:     "#982121"
});

var my_glider;
//Redirect page
function changeContent(event) {
    event = event || window.event;
    var element = event.target || event.srcElement;
	//console.log(element.id);
    showLoading(event);
    var updater = new Ajax.Updater( { success:'center',
                                      failure: 'error_log',
                                      onsuccess:hideLoading() ,
                                      evalScripts:true },maindestinyPages.get(element.id));
    new Effect.Highlight("center");
    $('center').morph('background:'+changeColorList.get(element.id)+'', { duration: 2.5 });
    return false;
}



function addObservers() {
  $('navHome').observe('click', changeContent);
  $('navServices').observe('click', changeContent);
  $('navMachine').observe('click', changeContent);
  $('navMachine2').observe('click', changeContent);
  $('navServices2').observe('click', changeContent);
  $('navPieces').observe('click', changeContent);
  $('navVideos').observe('click', changeContent);
  $('navSchedule').observe('click', changeContent);
  $('navVideos2').observe('click', changeContent);
  //$('navPieces3').observe('click', changeContent);
  //loading
  //$('navPieces3').observe('click', showLoading);

}
//list of videos
var videoPages = $H({
navvideo1:    	"../videos/video1.php",
navvideo2:      "../videos/video2.php",
navvideo3:      "../videos/video3.php",
navvideo4:      "../videos/video4.php",
navvideo5:      "../videos/video5.php",
navvideoloc:      "../videos/localization.php",
navvideo1_en:   "../videos/video1.en.php",
navvideo2_en:   "../videos/video2.en.php",
navvideo3_en:   "../videos/video3.en.php",
navvideo4_en:   "../videos/video4.en.php",
navvideo5_en:   "../videos/video5.en.php",
navvideoloc_en:   "../videos/localization.en.php"

});
function getVideo(videoid) {
	var updater = new Ajax.Updater( { success:'videoZone',
                                      failure: 'error_log',
                                      evalScripts:true },videoPages.get(videoid));
}

// effect periodicall
var urlidtext    ="include/id24Text.php";
var urlhomecenter="include/home.php";

new Ajax.PeriodicalUpdater('id24', urlidtext, {method: 'post', frequency: 2 });
new Ajax.PeriodicalUpdater('homeCenter', urlhomecenter, {method: 'post', frequency: 20 });



//Last event observe into the first page.
Event.observe(window, 'load', addObservers);
Event.observe(window, 'load', situationLoading);
Event.observe(window, 'load', hideLoading);