<html>
<head>
<title>Raed George - Music Page</title>
<meta name="description"  content="مرحبا بكم في موقع الفنان رائد جورج. هنا يمكنكم الاطلاع على اعمال رائد جورج الفنيه">
<meta name="keywords" content="فيديو كلب عراقي, موسيقى, اغاني ,arabic music, mp3 music, middle east music, iraqi songs, iraqi video clips, arabic songs download">

<meta name="author" content="Raed George">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<link href="css/css.css" rel="stylesheet" type="text/css">
<link rel=stylesheet type="text/css" href="css/style.css">
<script>
	var contentHeight = 0; 	// The total height of the content
	var visibleContentHeight = 0;	
	var scrollActive = false;
	
	var scrollHandleObj = false; // reference to the scroll handle
	var scrollHandleHeight = false;
	var scrollbarTop = false;
	var eventYPos = false;

	var scrollbuttonActive = false;
	var scrollbuttonDirection = false;
	var scrollbuttonSpeed = 2; // How fast the content scrolls when you click the scroll buttons(Up and down arrows)
	var scrollTimer = 10;	// Also how fast the content scrolls. By decreasing this value, the content will move faster	
	
	var scrollMoveToActive = false;
	var scrollMoveToYPosition = false;
	
	var operaBrowser = false;
	if(navigator.userAgent.indexOf('Opera')>=0)operaBrowser=1;
		
	function scrollDivstartScroll(e)
	{
		if(document.all && !operaBrowser)e = event;
		scrollbarTop = document.getElementById('scrolldivtheScroll').offsetTop;
		eventYPos = e.clientY;
		scrollActive = true;
	}
	
	function scrollDivstopScroll()
	{
		scrollActive = false;
		scrollbuttonActive = false;
		scrollMoveToActive = false;
	}
	function scrollDivscroll(e)
	{
		if(!scrollActive)return;
		if(document.all && !operaBrowser)e = event;
		if(e.button!=1 && document.all)return;
		var topPos = scrollbarTop + e.clientY - eventYPos; 
		if(topPos<0)topPos=0;
		if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1)topPos = visibleContentHeight-(scrollHandleHeight+4);
		document.getElementById('scrolldivtheScroll').style.top = topPos + 'px';
		document.getElementById('scrolldivcontent').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px' 
	}
	
	/*
	Click on the slider
	Move the content to the this point
	*/
	function scrolldivscrollMoveToInit(e)
	{		
		if(document.all && !operaBrowser)e = event;
		scrollMoveToActive = true;
		scrollMoveToYPosition = e.clientY - document.getElementById('scrolldivscrollbar').offsetTop;
		if(document.getElementById('scrolldivtheScroll').offsetTop/1 > scrollMoveToYPosition) scrollbuttonDirection = scrollbuttonSpeed*-2; else  scrollbuttonDirection = scrollbuttonSpeed*2;
		scrolldivscrollMoveTo();	
	}
	
	function scrolldivscrollMoveTo()
	{
		if(!scrollMoveToActive || scrollActive)return;
		var topPos = document.getElementById('scrolldivtheScroll').style.top.replace('px','');
		topPos = topPos/1 + scrollbuttonDirection;
		if(topPos<0){
			topPos=0;
			scrollMoveToActive=false;
		}
		if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1){
			topPos = visibleContentHeight-(scrollHandleHeight+4);	
			scrollMoveToActive=false;
		}
		if(scrollbuttonDirection<0 && topPos<scrollMoveToYPosition-scrollHandleHeight/2)return;	
		if(scrollbuttonDirection>0 && topPos>scrollMoveToYPosition-scrollHandleHeight/2)return;			
		document.getElementById('scrolldivtheScroll').style.top = topPos + 'px';
		document.getElementById('scrolldivcontent').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px' 		
		setTimeout('scrolldivscrollMoveTo()',scrollTimer);		
	}
	
	function cancelEvent()
	{
		return false;			
	}

	function scrolldivscrollButton()
	{
		if(this.id=='scrolldivscrollDown')scrollbuttonDirection = scrollbuttonSpeed; else scrollbuttonDirection = scrollbuttonSpeed*-1;
		scrollbuttonActive=true;
		scrolldivscrollButtonScroll();
	}
	function scrolldivscrollButtonScroll()
	{
		if(!scrollbuttonActive)return;
		var topPos = document.getElementById('scrolldivtheScroll').style.top.replace('px','');
		topPos = topPos/1 + scrollbuttonDirection;
		if(topPos<0){
			topPos=0;
			scrollbuttonActive=false;
		}
		// alert (topPos + " " + visibleContentHeight + " " + scrollHandleHeight);
		
		if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1){
			topPos = visibleContentHeight-(scrollHandleHeight+4);	
			scrollbuttonActive=false;}	

		document.getElementById('scrolldivtheScroll').style.top = topPos + 'px';
		document.getElementById('scrolldivcontent').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px' 			
		setTimeout('scrolldivscrollButtonScroll()',scrollTimer); 
	}
	function scrolldivscrollButtonStop()
	{
		scrollbuttonActive = false;
	}
	
	
	function scrolldivinitScroll()
	{
		visibleContentHeight = document.getElementById('scrolldivscrollbar').offsetHeight;
		if (visibleContentHeight<=0) visibleContentHeight=182;
		contentHeight = document.getElementById('scrolldivcontent').offsetHeight - visibleContentHeight;
		if (contentHeight<=0) contentHeight=320;
		scrollHandleObj = document.getElementById('scrolldivtheScroll');
		scrollHandleHeight = scrollHandleObj.offsetHeight;
		if (scrollHandleHeight<=0) scrollHandleHeight=13;
		scrollbarTop = document.getElementById('scrolldivscrollbar').offsetTop;		
		document.getElementById('scrolldivtheScroll').onmousedown = scrollDivstartScroll;
		document.body.onmousemove = scrollDivscroll;
		document.getElementById('scrolldivscrollbar').onselectstart = cancelEvent;
		document.getElementById('scrolldivtheScroll').onmouseup = scrollDivstopScroll;
		if(document.all)document.body.onmouseup = scrollDivstopScroll; else document.documentElement.onmouseup = scrollDivstopScroll;
		document.getElementById('scrolldivscrollDown').onmousedown = scrolldivscrollButton;
		document.getElementById('scrolldivscrollUp').onmousedown = scrolldivscrollButton;
		document.getElementById('scrolldivscrollDown').onmouseup = scrolldivscrollButtonStop;
		document.getElementById('scrolldivscrollUp').onmouseup = scrolldivscrollButtonStop;
		document.getElementById('scrolldivscrollUp').onselectstart = cancelEvent;
		document.getElementById('scrolldivscrollDown').onselectstart = cancelEvent;
		document.getElementById('scrolldivscrollbar').onmousedown = scrolldivscrollMoveToInit;
	}
	/*
	Change from the default color
	*/	
	function scrolldivsetColor(rgbColor)
	{
		document.getElementById('scrolldivscrollbar').style.borderColor = rgbColor;
		document.getElementById('scrolldivtheScroll').style.backgroundColor = rgbColor;
		document.getElementById('scrolldivscrollUp').style.borderColor = rgbColor;
		document.getElementById('scrolldivscrollDown').style.borderColor = rgbColor;
		document.getElementById('scrolldivscrollUp').style.color = rgbColor;
		document.getElementById('scrolldivscrollDown').style.color = rgbColor;
		document.getElementById('scrolldivparentContainer').style.borderColor = rgbColor;
	}
	/*
	Setting total width of scrolling div
	*/
	function scrolldivsetWidth(newWidth)
	{
		document.getElementById('dhtmlgoodiesscrolldiv').style.width = newWidth + 'px';
		document.getElementById('scrolldivparentContainer').style.width = newWidth-30 + 'px';		
	}
	
	/*
	Setting total height of scrolling div
	*/
	function scrolldivsetHeight(newHeight)
	{
		document.getElementById('dhtmlgoodiesscrolldiv').style.height = newHeight + 'px';
		document.getElementById('scrolldivparentContainer').style.height = newHeight + 'px';
		document.getElementById('scrolldivslider').style.height = newHeight + 'px';
		document.getElementById('scrolldivscrollbar').style.height = newHeight-40 + 'px';		
	}
	/*
	Setting new background color to the slider 
	*/
	function setSliderBgColor(rgbColor)
	{
		if (rgbColor!="none") document.getElementById('scrolldivscrollbar').style.backgroundColor = rgbColor;
		if (rgbColor!="none") document.getElementById('scrolldivscrollUp').style.backgroundColor = rgbColor;
		if (rgbColor!="none") document.getElementById('scrolldivscrollDown').style.backgroundColor = rgbColor;
	}
	/*
	Setting new content background color
	*/
	function setContentBgColor(rgbColor)
	{
		if (rgbColor!="none") document.getElementById('scrolldivparentContainer').style.backgroundColor = rgbColor;
	}
	
	/*
	Setting scroll button speed
	*/
	function setScrollButtonSpeed(newScrollButtonSpeed)
	{
		scrollbuttonSpeed = newScrollButtonSpeed;
	}
	/*
	Setting interval of the scroll
	*/
	function setScrollTimer(newInterval)
	{
		scrollTimer = newInterval;
	}
