//------------------------------------------------------- GLOBALS 
siteURL ='http://www.51east.com.qa/';
//siteURL='http://78.100.50.10/';
//siteURL=window.location.hostname+'/';

// clean cell fucnrion 
function removeCell (el){
	var el;
	var res=el.substr('0','3');
	return res;
}
// valedate if the cell orderd so will not ordered again;
function verfydisplayedCell (celltoVerfy){
	var celltoVerfy;
	//alert(celltoVerfy);
	var cellStatus=$(celltoVerfy).getProperty('class');
	//alert(cellStatus);
	
	if (cellStatus=='DISPLAYED_DONE' || cellStatus=='AROW DISPLAYED_DONE'){
		return true;
		//return false;
	}else{
		return false;
		
	}
}

	//--
	function compase(current){
			var current;
			var toleftCell=current;
			
				var theEl=removeCell(toleftCell);
				var part1=theEl.substr(0,1);
				var part2=theEl.substr(1,3);
				var	part2Notevaled=part2;
				var part2=eval(part2);
				var letters = new Array(16)
				letters[1] = "A"
				letters[2] = "B"
				letters[3] = "C"
				letters[4] = "D"
				letters[5] = "E"
				letters[6] = "F"
				letters[7] = "G"
				letters[8] = "H"
				letters[9] = "I"
				letters[10] = "J"
				letters[11] = "K"
				letters[12] = "L"
				letters[13] = "M"
				letters[14] = "N"
				letters[15] = "O"
				
				for (i=1; i<16; i++)
				{
					

					if (letters[i]==part1){
					var thetopOne=i-1;
					var thebutOne=i+1;
					
					
					// GET THE TOP ELEMENT 
					if (part1!="A"){
					theTopElement=letters[thetopOne]+part2Notevaled+"_CELL";
					}else{
					theTopElement='none';
					}
					
					//GET THE BUTOOM ELEMNT 
					if (thebutOne <=15){
					theButtomElement=letters[thebutOne]+part2Notevaled+"_CELL";
					}
					
					// GET BEXT NODE
					if (part2 < 19){
					theNextElement=$(toleftCell).getNext().id;
					}
					
					// GET PREV NODE 
					var avoidPrev=(part2-1);
					if (avoidPrev !=0){
					thePreElement=$(toleftCell).getPrevious().id;
					}else{
					thePreElement=$(toleftCell).id;
					}
					
					//-------
					//GET TOP RIGHT 
					if (part1!="A" && part2 < 19 ){
					var theTopRightElement=$(theTopElement).getNext().id;
					}else{
					var theTopRightElement='none';
					}
					
					//GET THE TOP LEFT 				
					if (part2>1 && part1!="A"){
					var theTopLeftElement=$(theTopElement).getPrevious().id;
					}else{
					var theTopLeftElement='none';
					}
					
					// GET BUT_RIGHT 
					if (part1!="O" && part2 < 19 ){
					var theButRightElement=$(theButtomElement).getNext().id
					}else{
					var theButRightElement='none';
					}
					
					
					//GET BUT LEFT
					if (part2>1 && part1!="O"){
					var theButLeftElement=$(theButtomElement).getPrevious().id
					}else{
						var theButLeftElement='none';
					}

					//------ ASSIGN EVERU ONE TO EVERY PICS COMPASE
					$('GTOP').alt=theTopElement;
					$('GBUT').alt=theButtomElement;
					$('GRIGHT').alt=theNextElement;
					$('GPREV').alt=thePreElement;
					
					$('GTOP_RIGHT').alt=theTopRightElement;
					$('GTOP_LEFT').alt=theTopLeftElement;
					
					$('GBUT_RIGHT').alt=theButRightElement;
					$('GBUT_LEFT').alt=theButLeftElement;
					
					}
				}
		
	}// end function 




	//------------------------------------------------------------ get data function 
	function getData(cellId){
	var cellId;
	var page=cellId.substr(0,3);
	var getdataAjax = new Ajax(siteURL+'decide.php', {evalScripts:true, data:'id='+page,method: 'get',update: $(cellId) , onComplete:function () {
		$(cellId).addClass('DISPLAYED_DONE');																																		   
	toBlankcells.each(function (theElement) {
				 if ( cellId == theElement){
					$(cellId).removeClass('DISPLAYED_DONE');
				 }
				 });
		 
	}});
	getdataAjax.request();

	}// end get ddata funcstion 



