Untitled

<!DOCTYPE html
<html class="html" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="Images/favicon.png" rel="shortcut icon" />
<title>JustMusic</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">

.featured{
	width:635px;
	height:356px;
	overflow:hidden;
	margin: 30px auto;
	background-image:url(../Images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.featured img{
	width:635px;
	height:356px;
	display:none;
}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script>

	function Featured(){
		$(".featured #1").show("fade",500);
		$(".featured #1").delay(5500).hide("slide",{direction:'left'},500);

		var sc=$(".featured img").size();
		var count=2;

		setInterval(function(){
			$(".featured #"+count).show("slide",{direction:'right'},500);
			$(".featured #"+count).delay(5500).hide("slide",{direction:'left'},500);

			if(count==sc){
				count=1;
			}else{
				count=count+1;
			}
		},6500);
   }
</script>
</head>
<body onload="Featured();">
<div class="container">
    <div id="home">
            <b id="logout"><a href="logout.php">Log Out</a></b>
    </div>

	<div class="header">
    <a href="index.html" /><img src="Images/logo.png" alt="Logo" width="362" height="133" /></a>
    <br />
        <ul class="nav">
        <?php if (!isset($_SESSION['login_user'])) {
            $user = $_SESSION['login_user'];

            $query = "SELECT * FROM `users`  WHERE `username` = '$user' ";?>
        <li><a href="home.php" /><strong>Home</strong></li> <span> | </span>
        <li><strong>News</strong></li> <span> | </span>
        <li><a href="RnB.php.php" /><strong>Genre</strong></li> <span> | </span>
        <li><a href="featured.php" /><strong>Featured</strong></li><span> | </span>
        </ul>

        <ul class="buttons">
        <li><a href="http://twitter.com" target="_blank" ><img src="Images/twitter.png" alt="twitter logo" width="44" height="44" /></a></li>
        <li><a href="http://facebook.com" target="_blank" ><img src="Images/facebook.png" alt="facebook logo" width="44" height="44" /></a></li>
        </ul>

    </div><!--end of header-->

	<div class="slogan">
    	<h1>Welcome to Just Music! Music for Everyone, Everywhere!</h1>
        <hr />
        <br />
    </div>
    <div class="content">
    <div class="middle">
    	<h1><strong>This Weeks Featured Artists</strong></h1>
    </div>

    <ul class="side">
    <li><a href="featured.php" /><strong>Ed Sheeran</strong></li>
    <li><a href="beyonce.php" /><strong>Beyonce</strong></li>
    <li><a href="taylor.php" /><strong>Taylor Swift</strong></li>
    <li><a href="hozier.php" /><strong>Hozier</strong></li>
    </ul>

    <div class="featured">
        <img id="1" src="Images/edsheeran.jpg" border="0" alt="Ed Sheeran" width="635" height="356"/>
        <img id="2" src="Images/beyonce.jpg" border="0" alt="Beyonce" width="635" height="356"/>
        <img id="3" src="Images/taylor.png" border="0" alt="Taylor Swift" width="635" height="356"/>
        <img id="4" src="Images/hozier.jpg" border="0" alt="Hozier" width="635" height="356"/>
    </div>
    <div class="shadow"></div>
    </div>

    <br />
    <br />
    <hr />
    <br />

    <div class="charts">
    <p><strong>This Weeks Charts and Up and Coming Music</strong></p>
    </div>
    <div class="column">
        <h2><strong>Top 10 Songs:</strong></h2>

    </div>

        <ol class="top10">
            <li>Uptown Funk! - Mark Ronson ft. Bruno Mars</li><a href="https://www.youtube.com/watch?v=OPf0YbXqDm0" target="_blank"><img src="Images/uptown.jpg" /></a>
            <li>Thinking Out Loud - Ed Sheeran</li><a href="https://www.youtube.com/watch?v=lp-EO5I60KA" target="_blank"><img src="Images/thinking.png" width="100" height="100"/></a>
            <li>Sugar - Maroon 5</li><a href="https://www.youtube.com/watch?v=09R8_2nJtjg" target="_blank"><img src="Images/v.png"  width="100" height="100"/></a>
            <li>Love Me Like You Do - Ellie Goulding</li><a href="https://www.youtube.com/watch?v=AJtDXIazrMo" target="_blank"><img src="Images/love.png" alt="Video Link" width="100" height="100" /></a>
            <li>FourFiveSeconds - Rihanna &amp; Kanye West &amp; Paul McCartney </li><a href="https://www.youtube.com/watch?v=kt0g4dWxEBo" target="_blank"><img src="Images/four.png" alt="Video Link"  width="100" height="100" /></a>
            <li>Take Me To Church - Hozier</li><a href="https://www.youtube.com/watch?v=MYSVMgRr6pw" target="_blank"><img src="Images/church.jpg" alt="Video Link"  width="100" height="100" /></a>
            <li>Style - Taylor Swift</li><a href="https://www.youtube.com/watch?v=-CmadmM5cOk" target="_blank"><img src="Images/tay.jpg"  width="100" height="100" /></a>
            <li>Blank Space - Taylor Swift</li><a href="https://www.youtube.com/watch?v=e-ORhEE9VVg" target="_blank"><img src="Images/tay.jpg"  width="100" height="100" /></a>
            <li>Earned It - The Weekend</li><a href="https://www.youtube.com/watch?v=waU75jdUnYw" target="_blank"><img src="Images/earned.png" width="100" height="100" /></a>
            <li>Time Of Our Lives - Pitbull &amp; Ne-Yo</li><a href="https://www.youtube.com/watch?v=bTXJQ5ql5Fw" target="_blank"><img src="Images/time.jpg"  width="100" height="100"/></a>

       </ol>

        <div class="column2">
        <h2><strong>New Tracks:</strong></h2>
      	</div>
 	    <ol class="top10_1">
            <li>Lay Me Down - Sam Smith</li><a href="https://www.youtube.com/watch?v=HaMq2nn5ac0" target="_blank"><img src="Images/sam.jpg" alt="Video Link" width="100" height="100" /></a>
            <li>King - Years &amp; Years</li><a href="https://www.youtube.com/watch?v=g_uoH6hJilc" target="_blank"><img src="Images/king.jpg" alt="Video Link" width="100" height="100" /></a>
            <li>When The Beat Drops - Marlon Roudette</li><a href="https://www.youtube.com/watch?v=BLRgaU9uUnA" target="_blank"><img src="Images/beat.jpg" alt="Video Link" width="100" height="100" /></a>
            <li>Make Me Feel Better - Alex Adair</li><a href="https://www.youtube.com/watch?v=626fsEM1Cts" target="_blank"><img src="Images/better.jpg" alt="Video Link" width="100" height="100" /></a>
            <li>Something New - Axwell Ingrosso</li><a href="https://www.youtube.com/watch?v=QwaVVsvLlc4" target="_blank"><img src="Images/axwell.jpg" alt="Video Link" width="100" height="100" /></a>
         </ol>
         <div class="videooftheweek">
         <br />
         <br />
         <h2><strong>Featured Music Video Of The Week</strong></h2>
         <h3>Someone New - Hozier</h3>
         <iframe width="420" height="315" src="https://www.youtube.com/watch?v=bPJSsAr2iu0" frameborder="0" allowfullscreen></iframe>
         </div>
   <div class="copy">
   <hr />
   <p>Copyright 2015. All Rights Reserved</p>
   </div>
</div><!--end of container-->

<ul class="footer">
    <li>Home</li> <span> | </span>
    <li>News</li> <span> | </span>
    <li>About Us</li> <span> | </span>
    <li>Contact Us</li> <span> | </span>
    <li>Copyright</li> <span> | </span>
    <li><a href="#top">Top</li>
    </ul>

</body>
</html>
<?php } ?>