<div class="wrap">
<!-- #Header Start -->
<div class="header">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/
javascript">
$
(document).ready(function(){
var timezone = "Europe/Athens";
$
.getJSON("http://json-time.appspot.com/time.json?tz="+timezone+"&callback=?",
function(data){
if ((data.hour >= 6) && (data.hour < 18)) {
$
.YQL = function(query, callback) {
var encodedQuery = encodeURIComponent(query.toLowerCase()),
url
= 'http://query.yahooapis.com/v1/public/yql?q='
+ encodedQuery + '&format=json&callback=?';
$
.getJSON(url, callback);
};
$
.YQL("select * from rss where url='http://weather.yahooapis.com/forecastrss?p=CYXX0005&u=c'",function(data){
var w=data.query.results.item;
var class=w.condition.text;
var encodedclass = class.replace(/\s+/g, '-').toLowerCase();
$
('.logo').addClass(encodedclass);
$
('#weatherTemp').html("Ξ˜ΞµΟΞΌΞΏΞΊΟΞ±Ο
ƒΞ―Ξ± Λευκωσίας: "+w.condition.temp+"°");
});
} else if ((data.hour > 6) && (data.hour >= 18)){
$
.YQL = function(query, callback) {
var encodedQuery = encodeURIComponent(query.toLowerCase()),
url
= 'http://query.yahooapis.com/v1/public/yql?q='
+ encodedQuery + '&format=json&callback=?';
$
.getJSON(url, callback);
};
$
.YQL("select * from rss where url='http://weather.yahooapis.com/forecastrss?p=CYXX0005&u=c'",function(data){
var w=data.query.results.item;
var class=w.condition.text;
var encodedclass = class.replace(/\s+/g, '-').toLowerCase();
$
('.logo').addClass('logo2');
$
('.logo2').addClass(encodedclass);
$
('#weatherTemp').html("Ξ˜ΞµΟΞΌΞΏΞΊΟΞ±Ο
ƒΞ―Ξ± Λευκωσίας: "+w.condition.temp+"°");
});
}
});
}); </script>
<!--Begin logo -->
<div class="logo">
<a href="
<?php echo get_option('home'); ?>/" class="logo" title="<?php bloginfo('name'); ?> : <?php bloginfo('description'); ?>">
</a> <br class="clear" />
</div></div></div>
<!--End logo -->
.wrap {
width
:960px;
margin
:0 auto;
}
.header {
float:left;
width
:960px;
margin
-top:30px;
}
.logo {
float:left;
font
-size:670px;
width
:667px;
background
-repeat:no-repeat;
margin
: 0 0 0 100px;
}
.logo2 {
float:left;
font
-size:670px;
width
:667px;
background
-repeat:no-repeat;
margin
: 0 0 0 100px;
}
/* weather logo */
.logo.cloudy, .logo.partly-cloudy, .logo.mostly-cloudy {
background
-image:url(images/logocloud.png);
}
.logo.rain, .logo.thunderstorms, .logo.drizzle, .logo.showers, .logo.thundershowers, .logo.scattered-showers, .logo.scattered-thunderstorms, .logo.isolated-thunderstorms {
background
-image:url(images/logorain.png);
}
.logo.sunny, .logo.fair, .logo.hot {
background
-image:url(images/logo.png);
}
.logo.snow, .logo.mixed-rain-and-snow, .logo.mixed-rain-and-sleet, .logo.snow-flurries, .logo.light-snow-showers, .logo.blowing-snow, .logo.hail, .logo.sleet, .logo.snow-showers, .logo.heavy-snow, .logo.light-snow {
background
-image:url(images/logosnow.png);
}
.logo2.cloudy, .logo2.partly-cloudy, .logo2.mostly-cloudy {
background
-image:url(images/mooncloud.png);
}
.logo2.rain, .logo2.thunderstorms, .logo2.drizzle, .logo2.showers, .logo2.thundershowers, .logo2.scattered-showers, .logo2.scattered-thunderstorms, .logo2.isolated-thunderstorms {
background
-image:url(images/moonrain.png);
}
.logo2.sunny, .logo2.fair, .logo2.hot {
background
-image:url(images/moon.png);
}
.logo2.snow, .logo2.mixed-rain-and-snow, .logo2.mixed-rain-and-sleet, .logo2.snow-flurries, .logo2.light-snow-showers, .logo2.blowing-snow, .logo2.hail, .logo2.sleet, .logo2.snow-showers, .logo2.heavy-snow, .logo2.light-snow {
background
-image:url(images/logosnow.png);
}