</script>
</head>

<body  bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="100%" align="center" valign="middle"><!-- top -->
      <table width="775" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td><img src="images/top_01.jpg" width="80" height="51" alt=""></td>
          <td colspan="3" background="images/mnubg.gif"><table width="100%" height="51" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="14%" align="center"><a href="conts.aspx"><Font size="3" color="white"><b>اتصل بنا</b></Font></a></td>
                <td width="15%" align="center"><a href="bio.html"><Font size="3" color="white"><b>السيرة الذاتية</b></Font></a></td>
                <td width="14%" align="center"><a href="videos.html"><Font size="3" color="white"><b>اغاني مصوره</b></Font></a></td>
                <td width="14%" align="center"><a href="pics.html"><Font size="3" color="white"><b>صـــــــور</b></Font></a></td>
                <td width="14%" align="center"><a href="songs.html"><Font size="3" color="white"><b>اغــــاني</b></Font></a></td>
               
                
                <td width="14%" align="center"><div style="width:80%; background-image:url(images/activebg.jpg)">
                  <table width="100%" height="51" border="0" cellpadding="0" cellspacing="0" background="images/activerig.jpg" class="norepr">
                    <tr>
                      <td align="center" background="images/activeleft.jpg" class="norep"><a href="music.html"><Font size="3"><b>موسيـقـى</b></Font></a></td>
                    </tr>
                  </table>
                </div></td>
                <td width="14%" align="center"><a href="index.html"><Font size="3" color="white"><b>الرئيسـيه</b></Font></a></td>
              </tr>
          </table></td>
          <td><img src="images/top_03.jpg" width="118" height="51" alt=""></td>
        </tr>
        <tr>
          <td><img src="images/top_04.jpg" width="80" height="132" alt=""></td>
          <td><a href="index.html"><img src="images/logo1.jpg" alt="" width="169" height="132" border="0"></a></td>
          <td><a href="index.html"><img src="images/logo2.jpg" alt="" width="316" height="132" border="0"></a></td>
          <td><img src="images/top_07.jpg" width="92" height="132" alt=""></td>
          <td><img src="images/top_08.jpg" width="118" height="132" alt=""></td>
        </tr>
        <tr>
          <td height="267" colspan="5" background="images/bodybg.jpg" class="norep"><table width="100%" height="267" border="0" cellpadding="5" cellspacing="5">
            <tr>
              <td width="550" valign="top" style="padding-left:30px; padding-top:15px;">
