<script language="javascript">

function Show(DivId){
	
	 var arrayOfDivs = document.getElementsByTagName('div');
	 var howMany = arrayOfDivs.length - 1;
	 for (var i=0; i <=howMany; i++) {
		var thisDiv = arrayOfDivs[i];
		if(thisDiv.id == DivId || thisDiv.id == "pscroller2" || thisDiv.id == "pscroller21" || thisDiv.id == "pscroller22")
			thisDiv.style.display = 'block';
		else{
			//alert(thisDiv.id)
			thisDiv.style.display = 'none';	
			}
	 }

}

function ShowNone(){
	 var arrayOfDivs = document.getElementsByTagName('div');
	 var howMany = arrayOfDivs.length - 1;
	 for (var i=0; i <=howMany; i++) {
		var thisDiv = arrayOfDivs[i];
		thisDiv.style.display = 'none';	
	 }
}



</script><style type="text/css">

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 670px;
height: 20px;
border: 0px solid black;
padding: 2px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.link {
	font-family: Tahoma;
	font-size: 12px;
	color: #8A8C8C;
	text-decoration: none;
}
a.link:hover {
	font-family: Tahoma;
	font-size: 12px;
	color: #3399FF;
	text-decoration: none;
}
</style>

<script type="text/javascript">

/*Example message arrays for the two demo scrollers*/

/*var pausecontent=new Array()
pausecontent[0]='<a href="http://www.javascriptkit.com">JavaScript Kit</a><br />Comprehensive JavaScript tutorials and over 400+ free scripts!'
pausecontent[1]='<a href="http://www.codingforums.com">Coding Forums</a><br />Web coding and development forums.'
pausecontent[2]='<a href="http://www.cssdrive.com" target="_new">CSS Drive</a><br />Categorized CSS gallery and examples.'*/

var pausecontent2=new Array()
pausecontent2[0]= '<a href = "media.php?id=8" class="link">Living &raquo;  ... </a>'
   pausecontent2[1]= '<a href = "media.php?id=9" class="link">Travel &raquo;  ... </a>'
   pausecontent2[2]= '<a href = "media.php?id=10" class="link">The Venue &raquo;  ... </a>'
   /*pausecontent2[0]='<a href="http://www.news.com">News.com: Technology and business reports</a>'
pausecontent2[1]='<a href="http://www.cnn.com">CNN: Headline and breaking news 24/7</a>'
pausecontent2[2]='<a href="http://news.bbc.co.uk">BBC News: UK and international news</a>'
*/
</script>

<script type="text/javascript">

/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-utf-8" />
<title>:- Welcome to RTF Website -:</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body class="body">
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" dir="ltr">
  <tr>
    <td><link href="style.css" rel="stylesheet" type="text/css">
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="103" valign="top" background="images/top-banner.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="40" align="right" class="text">&nbsp;&nbsp;&nbsp;
		<!--<a href="/downloads.php?&langg=1" class="text">English</a>
