/* Called When the DOM is ready */
jQuery(function() {
	// load header
	var header = '<center>\
		<h1 id="header">\
		  <div><img src="images/logo.png" /></div>\
		</h1>\
	  </center>\
	  \
	  <div id="navi-container">\
		<center>\
		  <ul id="menu-navitems">\
			<li><a href="index.html" id="nav1">Home</a></li>\
			<li><a href="ouchfits.html" id="nav2" rel="dropdown1">Ouchfits</a></li>\
			<li><a href="ouchaholics.html" id="nav3">Ouchaholics</a></li>\
			<li><a href="ouchrageous.html" id="nav4">Ouchrageous</a></li>\
			<li><a href="events.html" id="nav5">Events</a></li>\
			<li><a href="about.html" id="nav6">About Us</a></li>\
			<li><a href="ouchlets.html" id="nav7">Ouchlets</a></li>\
			<li><a href="index.html" id="nav7">e-ouchlet</a></li>\
		  </ul>\
		</center>\
	  </div>\
	  \
	</div>';	

    // load footer
    var footer = '<div class="grid_5">\
        <div class="footer-content"><span>Copyright &copy; 2006-2011 OUCH Couture Ltd All Rights Reserved</span></div>\
      </div>\
      <div class="grid_7">\
        <div class="footer-content">\
          <ul id="footer-links">\
            <li><a href="http://www.vivantworkslimited.com">Powered by Viva Networks, London</a></li>\
          </ul>\
        </div>\
      </div>\
      <div class="clear"></div>\
      <div class="shift-pad"></div>';
	
	var dropdown = '<ul id="dropdown1" class="ddsubmenustyle">\
    <li><a href="suits.html">Suits &amp; Blazers</a></li>\
    <li><a href="accessories.html">Accessories</a></li>\
	<li><a href="shoes.html">Shoes</a></li>\
	<li><a href="polos.html">Polos</a></li>\
	<li><a href="shirts.html">Shirts</a></li>\
	<li><a href="234.html">234 by ouch!</a></li>\
  </ul>';

	// include header and footer
	jQuery('#header-container').html(header);
	jQuery('#footer').html(footer);
	
	// drop down
	jQuery('#ddown').html(dropdown);
	
	//sidelink animation
	jQuery('#sidelinks ul li').hover(function() {
        $(this).stop().animate({paddingLeft:'10px'},200);
		}, function(){
        $(this).stop().animate({paddingLeft:0},200);
		});
		
	jQuery('#pCollection').hover(function() {
		$(this).stop().animate({marginLeft: '-15px'}, 200);
	}, function() {
			$(this).stop().animate({marginLeft:0}, 200);
	});
	
	// switch current link
	if (jQuery('#home').length > 0) {
		jQuery('#nav1').addClass('current-link');
	} else if(jQuery('#doc2').length > 0) {
		jQuery('#nav2').addClass('current-link');
	} else if (jQuery('#doc3').length > 0) {
		jQuery('#nav3').addClass('current-link');
	} else if (jQuery('#doc4').length > 0) {
		jQuery('#nav4').addClass('current-link');
	} else if (jQuery('#doc5').length > 0) {
		jQuery('#nav5').addClass('current-link');
	} else if (jQuery('#doc6').length > 0) {
		jQuery('#nav6').addClass('current-link');
	} else if (jQuery('#doc7').length > 0) {
		jQuery('#nav7').addClass('current-link');
	}
	
	// slideshow
	jQuery('#slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});

});