//http: or https:
var scheme = window.location.protocol;
var base_nav_url = scheme + '//www.myviva.ca/themes/myviva/images/';

/* Navigation item object */
function VivaNavigationImage(width, height, source, hoverSource) {
    this.Width = width;
    this.Height = height;

    //a base url
    this.Source = base_nav_url + source;
    this.HoverSource = base_nav_url + hoverSource;
}

/* Nav definitions */
var viva_nav_items = [
    new VivaNavigationImage(99, 37, 'wrapper-nav-shows.jpg', 'wrapper-nav-shows-on.jpg'),
    new VivaNavigationImage(102, 37, 'wrapper-nav-movies.jpg', 'wrapper-nav-movies-on.jpg'),
    new VivaNavigationImage(139, 37, 'wrapper-nav-education.jpg', 'wrapper-nav-education-on.jpg'),
    new VivaNavigationImage(95, 37, 'wrapper-nav-blog.jpg', 'wrapper-nav-blog-on.jpg'),
    new VivaNavigationImage(113, 37, 'wrapper-nav-recipes.jpg', 'wrapper-nav-recipes-on.jpg')
];

function lightup(element, index) {
    element.src = viva_nav_items[index].HoverSource;
}

function turnoff(element, index) {
    element.src = viva_nav_items[index].Source;
}

/* load css */
var fileref = document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", scheme + "//www.myviva.ca/themes/myviva/style/wrapper.css");
document.getElementsByTagName("head")[0].appendChild(fileref);


/* HEADER AND NAV */
document.write('<div id="viva-wrapper"><div id="viva-header"><a href="http://www.myviva.ca" class="viva-logo"><img src="{0}//www.myviva.ca/themes/myviva/images/logo-viva.jpg" /></a><div id="login-and-mini-nav"><a href="http://www.myviva.ca/login.aspx?ReturnUrl=%2fdefault.aspx" target="_blank">Log in</a> | <a href="http://www.myviva.ca/user/CreateUser.aspx?ReturnUrl=" target="_blank">Join</a><div id="mini-nav"><ul><li class="last-item"><a href="http://www.myviva.ca/content/contests.aspx"><span>contests</span></a></li><li><a href="http://www.myviva.ca/content/aboutus.aspx"><span>about us</span></a></li><li><a href="http://www.myviva.ca/Video/Default.aspx"><span>video</span></a></li><li><a href="http://www.myviva.ca"><span>home</span></a></li></ul></div></div></div><div id="navigation"><a href="http://www.myviva.ca/groups/default.aspx" onmouseover="lightup(this, 0)" onmouseout="turnoff(this, 0)"><img src="{0}//www.myviva.ca/themes/myviva/images/wrapper-nav-shows.jpg" name="pic1" width="99" height="37" border="0"></a><a href="http://www.myviva.ca/Movies/Default.aspx" onmouseover="lightup(this, 1)" onmouseout="turnoff(this, 1)"><img src="{0}//www.myviva.ca/themes/myviva/images/wrapper-nav-movies.jpg" name="pic2" width="102" height="37" border="0"></a><a href="http://www.myviva.ca/Education/default.aspx" onmouseover="lightup(this, 2)" onmouseout="turnoff(this, 2)"><img src="{0}//www.myviva.ca/themes/myviva/images/wrapper-nav-education.jpg" name="pic3" width="139" height="37" border="0"></a><a href="http://www.myviva.ca/blogs/recipes/default.aspx" onmouseover="lightup(this, 4)" onmouseout="turnoff(this, 4)"><img src="{0}//www.myviva.ca/themes/myviva/images/wrapper-nav-recipes.jpg" name="pic5" width="113" height="37" border="0"></a><a href="http://www.myviva.ca/blogs/blog/default.aspx" onmouseover="lightup(this, 3)" onmouseout="turnoff(this, 3)"><img src="{0}//www.myviva.ca/themes/myviva/images/wrapper-nav-blog.jpg" name="pic4" width="95" height="37" border="0"></a></div>'.replace(/\{0\}/gi, scheme));