&nbsp;|&nbsp;&nbsp;<a href="/downloads.php?&langg=2" class="text">Arabic</a> &nbsp;&nbsp;--></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="836" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="43%"><img src="images/logo.jpg" width="344" height="118"></td>
        <td width="28%">&nbsp;</td>
        <td width="29%" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="22" class="links">Riyadh Travel Fair <span class="green">4th Edition</span> </td>
          </tr>
          <tr>
            <td height="22" class="links">Four Seasons Hotel - Kingdom Tower </td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="22"><img src="images/below.jpg" width="1024" height="16"></td>
  </tr>
  <tr>
    <td height="41"><table width="836" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="41"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="3%" onmouseover="this.bgColor='#F6F9F9'" onmouseout="this.bgColor=''"><a href="index.php"><img src="images/home.jpg" width="29" height="41" border="0" /></a></td>
            <td width="97%" valign="middle" background="images/links-bg.jpg"><table width="100%" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td height="41" align="center" onmouseover="this.className='links-over'" onMouseOut="this.className='links'" class="links" style="cursor:pointer" onclick="window.location.href='aboutus.php'">About Us                </td>
                <td align="center" onmouseover="this.className='links-over'"  onMouseOut="this.className='links'" class="links" style="cursor:pointer" onclick="window.location.href='book_your_space.php'">Book Your Space                  </a></td>
                <td align="center" onmouseover="this.className='links-over'"  onMouseOut="this.className='links'" class="links" style="cursor:pointer" onclick="window.location.href='exhibitor_search.php'">Exhibitor Search                  </a></td>
                <td align="center" onmouseover="this.className='links-over'"   class="links" style="cursor:pointer" onclick="window.location.href='events.php'">Events                  </a></td>
                <td align="center" onmouseover="this.className='links-over'"  onMouseOut="this.className='links'" class="links" style="cursor:pointer" onclick="window.location.href='hotels.php'">Hotels & Trip                  </a></td>
                <td align="center" onmouseover="this.className='links-over'"  onMouseOut="this.className='links'" class="links" style="cursor:pointer" onclick="window.location.href='media.php'">Media                  </a></td>
                <td align="center" onmouseover="this.className='links-over'"   class="sel-links" style="cursor:pointer" onclick="window.location.href='downloads.php'">Downloads                  </a></td>
                <td align="center" onmouseover="this.className='links-over'"  onMouseOut="this.className='links'" class="links" style="cursor:pointer" onclick="window.location.href='contactus.php'">Contact us                  </a></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td height="30" colspan="2" bgcolor="#F9F9F9" >
			<div  id="aboutus" style="display:none"  >
                <table width="60%" border="0" cellspacing="0" cellpadding="0" >
                  <tr >
                                        <td height="30"  class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="aboutus.php?id=8" class="s-link"> Why participate in the Fair                    </a></td>
                                        <td height="30"  class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="aboutus.php?id=9" class="s-link"> Why Riyadh                    </a></td>
                                        <td height="30"  class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="aboutus.php?id=10" class="s-link"> The Venue                    </a></td>
                                        <td height="30"  class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="aboutus.php?id=11" class="s-link"> Hosted Buyer                    </a></td>
                                        <td height="30"  class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="aboutus.php?id=14" class="s-link"> Organizers                    </a></td>
                                      </tr>
                </table>
            </div>
                <div  id="exhib_search" style="display:none" >
                  <table width="30%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="30" onmouseover="this.className='s-bgclassover'" onmouseout="this.className=''" >&nbsp;<a href="exhibitor_search.php?id=1" class="s-link">
                        Exhibitor List 2011</a></td>
                      <td height="30" onmouseover="this.className='s-bgclassover'" onmouseout="this.className=''" >&nbsp;<a href="exhibitor_search.php?id=1" class="s-link"></a></td>
                    </tr>
                  </table>
                </div>
              <div id="events" style="display:none"  >
                  <table width="30%" border="0" cellspacing="0" cellpadding="0" >
                    <tr >
                                            <td height="30"   class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="events.php?id=11" class="s-link">
                         RTF 2012 Events                      </a></td>
                                            <td height="30"   class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="events.php?id=12" class="s-link">
                         Online Registration                      </a></td>
                                          </tr>
                  </table>
              </div>
              <div id="hotels" style="display:none" >
                  <table width="30%" border="0" cellspacing="0" cellpadding="0" >
                    <tr>
                                            <td height="30"   class=""onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="hotels.php?id=8" class="s-link">
                         Living                      </a></td>
                                            <td height="30"   class=""onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="hotels.php?id=9" class="s-link">
                         Travel                      </a></td>
                                            <td height="30"   class=""onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="hotels.php?id=10" class="s-link">
                         The Venue                      </a></td>
                                          </tr>
                  </table>
              </div>
              <div id="media" style="display:none" >
                  <table width="35%" border="0" cellspacing="0" cellpadding="0" >
                    <tr>
                                            <td height="30"   class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="media.php?id=1" class="s-link">
                         RTF News                      </a></td>
                                            <td height="30"   class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="media.php?id=2" class="s-link">
                         P & R Marketing                      </a></td>
                                            <td height="30"   class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="gallery.php" class="s-link">
                         Gallery                      </a></td>
                                          </tr>
                  </table>
              </div>
              <div id="downloads" style="display:block" >
                  <table width="60%" border="0" cellspacing="0" cellpadding="0" >
                    <tr>
                                            <td height="30"   class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="downloads.php?id=10" class="s-link">
                         Show Brochure                      </a></td>
                                            <td height="30"   class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="downloads.php?id=11" class="s-link">
                         Show Report                      </a></td>
                                            <td height="30"   class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="downloads.php?id=12" class="s-link">
                         Space Booking Form                      </a></td>
                                            <td height="30"   class="" onMouseOut="this.className='s-bgclassover'" onMouseOut="this.className=''">&nbsp;<a href="downloads.php?id=13" class="s-link">
                         Floor Plan                      </a></td>
                                          </tr>
                  </table>
              </div>
              			</td>
            </tr>
        </table></td>
      </tr>
          </table></td>
  </tr>