<div id="dhtmlgoodiesscrolldiv">
                <div id="scrolldivparentContainer">
                  <div id="scrolldivcontent" align="right">
                    <!-- PUT YOUR HTML CONTENT IN HERE -->
                    <table width="100%" border="0" cellspacing="5" cellpadding="5">
                      <tr>
                        <td valign="top" align="right"><h1 align="right"><font size=4>مقطـوعـات موسـيـقيه</font></h1>
                        <font size=3>
                             
                          <br /><li class="list2"><b><a class="list2" href="http://www.raedgeorge.com/video/Pasha.mp3">موسيقى مسلسل الباشا - الفائزة بقلادة الابداع الذهبية للعام 2008 المخصصة للابداع العراقي</a></b></li>
				<li class="list"> <b><a href="music_p1.html">رجـال الـظـل (المجموعه الكامله)</a></b><br /><font size=2 color="white">الحائزه على الجائزه الذهبيه في مهرجان<br/>الـقـاهـره للاذاعـه والتلفزيون - 1997</font> </li>
                            <br /><li class="list2"><b><a class="list2" href="http://www.raedgeorge.com/video/track5.mp3">سميرامـيس - ملـكة بابل</a></b></li>
                            <BR /><li class="list2"><b><a class="list2" href="http://www.raedgeorge.com/video/track6.mp3">نفرتـيتي - ملكة مـصر</a></b></li>
                            <BR /><li class="list2"><b><a class="list2" href="http://www.raedgeorge.com/video/track7.mp3">دوشـفـري - ملـكة الحـضر</a></b></li>
                            <BR /><li class="list2"><b><a class="list2" href="babylon.html">إفتتاحية مهرجان بابل الدولي (الاعمال الكامله)</a></b></li>
                            
                            <BR /><li class="list"><b><a href="http://www.raedgeorge.com/video/Mouttini.mp3">مـوطـنـي</a></b></li>
                            <BR /><li class="list"><b><a href="http://www.raedgeorge.com/video/track8.mp3">لاتـرحلـيـن</a></b></li>
                          </ol></font></td>
                      </tr>
                    </table>
                    <p>&nbsp;</p>
                    <!-- END OF HTML CONTENT -->
                  </div>
                </div>
              <div id="scrolldivslider">
                  <div id="scrolldivscrollUp"><img src="images/arrow_up.gif" width="8" height="7" /></div>
                <div id="scrolldivscrollbar">
                    <div id="scrolldivtheScroll"><span></span></div>
                </div>
                <div id="scrolldivscrollDown"><img src="images/arrow_down.gif" width="8" height="7" lang="ab" /></div>
              </div>
            </div>
                <script type="text/javascript">