window.addEvent('domready',function () {
		
	//Make the back menu trasns 									 
	$('MENU_TRANSPARENT').setOpacity(0.7);
	
	//Add event to the buttons of the nave 
	var scroll = new Fx.Scroll('MENU_CONTAINER', {
	wait: false,
	duration: 1200,
	transition: Fx.Transitions.Quart.easeInOut
	});
	
	//------------------------------------------------------- MENU SCROOL ; menu movement 
	$$('#NAV a').addEvent('click', function(event) {
	var noSubMenu=$(this).getProperty('class');									
	event = new Event(event).stop();
	// make it normal
	$$('#NAV a').setStyle('font-weight','normal');
	$(this.id).setStyle('font-weight','bold');
	
	var theId=this.id+"_MENUE";
	var purecellID=this.id;
	var cellId=this.id+"_CELL";
	$$('.MENU_BOTTONS').setOpacity(0);
	if (noSubMenu != "NO_SUB"){
	$(theId).setOpacity(1);
	//effect to show the concorened subs 
	scroll.toElement(theId);
	scroll.addEvent('onComplete',function () {
			var cStatus=verfydisplayedCell(cellId);
			if (cStatus==false){
				(function () { getData(cellId);}).delay(1500);
			}
	});

	}
	});
	//-----------------------------------------------------------------------------------  MENU SCROOL ; menu movement LEVEL 2
	$$('.LEVEL2').addEvent('click', function(event) {
	event = new Event(event).stop();
	var theId=this.id+"_MENUE";
	

	
	$$('.MENU_BOTTONS_LEVEL2').setOpacity(0);
	$(theId).setOpacity(1);
	
	scroll.toElement(theId);
	scroll.addEvent('onComplete',function () {
										   });
	
	 });
		
	//


	//----------------------------------------------------------------------------------- Navigation Back 
	var scrollbackNav = new Fx.Scroll('MENU_CONTAINER', {
	wait: false,
	duration: 1200,
	transition: Fx.Transitions.Quart.easeInOut
	});


	$$(' .NAV_BACK').addEvent('click', function(event) {
	event = new Event(event).stop();
	var theId='NAV';
	scrollbackNav.toElement(theId);
	});
	
	// sub nav back 
	$$(' .NAV_BACK_LEVEL2').addEvent('click', function(event) {
	event = new Event(event).stop();
	var theId=this.id;
	scrollbackNav.toElement(theId);
	});




	//----------------------------------------------------------------------------------- PAGES SCROOL 
	pages_scroll = new Fx.Scroll('OVERFLOWED', {
	wait: false,
	duration: 1500,
	transition: Fx.Transitions.Quart.easeInOut
	});
	// Defult Scrooling 
	var defultCell
	var toDecideURL=location.href;
	var toDecideURL=toDecideURL.substr(-4);
		if (toDecideURL=="news"){
		defultCell='A02_CELL';
		}else{
		defultCell='D01_CELL';
		}
	
	//alert(toDecideURL);
	pages_scroll.toElement(defultCell);
	(function () {	getData(defultCell); }).delay(1500);
	compase(defultCell);
	
	
	//--------------- Pages Scrolling
	$$(' .MENU_BOTTONS a').addEvent('click', function(event) {
	event= new Event(event).stop();
	// make theis normal
	$$(' .MENU_BOTTONS a').setStyle('font-weight','normal');
	
	$(this.id).setStyle('font-weight','bold');
	var purecellID=this.id;
	var theId=this.id+"_CELL";
	var theRel=this.rel;
	
	pages_scroll.toElement(theId);
	/// get page data after finish scrooling 
	
	// if the page displayed dont order it again ;
	var cStatus=verfydisplayedCell(theId);
	if (cStatus==false){
		(function () { getData(theId);}).delay(1500);
	}
	
	currentSrolledElement=theId
	compase(theId);
	});
	//-----------------------------------------------------------------------------------  pahes SCROOL ; menu movement LEVEL 2
	
	
	$$(' .MENU_BOTTONS_LEVEL2 a').addEvent('click', function(event) {
	event= new Event(event).stop();
	// make theis normal
	$$(' .MENU_BOTTONS a').setStyle('font-weight','normal');
	
	$(this.id).setStyle('font-weight','normal');
	var theId=this.id+"_CELL";
	
	pages_scroll.toElement(theId);
	
	/// get page data after finish scrooling 
	//prevent order 
	var pureID=removeCell(theId);
	var cStatus=verfydisplayedCell(theId);
	if (cStatus==false){
		(function () { getData(theId);}).delay(1500);
	}

	
	
	currentSrolledElement=theId
	compase(theId);
	});	
	// ------------------------------------------------------------------------------------ NAV Events
	$$('#NAV a').addEvent('click', function(event) {
											
	event= new Event(event).stop();
	var theId=this.id+"_CELL";
	
	(function () {pages_scroll.toElement(theId);}).delay(1000)
	currentSrolledElement=theId
	compase(theId);
	});
	//--------------------------------------------------------------------------------- Compase Events;
	$$('#COMPASE img').addEvent('click', function(event) {
	event= new Event(event).stop();
	var theIdC=this.alt;
	if (theIdC != 'none'){
	pages_scroll.toElement(theIdC);
			
			//prevent order 
			var pureID=removeCell(theIdC);
			var cStatus=verfydisplayedCell(theIdC);
			if (cStatus==false){
				(function () { getData(theIdC);}).delay(1500);
			}
	compase(theIdC);
	}
	});
});// end dom ready