</table></td>
  </tr>
  <tr>
    <td height="27" background="images/down-bg.jpg" >&nbsp;</td>
  </tr>
  <tr>
    <td ><table width="836" border="0" align="center" cellpadding="0" cellspacing="0">
      
      
      <tr>
        <td width="620" valign="top"><table width="98%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="30" valign="top" class="sub-heading">
			  Show Brochure						</td>
          </tr>
          <tr>
            <td class="text"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="30" colspan="2" class="text">Click on the following link to download Brochure. </td>
      </tr>
      <tr>
        <td width="6%"><img src="images/pfd.png" width="26" height="31" /></td>
        <td width="94%"><a href="downloads/brochure.pdf" target="_blank" class="green">Click here to download Brochure.</a> </td>
      </tr>
    </table></td>
          </tr>
        </table></td>
        <td width="216" valign="top"><link href="style.css" rel="stylesheet" type="text/css">
<table width="216" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="52" background="images/quick.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="8%">&nbsp;</td>
            <td width="92%" class="gray">Quick Links</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td background="images/l-links-bg.jpg"><table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="18%" align="center"><img src="images/book-icon.jpg" width="29" height="30"></td>
            <td width="82%"><a href="book_your_space.php" class="sub-links">Book Your Space</a></td>
          </tr>
          <tr>
            <td height="4" colspan="2"  class="xbg"></td>
            </tr>
           <tr>
            <td width="18%" align="center"><img src="images/show-icon.jpg" width="29" height="34"></td>
            <td width="82%"><a href="downloads.php" class="sub-links">Show Brochure</a></td>
          </tr>
          <tr>
            <td height="4" colspan="2"  class="xbg"></td>
            </tr>
		  <tr>
            <td width="18%" align="center"><img src="images/report-icon.jpg" width="29" height="32"></td>
            <td width="82%"><a href="downloads.php?id=11" class="sub-links">Show Report</a></td>
          </tr>
          <tr>
            <td height="4" colspan="2"  class="xbg"></td>
            </tr>	
		 <tr>
            <td width="18%" align="center"><img src="images/visit-icon.jpg" width="29" height="37"></td>
            <td width="82%"><a href="home.php?id=18" class="sub-links">Visit the Show</a></td>
          </tr>
          <tr>
            <td height="4" colspan="2"  class="xbg"></td>
            </tr>	
		 <tr>
            <td width="18%" align="center"><img src="images/gallery-icon.jpg" width="29" height="28"></td>
            <td width="82%"><a href="gallery.php" class="sub-links">Gallery</a></td>
          </tr>
          <tr>
            <td height="4" colspan="2"  class="xbg"></td>
            </tr>		
        </table></td>
      </tr>
      <tr>
        <td><img src="images/bottom.jpg" width="216" height="16"></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><a href="book_your_space.php"><img src="images/book-space.jpg" width="216" height="214" border="0"></a></td>
  </tr>
  <tr>
    <td><img src="images/sponsor-ship.jpg" width="216" height="204"></td>
  </tr>
</table>
</td>
      </tr>
      <tr>
        <td colspan="2" valign="top" class="xbg">&nbsp;</td>
        </tr>
      <tr>
        <td colspan="2" valign="top"><table width="836" height="33" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td background="images/newsbar.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="15%" height="33" align="center" class="gray">Latest News</td>
                  <td width="85%"><script type="text/javascript">

//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

//new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
//document.write("<br />")
new pausescroller(pausecontent2, "pscroller2", "someclass", 3000)

        </script>                  </td>
                </tr>
            </table></td>
          </tr>
          <tr>
            <td background="images/newsbar.jpg">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td ><table width="836" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td><img src="images/login-strip.jpg" width="836" height="62" /></td>
      </tr>
      <tr>
        <td><table width="836" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="images/footer1.jpg" width="836" height="293" /></td>
  </tr>
</table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td >&nbsp;</td>
  </tr>
</table>
</body>

</html>