/********************************************************/
//-- Created by Yasser Fathi Mohammed Salih --/
//-- Yaser_fathi_73@hotmail.com --/
//-- July-2010 --/
/********************************************************/
var index,nxt;
function init()
	 {
	 $("#conference,#events,#numbers,#calendar").addClass('tab_color').corner( "10px tl 100px tr");
      $("#news,#milestones").addClass('tab_hover_color').corner( "10px tl 100px tr 1000px").css({'margin-top':'0px','padding-top':'6px'});
	   $(".vice").corner("10px");
	  // $(".submit_searchBox").corner("3px"); 
	   $("#search_box").width($(".submit_searchBox").width());
	   $("#search_box").height($(".submit_searchBox").height()); 
	   $("#search_box").corner("5px tr 5px br"); 
	   $("#around_searchBox").height($(".submit_searchBox").height());
	   $("#around_searchBox").corner("5px tl 5px bl"); 
	   $(".tabl").corner("10px");
	   $(".tabl td:odd").css({"border-left":"1px black solid"})
	  
	   $(".others").corner("br 6px bl 6px");
	   $(".slide_num").corner("5px");
	   //$("#control_set .slide_num img").corner("5px");
	   $(".left_content").corner("6px bl 6px br tr 6px");
	   $("#news").addClass('hover');
	   $("#milestones_slide").text("start");
	   arrange_positions();
}
//=================================================================//
$(document).ready(function()
  {
	 // $(".content_body").height($(".unit").height()+50)
	 
	  $(".title").corner("6px tl 6px tr");
	  $(".header_more").delay(500).animate({top:0},{duration: 'slow',easing: 'swing'}).corner("10px bl 10px br");
	//-------------------//
        $('.group a').hover(
		function(){ 
			  $(this).css({backgroundPosition: "0px -21px"});
			},
		function(){
			  $(this).css({backgroundPosition: "0px 0px"});
			}
		);
	//---------------------------------------------------------//
	   $('.extende_head div').not('#milestones,#events,#pvc,#gal').hover(
		function(){ 
			 $(this).parent().children().removeClass('tab_hover_color').addClass('tab_color').css({'margin-top':'4px','padding-top':'2px'});
			  $(this).addClass('tab_hover_color').css({'margin-top':'0px','padding-top':'6px'});
			  $("#tabs").children().css({'display':'none'});
			  $('#'+$(this).attr('id')+'_content').css({'display':'block'});
			},
		function(){
			  $(this).removeClass('tab_color');
			}
		);
	//---------------------Click Number---------------------//
	  $(".slide_num").click(function(){
	      if($("#milestones_slide").text()!="stop")
	  		  $("#milestones_slide").text($(this).text())
		  else
		      $("#events_slide").text($(this).text()) 	  
	  });
	//-----------------------------------------------------//
	  $('#milestones,#events').click(
		function(){ 
			  $('#milestones,#events').removeClass('tab_hover_color').addClass('tab_color').css({'margin-top':'4px','padding-top':'2px'}); $(this).addClass('tab_hover_color').css({'margin-top':'0px','padding-top':'6px'});
			   if($(this).attr('id')=='milestones')
			    {
				   $("#milestones_slide").text("start");
				   $("#events_slide").text("stop");
				   $("#miles-detailes").css({'display':'block'});
				   $("#events-detailes").css({'display':'none'});
				   $("#control_set").css({'display':'none'});
				   $("#nums").css({'display':'block'});
				   $('#miles-detailes>img').eq(0).css({'z-index':2})
			    }
			    else
			    {	   
                   $("#events_slide").text("start");
				   $("#milestones_slide").text("stop");
				   $("#miles-detailes").css({'display':'none'});
				   $("#events-detailes").css({'display':'block'});
				   $("#nums").css({'display':'none'});
				   $("#control_set").css({'display':'block'});
				   $('#events-detailes>img').eq(0).css({'z-index':2,'left':0});
			    }
			}
		);

//++++++++++++++++++++++++++++++++++++++++++++++++++++//
      $('#prev').click(function(){
			$("#events_slide").text("ok");
			$("#direction").text("l");
            $('#now').attr('src','images/pause.jpg');
			//arrange_positions();
	  })
//++++++++++++++++++++++++++++++++++++++++++++++++++++//
      $('#now').toggle(function(){
		   $("#events_slide").text("stop");
	       $('#now').attr('src','images/play.jpg');
		   //$('#now img').attr("src").replace('images/play.jpg');
		   //$('#now').src("images/play.jpg");
		   //$('#now img').("src",);
	  },
	  function(){
		   $("#events_slide").text("ok");
	       $('#now').attr('src','images/pause.jpg');
           //arrange_positions();
	  })
//++++++++++++++++++++++++++++++++++++++++++++++++++++//
      $('#nxt').click(function(){
		   $("#direction").text("r");
		   $("#events_slide").text("ok");
           $('#now').attr('src','images/pause.jpg');
		   // arrange_positions();
	  })
});//$(document).ready
//++++++++++++++++++++++++++++++++++++++++++++++++++++//
function arrange_positions()
{
   if($("#milestones_slide").text()!="stop")
   {
	   if($("#milestones_slide").text() == 'start')
		 {
		   index=0;
		   $("#milestones_slide").text('ok')
		 }
	   if(parseInt($("#milestones_slide").text())>0)
		 {
			$("#miles-detailes>img").css({'z-index':1});
			index=parseInt($("#milestones_slide").text())-1;
			$("#milestones_slide").text('ok');
		 }
		nxt=index+1;
		if(index==0)
		 {
			$("#miles-detailes>img").css({'z-index':1});
		 }
		if(nxt==$("#miles-detailes>img").size())
		 {
			nxt=0;
		 }
		Milestones();
   }
   else//events
   if($("#events_slide").text()!="stop")
   {
         //+++++++++++++Begin from Start++++++++++++++++//
		if($("#events_slide").text() == "start")
		 {
		   index=0;
		   $("#events_slide").text('ok')
		   $("#direction").text("r")
		 }
		 if($("#direction").text()=="r")
	     {
            nxt=index+1;
		 }
		 if($("#direction").text()=="l")
	     {
			nxt=index-1;
		 }
	  if(index==$("#events-detailes>img").size()-1)
		  {
			 if($("#direction").text()=="r")
			 nxt=0;
			 else
			 nxt=$("#events-detailes>img").size()-2;
		  }
	  if(index==0)
		  {
			 $("#events-detailes>img").css({'z-index':1});
			 if($("#direction").text()=="r")
			 nxt=1;
			 else
			 nxt=$("#events-detailes>img").size()-1;
		  }
		 events();
   }	
}
//++++++++++++++++++++++++++++++++++++++++++++++++++++//
function type_text(){
    text=$('#events-detailes>span').eq(nxt).text();
	var size=text.length;
	var string="";
	character_type="-";
	under="_";
	i=0;
	start_typing();
	function start_typing()
	{
	  string=string+text.charAt(i);
	  /*string_extra=character_type+string;*/
	  string_extra=string+character_type;
	  $('.slide_typing').append(character_type).delay(10).fadeIn(50,function(){$('.slide_typing').append(under)}).delay(10).fadeIn(10,function(){$('.slide_typing').text(string)}).delay(10).fadeIn(function(){ if(i+1<size){i++; start_typing()} });
	}
}	
//++++++++++++++++++++++++++++++++++++++++++++++++++++//
function Milestones()
{
	 $('.slide_num').removeClass("color_selected"); $('.slide_num').eq(index).addClass("color_selected");
	 $("#miles-detailes>img").eq(index).css({'z-index':2,'opacity':0.0}).fadeTo('slow',1.0)
	 $('.slide_detail').eq(index).css({'z-index':2}).animate({top:210},{duration:3000,easing: 'swing'}).delay(2000).fadeIn('fast',function(){  
	 if($("#milestones_slide").text() != "start")
	 {
	   index=nxt;
	 }
	 else
	 {
	   $("#milestones_slide").text("start")
	 }
	 $(".slide_detail").css({'z-index':1}).animate({top:'470px'},{duration: 100,easing: 'swing'}); arrange_positions() });
}
//++++++++++++++++++++++++++++++++++++++++++++++++++++//
function events(){
		if($("#events_slide").text()!="start")
		{
		  if($("#direction").text()=="r")
		  {
			  first_point=-470;
			  second_point=0;
			  third_point=470;
		  }
		  else
		  {
		     first_point=470;
			 second_point=0;
			 third_point=-470;
		  }
		  $('.slide_typing').text('');
		  //$('.slide_num').removeClass("color_selected"); $('.slide_num').eq(index).addClass("color_selected");
		  $('#events-detailes>img').eq(nxt).css({'z-index':2,'left':first_point}).animate({left:second_point},{duration:'slow',easing: 'swing'});
		  $('#events-detailes>img').eq(index).css({'z-index':2,'left':second_point}).animate({left:third_point},{duration:'slow',easing: 'swing'}).delay(1000).fadeTo('slow',1.0,function(){ type_text() }).delay(2000).fadeTo(3000,1.0,function(){  
		 /* if($("#direction").text()=="r")
		   
		  else
		    index=*/
		  index=nxt; 
		  arrange_positions();});
		}
		else
		{
           //$('#events-detailes>img').eq(0).css({'z-index':1}).delay(1).fadeTo('slow',1.0,function(){ arrange_positions() });
		   nxt=0;
           arrange_positions()
		}
}