scrolldivsetColor('#877d3f');	// Setting color of the scrolling div
setSliderBgColor('none');	// Setting color of the scrolling div
setContentBgColor('none');	// Setting color of the scrolling div
setScrollButtonSpeed(1);	// Setting speed of scrolling when someone clicks on the arrow or the slider
setScrollTimer(5);	// speed of 1 and timer of 5 is the same as speed of 2 and timer on 10 - what's the difference? 1 and 5 will make the scroll move a little smoother.
scrolldivsetWidth(480);	// Setting total width of scrolling div
scrolldivsetHeight(220);	// Setting total height of scrolling div
scrolldivinitScroll();	// Initialize javascript functions
            </script>  
			  </td>
              <td align="right" valign="bottom"><div style="position:relative; top:10px;"><img src="images/music_tit.jpg" width="195" height="224"></div></td>
            </tr>
          </table></td>
        </tr>
        
        <tr>
          <td height="70" colspan="5" background="images/bottombg.jpg" class="norep"><table width="100%" border="0" cellspacing="5" cellpadding="5">
            <tr>
              <td align="center" class="small">تنبيه: كل محتويات هذا الموقع من صور ومقطوعات موسيقيه وغنائيه واغاني مصوره وجميع المحتويات الاخرى مملوكه للفنان رائد جورج ولايمكن نسخها او استعمال اي جزء منها إلا بموافقه خطيه مسبقه<br />.
جميع حقوق الطبع محفوظه للفنان رائد جورج</td>
              </tr>
          </table></td>
        </tr>
      </table>
    <!-- end top --></td>
  </tr>
</table>
</body>
</html>