jQuery(document).ready(function() {
        jQuery('.stylebutton').click(function() {
          jQuery('.styleswitcher').toggleClass( "ackapa", 1000 );
      return false;
        });
});
var logotype = "img/mukam.png"
jQuery(".asset-change" ).click(function(){
				jQuery("#styleswitcher").attr("href", "css/custom.css" );
				jQuery("#coloroption").remove();
				jQuery(".logo").attr("src", "img/mukam.png");
				logotype = "img/mukam.png";
});

jQuery(".green-change" ).click(function(){
				jQuery("#styleswitcher").attr("href", "css/green.css" );
				jQuery(".logo").attr("src", "img/mukam3.png");
				logotype = "img/mukam3.png";
});

jQuery(".lightbrown-change" ).click(function(){
				jQuery("#styleswitcher").attr("href", "css/light-brown.css" );
				jQuery(".logo").attr("src", "img/mukam8.png");
				logotype = "img/mukam8.png";
});

jQuery(".lightyellow-change" ).click(function(){
				jQuery("#styleswitcher").attr("href", "css/light-yellow.css" );
				jQuery(".logo").attr("src", "img/mukam7.png");
				logotype = "img/mukam7.png";
});

jQuery(".orange-change" ).click(function(){
				jQuery("#styleswitcher").attr("href", "css/orange.css" );
				jQuery(".logo").attr("src", "img/mukam5.png");
				logotype = "img/mukam5.png";
});

jQuery(".purple-change" ).click(function(){
				jQuery("#styleswitcher").attr("href", "css/purple.css" );
				jQuery(".logo").attr("src", "img/mukam4.png");
				logotype = "img/mukam4.png";
});

jQuery(".red-change" ).click(function(){
				jQuery("#styleswitcher").attr("href", "css/red.css" );
				jQuery(".logo").attr("src", "img/mukam2.png");
				logotype = "img/mukam2.png";
});

jQuery(".yellow-change" ).click(function(){
				jQuery("#styleswitcher").attr("href", "css/yellow.css" );
				jQuery(".logo").attr("src", "img/mukam7.png");
				logotype = "img/mukam7.png";
});

jQuery("#headertype").change(function() {
	jQuery( "#headertype option:selected" ).each(function() {
    headertype = jQuery(this).text();
    });
	switch (headertype)
	{
	case "Header - 1":
	  jQuery('#mukam-header').remove();
	  jQuery('#mukam-layout').prepend('<header id="mukam-header" class="mukam-header mukam-header-large header-1"><div class="top-section-container"><div class="top-section"><div class="container"><div class="row"><div class="col-sm-6 col-md-6"><div class="phone"><i class="mukam-mobile icon-3x pull-left"></i> (+01) 112 345 6789</div><div class="email"><i class="mukam-envelope icon-3x pull-left"></i> [email protected]</div></div><div class="col-sm-6 col-md-6"><div class="social"><div class="search-widget"><a href="#"><div class="social-box"><i class="mukam-search"></i></div></a><div class="search"><form method="get" action="#"><input type="text" name="s" class="search-query" placeholder="Search"></form></div></div><a href="#"><div class="social-box"><i class="mukam-dribble"></i></div></a><a href="#"><div class="social-box"><i class="mukam-google"></i></div></a><a href="#"><div class="social-box"><i class="mukam-skype"></i></div></a><a href="#"><div class="social-box"><i class="mukam-youtube"></i></div></a><a href="#"><div class="social-box"><i class="mukam-tweet"></i></div></a><a href="#"><div class="social-box"><i class="mukam-face"></i></div></a></div></div></div></div></div><div class="showhide"><div class="trans-topsection">+</p></div></div><div class="container"><div class="row"><div class="col-md-12"><nav class="navbar navbar-default header-1" role="navigation"><div class="navbar-header"><a href="#"><img class="logo" src="img/mukam.png" alt="mukam"></a><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><div class="shopping hidden-md hidden-lg"><a href="#"><div class="shopping-cart"><i class="mukam-shop"></i></div></a></div></div><div class="collapse navbar-collapse navbar-ex1-collapse"><div class="shopping hidden-xs hidden-sm"><a href="#"><div class="shopping-cart"><i class="mukam-shop"></i></div></a><div class="shopping-hover-cart"><i class="mukam-shop pull-left"></i><p>Shopping Cart</p><span>(3) Cart Subtotal: $200</span></div></div><ul class="nav navbar-nav navbar-right"><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">HOME</a><ul class="dropdown-menu"><li><a class="trigger" href="index.html">HOMEPAGE 1</a></li><li><a class="trigger" href="homepage2.html">HOMEPAGE 2</a></li><li><a class="trigger" href="homepage3.html">HOMEPAGE 3</a></li><li><a class="trigger" href="homepage4.html">HOMEPAGE 4</a></li><li><a class="trigger" href="homepage5.html">HOMEPAGE 5</a></li><li><a class="trigger" href="parallax.html">PARALLAX HOMEPAGE</a></li><li><a class="trigger" href="blog-homepage.html">BLOGGY HOMEPAGE</a></li><li><a class="trigger" href="shop-homepage.html">SHOP HOMEPAGE</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">PAGES</a><ul class="dropdown-menu"><li><a class="trigger" href="aboutus.html">About Us</a></li><li><a class="trigger" href="aboutus-2.html">About Us 2</a></li><li><a class="trigger" href="404.html">404 Error Page</a></li><li><a class="trigger" href="carousel-sliders.html">Carousel Sliders</a></li><li><a class="trigger" href="columns.html">Columns</a></li><li><a class="trigger" href="faqs.html">FAQS</a></li><li><a class="trigger" href="faqs-2.html">FAQS 2</a></li><li><a class="trigger" href="left-sidebar-page.html">Left Sidebar Page</a></li><li><a class="trigger" href="right-sidebar-page.html">Right Sidebar Page</a></li><li><a class="trigger" href="service-one.html">Services</a></li><li><a class="trigger" href="service-two.html">Services Two</a></li><li><a class="trigger" href="service-three.html">Services Two</a></li><li><a class="trigger" href="shortcodes.html">Shortcodes</a></li><li><a class="trigger" href="pricing-table.html">Tables</a></li><li><a class="trigger" href="team.html">Team</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">PORTFOLIO</a><ul class="dropdown-menu"><li><a class="trigger" href="portfolio-classic.html">Portfolio Classic</a></li><li><a class="trigger" href="portfolio-detail.html">Portfolio Detail</a></li><li><a class="trigger" href="portfolio-leftsidebar.html">Portfolio Big Right</a></li><li><a class="trigger" href="portfolio-rightsidebar.html">Portfolio Big Left</a></li><li><a class="trigger" href="portfolio-wide-image.html">Portfolio Wide</a></li><li><a class="trigger" href="portfolio-grid.html">Portfolio Grid</a></li></ul></li><li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">BLOG</a><ul class="dropdown-menu"><li><a class="trigger" href="blogpage.html">Blog</a></li><li><a class="trigger" href="blog-fullwidth.html">Blog Fullwidth</a></li><li><a class="trigger" href="blog-left-sidebar.html">Left Sidebar Blog</a></li><li><a class="trigger" href="blog-right-sidebar.html">Right Sidebar Blog</a></li><li><a class="trigger" href="blog-single.html">Single Blog</a></li></ul></li><li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">SHOP</a><ul class="dropdown-menu"><li><a class="trigger" href="shop.html">Shop</a></li><li><a class="trigger" href="shop-list.html">Shop List</a></li><li><a class="trigger" href="shop-single.html">Single Item</a></li><li><a class="trigger" href="shop-cart.html">Cart</a></li></ul></li><li class="multi dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">FEATURES</a><div class="dropdown-menu multimenu"><div class="multimenu-green row-fluid"><ul class="col-md-3"><h4>Features</h4><li><a class="trigger" href="notifications.html"><i class="mukam-list pull-left"></i>Notifications</a></li><li><a class="trigger" href="accordion.html"><i class="mukam-list pull-left"></i>Accordions</a></li><li><a class="trigger" href="skillsbars.html"><i class="mukam-list pull-left"></i>Skills Bars</a></li><li><a class="trigger" href="buttons.html"><i class="mukam-list pull-left"></i>Buttons</a></li><li><a class="trigger" href="googlemaps.html"><i class="mukam-list pull-left"></i>Google Maps</a></li><li><a class="trigger" href="tabs.html"><i class="mukam-list pull-left"></i>Tabs</a></li></ul><ul class="col-md-3"><h4></h4><li><a class="trigger" href="featured-faqs.html"><i class="mukam-list pull-left"></i>Faqs</a></li><li><a class="trigger" href="featured-tables.html"><i class="mukam-list pull-left"></i>Tables</a></li><li><a class="trigger" href="teamelements.html"><i class="mukam-list pull-left"></i>Team Elements</a></li><li><a class="trigger" href="contactforms.php"><i class="mukam-list pull-left"></i>Contact Forms</a></li><li><a class="trigger" href="typography.html"><i class="mukam-list pull-left"></i>Typography</a></li><li><a class="trigger" href="featured-404.html"><i class="mukam-list pull-left"></i>Error 404</a></li></ul><ul class="col-md-3"><h4>More Features?</h4><p>Mukam has limitless elements that you can use.</p><p><i class="icomoon-checkmark pull-left"></i>You buy 1 and get 7 different headers.</p><p><i class="icomoon-checkmark pull-left"></i>20 different hand crafted banner examples.</p><p><i class="icomoon-checkmark pull-left"></i>More than 2500 icons included.</p><p><i class="icomoon-checkmark pull-left"></i>Fully Responsive Design.</p><p><i class="icomoon-checkmark pull-left"></i>Customize Everything in a minute.</p></ul><ul class="col-md-3"><h4>Extra Features?</h4><p><i class="icomoon-checkmark pull-left"></i>Bonus Parallax Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Awesome Animations that you have never seen before.</p><p><i class="icomoon-checkmark pull-left"></i>Commerce Ready Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Unlimited backgrounds and colors.</p><p><i class="icomoon-checkmark pull-left"></i>8 different colors and 6 different hover animations for Buttons.</p><p><i class="icomoon-checkmark pull-left"></i>Premium Support for FREE!</p></ul></div></div></li><li class="dropdown"><a href="contact.php" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">CONTACT</a><ul class="dropdown-menu"><li><a class="trigger" href="contact.php">Contact Us</a></li><li><a class="trigger" href="contact2.php">Contact Us 2</a></li></ul></li></ul></div></nav></div></div></div></header>');
	  			jQuery('.dropdown-toggle').dropdownHover();
	  jQuery(".logo").attr("src", logotype);
	  if( jQuery('body').find('.shopheader').length<1 ) {
    		$('.mukam-waypoint').css('marginTop', $('.mukam-header').outerHeight(true) );
	  }
	  else { $('.mukam-waypoint').css('marginTop', "0" ); }
	  jQuery(".mukam-waypoint").attr("data-animate-down", "mukam-header-small header-1");
	  jQuery(".mukam-waypoint").attr("data-animate-up", "mukam-header-large header-1");
	  var $head = $( '#mukam-header' );
			jQuery( '.mukam-waypoint' ).each( function(i) {
		   	 	var $el = $( this ),
		        animClassDown = $el.data( 'animateDown' ),
		        animClassUp = $el.data( 'animateUp' ); 
		    $el.waypoint( function( direction ) {
		        if( direction === 'down' && animClassDown ) {
		            $head.attr('class', 'mukam-header mukam-header-small header-1');
		        }
		        else if( direction === 'up' && animClassUp ){
		            $head.attr('class', 'mukam-header mukam-header-large header-1');
		        }
		    }, { offset: '-1px' } );
		});
	    jQuery('.top-section-container .showhide').click(function() {
        jQuery('.top-section').slideToggle( 300, "easeInSine", function() {
          $('.mukam-waypoint').css('marginTop', $('.mukam-header').outerHeight(true) );
            // Animation complete.
          });
        });
        jQuery(function(jQuery) {
		jQuery("header nav li a").filter(function(){
		    return this.href == location.href.replace(/#.*/, "");
		}) 
		.closest('li.dropdown').addClass("active");
		});
		// Search Widget Open - Close
		// ======================
		var $searchCheck = "close";
		jQuery(document).ready(function() {

		    jQuery( ".search-widget .social-box" ).click(function() {
		        if( $searchCheck == "close") {
		          jQuery('.search-widget').addClass( 'open' );  
		          jQuery('.search').addClass( 'open' );
		          jQuery('.search-widget .social-box').addClass( 'open' );
		          $searchCheck = "open"
		        }
		        else {
		          jQuery('.search-widget').removeClass( 'open' );  
		          jQuery('.search').removeClass( 'open');
		          jQuery('.search-widget .social-box').removeClass( 'open' );
		          $searchCheck = "close"
		        }
		    });
		});		
	  break;
	case "Header - 2":
	  jQuery('#mukam-header').remove();
	  jQuery('#mukam-layout').prepend('<header id="mukam-header" class="mukam-header mukam-header-large header-2"><div class="top-section-container2"><div class="top-section"><div class="container"><div class="row"><div class="col-sm-6 col-md-6"><div class="phone"><i class="mukam-mobile icon-3x pull-left"></i> (+01) 112 345 6789</div><div class="email"><i class="mukam-envelope icon-3x pull-left"></i> [email protected]</div></div><div class="col-sm-6 col-md-6"><div class="social"><div class="search-widget"><a href="#"><div class="social-box"><i class="mukam-search"></i></div></a><div class="search"><form method="get" action="#"><input type="text" name="s" class="search-query" placeholder="Search"></form></div></div><a href="#"><div class="social-box"><i class="mukam-dribble"></i></div></a><a href="#"><div class="social-box"><i class="mukam-google"></i></div></a><a href="#"><div class="social-box"><i class="mukam-skype"></i></div></a><a href="#"><div class="social-box"><i class="mukam-youtube"></i></div></a><a href="#"><div class="social-box"><i class="mukam-tweet"></i></div></a><a href="#"><div class="social-box"><i class="mukam-face"></i></div></a></div></div></div></div></div></div><div class="container"><div class="row"><div class="col-md-12"><nav class="navbar navbar-default header-2" role="navigation"><div class="navbar-header"><a href="#"><img class="logo" src="img/mukam2.png" alt="mukam"></a><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><div class="shopping hidden-md hidden-lg"><a href="#"><div class="shopping-cart"><i class="mukam-shop"></i></div></a></div></div><div class="collapse navbar-collapse navbar-ex1-collapse"><div class="shopping hidden-xs hidden-sm"><a href="#"><div class="shopping-cart"><i class="mukam-shop"></i></div></a><div class="shopping-hover-cart"><i class="mukam-shop pull-left"></i><p>Shopping Cart</p><span>(3) Cart Subtotal: $200</span></div></div><ul class="nav navbar-nav navbar-right"><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="mukam-home icon-6x"></i>HOME</a><ul class="dropdown-menu"><li><a class="trigger" href="index.html">HOMEPAGE 1</a></li><li><a class="trigger" href="homepage2.html">HOMEPAGE 2</a></li><li><a class="trigger" href="homepage3.html">HOMEPAGE 3</a></li><li><a class="trigger" href="homepage4.html">HOMEPAGE 4</a></li><li><a class="trigger" href="homepage5.html">HOMEPAGE 5</a></li><li><a class="trigger" href="parallax.html">PARALLAX HOMEPAGE</a></li><li><a class="trigger" href="blog-homepage.html">BLOGGY HOMEPAGE</a></li><li><a class="trigger" href="shop-homepage.html">SHOP HOMEPAGE</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="mukam-pages icon-6x"></i>PAGES</a><ul class="dropdown-menu"><li><a class="trigger" href="aboutus.html">About Us</a></li><li><a class="trigger" href="aboutus-2.html">About Us 2</a></li><li><a class="trigger" href="404.html">404 Error Page</a></li><li><a class="trigger" href="carousel-sliders.html">Carousel Sliders</a></li><li><a class="trigger" href="columns.html">Columns</a></li><li><a class="trigger" href="faqs.html">FAQS</a></li><li><a class="trigger" href="faqs-2.html">FAQS 2</a></li><li><a class="trigger" href="left-sidebar-page.html">Left Sidebar Page</a></li><li><a class="trigger" href="right-sidebar-page.html">Right Sidebar Page</a></li><li><a class="trigger" href="service-one.html">Services</a></li><li><a class="trigger" href="service-two.html">Services Two</a></li><li><a class="trigger" href="service-three.html">Services Two</a></li><li><a class="trigger" href="shortcodes.html">Shortcodes</a></li><li><a class="trigger" href="pricing-table.html">Tables</a></li><li><a class="trigger" href="team.html">Team</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="mukam-portfolio icon-6x"></i>PORTFOLIO</a><ul class="dropdown-menu"><li><a class="trigger" href="portfolio-classic.html">Portfolio Classic</a></li><li><a class="trigger" href="portfolio-detail.html">Portfolio Detail</a></li><li><a class="trigger" href="portfolio-leftsidebar.html">Portfolio Big Right</a></li><li><a class="trigger" href="portfolio-rightsidebar.html">Portfolio Big Left</a></li><li><a class="trigger" href="portfolio-wide-image.html">Portfolio Wide</a></li><li><a class="trigger" href="portfolio-grid.html">Portfolio Grid</a></li></ul></li><li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="mukam-blog icon-6x"></i>BLOG</a><ul class="dropdown-menu"><li><a class="trigger" href="blogpage.html">Blog</a></li><li><a class="trigger" href="blog-fullwidth.html">Blog Fullwidth</a></li><li><a class="trigger" href="blog-left-sidebar.html">Left Sidebar Blog</a></li><li><a class="trigger" href="blog-right-sidebar.html">Right Sidebar Blog</a></li><li><a class="trigger" href="blog-single.html">Single Blog</a></li></ul></li><li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="mukam-shopmenu icon-6x"></i>SHOP</a><ul class="dropdown-menu"><li><a class="trigger" href="shop.html">Shop</a></li><li><a class="trigger" href="shop-list.html">Shop List</a></li><li><a class="trigger" href="shop-single.html">Single Item</a></li><li><a class="trigger" href="shop-cart.html">Cart</a></li></ul></li><li class="multi dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="mukam-shortcodes icon-6x"></i>FEATURES</a><div class="dropdown-menu multimenu"><div class="multimenu-green row-fluid"><ul class="col-md-3"><h4>Features</h4><li><a class="trigger" href="notifications.html"><i class="mukam-list pull-left"></i>Notifications</a></li><li><a class="trigger" href="accordion.html"><i class="mukam-list pull-left"></i>Accordions</a></li><li><a class="trigger" href="skillsbars.html"><i class="mukam-list pull-left"></i>Skills Bars</a></li><li><a class="trigger" href="buttons.html"><i class="mukam-list pull-left"></i>Buttons</a></li><li><a class="trigger" href="googlemaps.html"><i class="mukam-list pull-left"></i>Google Maps</a></li><li><a class="trigger" href="tabs.html"><i class="mukam-list pull-left"></i>Tabs</a></li></ul><ul class="col-md-3"><h4></h4><li><a class="trigger" href="featured-faqs.html"><i class="mukam-list pull-left"></i>Faqs</a></li><li><a class="trigger" href="featured-tables.html"><i class="mukam-list pull-left"></i>Tables</a></li><li><a class="trigger" href="teamelements.html"><i class="mukam-list pull-left"></i>Team Elements</a></li><li><a class="trigger" href="contactforms.php"><i class="mukam-list pull-left"></i>Contact Forms</a></li><li><a class="trigger" href="typography.html"><i class="mukam-list pull-left"></i>Typography</a></li><li><a class="trigger" href="featured-404.html"><i class="mukam-list pull-left"></i>Error 404</a></li></ul><ul class="col-md-3"><h4>More Features?</h4><p>Mukam has limitless elements that you can use.</p><p><i class="icomoon-checkmark pull-left"></i>You buy 1 and get 7 different headers.</p><p><i class="icomoon-checkmark pull-left"></i>20 different hand crafted banner examples.</p><p><i class="icomoon-checkmark pull-left"></i>More than 2500 icons included.</p><p><i class="icomoon-checkmark pull-left"></i>Fully Responsive Design.</p><p><i class="icomoon-checkmark pull-left"></i>Customize Everything in a minute.</p></ul><ul class="col-md-3"><h4>Extra Features?</h4><p><i class="icomoon-checkmark pull-left"></i>Bonus Parallax Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Awesome Animations that you have never seen before.</p><p><i class="icomoon-checkmark pull-left"></i>Commerce Ready Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Unlimited backgrounds and colors.</p><p><i class="icomoon-checkmark pull-left"></i>8 different colors and 6 different hover animations for Buttons.</p><p><i class="icomoon-checkmark pull-left"></i>Premium Support for FREE!</p></ul></div></div></li><li class="dropdown"><a href="contact.php" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="mukam-telephone icon-6x"></i>CONTACT</a><ul class="dropdown-menu"><li><a class="trigger" href="contact.php">Contact Us</a></li><li><a class="trigger" href="contact2.php">Contact Us 2</a></li></ul></li></ul></div></nav></div></div></div></header>');
				jQuery('.dropdown-toggle').dropdownHover();
	  jQuery(".logo").attr("src", logotype);
	  if( jQuery('body').find('.shopheader').length<1 ) {
    		$('.mukam-waypoint').css('marginTop', $('.mukam-header').outerHeight(true) );
	  }
	  else { $('.mukam-waypoint').css('marginTop', "0" ); }
	  jQuery(".mukam-waypoint").attr("data-animate-down", "mukam-header-small header-2");
	  jQuery(".mukam-waypoint").attr("data-animate-up", "mukam-header-large header-2");
	  var $head = $( '#mukam-header' );
			jQuery( '.mukam-waypoint' ).each( function(i) {
		   	 	var $el = $( this ),
		        animClassDown = $el.data( 'animateDown' ),
		        animClassUp = $el.data( 'animateUp' ); 
		    $el.waypoint( function( direction ) {
		        if( direction === 'down' && animClassDown ) {
		            $head.attr('class', 'mukam-header mukam-header-small header-2');
		        }
		        else if( direction === 'up' && animClassUp ){
		            $head.attr('class', 'mukam-header mukam-header-large header-2');
		        }
		    }, { offset: '-1px' } );
		});
        jQuery(function(jQuery) {
		jQuery("header nav li a").filter(function(){
		    return this.href == location.href.replace(/#.*/, "");
		}) 
		.closest('li.dropdown').addClass("active");
		});
				// Search Widget Open - Close
		// ======================
		var $searchCheck = "close";
		jQuery(document).ready(function() {

		    jQuery( ".search-widget .social-box" ).click(function() {
		        if( $searchCheck == "close") {
		          jQuery('.search-widget').addClass( 'open' );  
		          jQuery('.search').addClass( 'open' );
		          jQuery('.search-widget .social-box').addClass( 'open' );
		          $searchCheck = "open"
		        }
		        else {
		          jQuery('.search-widget').removeClass( 'open' );  
		          jQuery('.search').removeClass( 'open');
		          jQuery('.search-widget .social-box').removeClass( 'open' );
		          $searchCheck = "close"
		        }
		    });
		});				
	  break;
	case "Header - 3":
	  jQuery('#mukam-header').remove();
	  jQuery('#mukam-layout').prepend('<header id="mukam-header" class="mukam-header mukam-header-large header-4"><div class="top-section-container2"><div class="top-section"><div class="container"><div class="row"><div class="col-sm-6 col-md-6"><div class="phone"><i class="mukam-mobile icon-3x pull-left"></i> (+01) 112 345 6789</div><div class="email"><i class="mukam-envelope icon-3x pull-left"></i> [email protected]</div></div><div class="col-sm-6 col-md-6"><div class="social"><div class="search-widget"><a href="#"><div class="social-box"><i class="mukam-search"></i></div></a><div class="search"><form method="get" action="#"><input type="text" name="s" class="search-query" placeholder="Search"></form></div></div><a href="#"><div class="social-box"><i class="mukam-dribble"></i></div></a><a href="#"><div class="social-box"><i class="mukam-google"></i></div></a><a href="#"><div class="social-box"><i class="mukam-skype"></i></div></a><a href="#"><div class="social-box"><i class="mukam-youtube"></i></div></a><a href="#"><div class="social-box"><i class="mukam-tweet"></i></div></a><a href="#"><div class="social-box"><i class="mukam-face"></i></div></a></div></div></div></div></div></div><div class="container"><div class="row"><div class="col-md-12"><nav class="navbar navbar-default header-4" role="navigation"><div class="navbar-header"><a href="#"><img class="logo" src="img/mukam3.png" alt="mukam"></a><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><div class="shopping hidden-md hidden-lg"><a href="#"><div class="shopping-cart"><i class="mukam-shop"></i></div></a></div></div><div class="collapse navbar-collapse navbar-ex1-collapse"><div class="shopping hidden-xs hidden-sm"><a href="#"><div class="shopping-cart"><i class="mukam-shop"></i></div></a><div class="shopping-hover-cart"><i class="mukam-shop pull-left"></i><p>Shopping Cart</p><span>(3) Cart Subtotal: $200</span></div></div><ul class="nav navbar-nav navbar-right"><li class="menu-style1 menu1-c dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">HOME</a><ul class="dropdown-menu"><li><a class="trigger" href="index.html">HOMEPAGE 1</a></li><li><a class="trigger" href="homepage2.html">HOMEPAGE 2</a></li><li><a class="trigger" href="homepage3.html">HOMEPAGE 3</a></li><li><a class="trigger" href="homepage4.html">HOMEPAGE 4</a></li><li><a class="trigger" href="homepage5.html">HOMEPAGE 5</a></li><li><a class="trigger" href="parallax.html">PARALLAX HOMEPAGE</a></li><li><a class="trigger" href="blog-homepage.html">BLOGGY HOMEPAGE</a></li><li><a class="trigger" href="shop-homepage.html">SHOP HOMEPAGE</a></li></ul></li><li class="menu-style1 menu1-c dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">PAGES</a><ul class="dropdown-menu"><li><a class="trigger" href="aboutus.html">About Us</a></li><li><a class="trigger" href="aboutus-2.html">About Us 2</a></li><li><a class="trigger" href="404.html">404 Error Page</a></li><li><a class="trigger" href="carousel-sliders.html">Carousel Sliders</a></li><li><a class="trigger" href="columns.html">Columns</a></li><li><a class="trigger" href="faqs.html">FAQS</a></li><li><a class="trigger" href="faqs-2.html">FAQS 2</a></li><li><a class="trigger" href="left-sidebar-page.html">Left Sidebar Page</a></li><li><a class="trigger" href="right-sidebar-page.html">Right Sidebar Page</a></li><li><a class="trigger" href="service-one.html">Services</a></li><li><a class="trigger" href="service-two.html">Services Two</a></li><li><a class="trigger" href="service-three.html">Services Two</a></li><li><a class="trigger" href="shortcodes.html">Shortcodes</a></li><li><a class="trigger" href="pricing-table.html">Tables</a></li><li><a class="trigger" href="team.html">Team</a></li></ul></li><li class="menu-style1 menu1-c dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">PORTFOLIO</a><ul class="dropdown-menu"><li><a class="trigger" href="portfolio-classic.html">Portfolio Classic</a></li><li><a class="trigger" href="portfolio-detail.html">Portfolio Detail</a></li><li><a class="trigger" href="portfolio-leftsidebar.html">Portfolio Big Right</a></li><li><a class="trigger" href="portfolio-rightsidebar.html">Portfolio Big Left</a></li><li><a class="trigger" href="portfolio-wide-image.html">Portfolio Wide</a></li><li><a class="trigger" href="portfolio-grid.html">Portfolio Grid</a></li></ul></li><li class="menu-style1 menu1-c dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">BLOG</a><ul class="dropdown-menu"><li><a class="trigger" href="blogpage.html">Blog</a></li><li><a class="trigger" href="blog-fullwidth.html">Blog Fullwidth</a></li><li><a class="trigger" href="blog-left-sidebar.html">Left Sidebar Blog</a></li><li><a class="trigger" href="blog-right-sidebar.html">Right Sidebar Blog</a></li><li><a class="trigger" href="blog-single.html">Single Blog</a></li></ul></li><li class="menu-style1 menu1-c dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">SHOP</a><ul class="dropdown-menu"><li><a class="trigger" href="shop.html">Shop</a></li><li><a class="trigger" href="shop-list.html">Shop List</a></li><li><a class="trigger" href="shop-single.html">Single Item</a></li><li><a class="trigger" href="shop-cart.html">Cart</a></li></ul></li><li class="menu-style1 multi dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">FEATURES</a><div class="dropdown-menu multimenu"><div class="multimenu-green row-fluid"><ul class="col-md-3"><h4>Features</h4><li><a class="trigger" href="notifications.html"><i class="mukam-list pull-left"></i>Notifications</a></li><li><a class="trigger" href="accordion.html"><i class="mukam-list pull-left"></i>Accordions</a></li><li><a class="trigger" href="skillsbars.html"><i class="mukam-list pull-left"></i>Skills Bars</a></li><li><a class="trigger" href="buttons.html"><i class="mukam-list pull-left"></i>Buttons</a></li><li><a class="trigger" href="googlemaps.html"><i class="mukam-list pull-left"></i>Google Maps</a></li><li><a class="trigger" href="tabs.html"><i class="mukam-list pull-left"></i>Tabs</a></li></ul><ul class="col-md-3"><h4></h4><li><a class="trigger" href="featured-faqs.html"><i class="mukam-list pull-left"></i>Faqs</a></li><li><a class="trigger" href="featured-tables.html"><i class="mukam-list pull-left"></i>Tables</a></li><li><a class="trigger" href="teamelements.html"><i class="mukam-list pull-left"></i>Team Elements</a></li><li><a class="trigger" href="contactforms.php"><i class="mukam-list pull-left"></i>Contact Forms</a></li><li><a class="trigger" href="typography.html"><i class="mukam-list pull-left"></i>Typography</a></li><li><a class="trigger" href="featured-404.html"><i class="mukam-list pull-left"></i>Error 404</a></li></ul><ul class="col-md-3"><h4>More Features?</h4><p>Mukam has limitless elements that you can use.</p><p><i class="icomoon-checkmark pull-left"></i>You buy 1 and get 7 different headers.</p><p><i class="icomoon-checkmark pull-left"></i>20 different hand crafted banner examples.</p><p><i class="icomoon-checkmark pull-left"></i>More than 2500 icons included.</p><p><i class="icomoon-checkmark pull-left"></i>Fully Responsive Design.</p><p><i class="icomoon-checkmark pull-left"></i>Customize Everything in a minute.</p></ul><ul class="col-md-3"><h4>Extra Features?</h4><p><i class="icomoon-checkmark pull-left"></i>Bonus Parallax Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Awesome Animations that you have never seen before.</p><p><i class="icomoon-checkmark pull-left"></i>Commerce Ready Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Unlimited backgrounds and colors.</p><p><i class="icomoon-checkmark pull-left"></i>8 different colors and 6 different hover animations for Buttons.</p><p><i class="icomoon-checkmark pull-left"></i>Premium Support for FREE!</p></ul></div></div></li><li class="menu-style1 menu1-c dropdown"><a href="contact.php" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">CONTACT</a><ul class="dropdown-menu"><li><a class="trigger" href="contact.php">Contact Us</a></li><li><a class="trigger" href="contact2.php">Contact Us 2</a></li></ul></li></ul></div></nav></div></div></div></header>');
				jQuery('.dropdown-toggle').dropdownHover();
	  jQuery(".logo").attr("src", logotype);
	  if( jQuery('body').find('.shopheader').length<1 ) {
    		$('.mukam-waypoint').css('marginTop', $('.mukam-header').outerHeight(true) );
	  }
	  else { $('.mukam-waypoint').css('marginTop', "0" ); }
	  jQuery(".mukam-waypoint").attr("data-animate-down", "mukam-header-small header-4");
	  jQuery(".mukam-waypoint").attr("data-animate-up", "mukam-header-large header-4");
	  var $head = $( '#mukam-header' );
			jQuery( '.mukam-waypoint' ).each( function(i) {
		   	 	var $el = $( this ),
		        animClassDown = $el.data( 'animateDown' ),
		        animClassUp = $el.data( 'animateUp' );  
		    $el.waypoint( function( direction ) {
		        if( direction === 'down' && animClassDown ) {
		            $head.attr('class', 'mukam-header mukam-header-small header-4');
		        }
		        else if( direction === 'up' && animClassUp ){
		            $head.attr('class', 'mukam-header mukam-header-large header-4');
		        }
		    }, { offset: '-1px' } );
		});
        jQuery(function(jQuery) {
		jQuery("header nav li a").filter(function(){
		    return this.href == location.href.replace(/#.*/, "");
		}) 
		.closest('li.dropdown').addClass("active");
		});
				// Search Widget Open - Close
		// ======================
		var $searchCheck = "close";
		jQuery(document).ready(function() {

		    jQuery( ".search-widget .social-box" ).click(function() {
		        if( $searchCheck == "close") {
		          jQuery('.search-widget').addClass( 'open' );  
		          jQuery('.search').addClass( 'open' );
		          jQuery('.search-widget .social-box').addClass( 'open' );
		          $searchCheck = "open"
		        }
		        else {
		          jQuery('.search-widget').removeClass( 'open' );  
		          jQuery('.search').removeClass( 'open');
		          jQuery('.search-widget .social-box').removeClass( 'open' );
		          $searchCheck = "close"
		        }
		    });
		});	
	  break;
	case "Header - 4":
	  jQuery('#mukam-header').remove();
	  jQuery('#mukam-layout').prepend('<header id="mukam-header" class="mukam-header mukam-header-large header-3"><div class="top-section-container2"><div class="top-section"><div class="container"><div class="row"><div class="col-sm-6 col-md-6"><div class="phone"><i class="mukam-mobile icon-3x pull-left"></i> (+01) 112 345 6789</div><div class="email"><i class="mukam-envelope icon-3x pull-left"></i> [email protected]</div></div><div class="col-sm-6 col-md-6"><div class="social"><div class="search-widget"><a href="#"><div class="social-box"><i class="mukam-search"></i></div></a><div class="search"><form method="get" action="#"><input type="text" name="s" class="search-query" placeholder="Search"></form></div></div><a href="#"><div class="social-box"><i class="mukam-dribble"></i></div></a><a href="#"><div class="social-box"><i class="mukam-google"></i></div></a><a href="#"><div class="social-box"><i class="mukam-skype"></i></div></a><a href="#"><div class="social-box"><i class="mukam-youtube"></i></div></a><a href="#"><div class="social-box"><i class="mukam-tweet"></i></div></a><a href="#"><div class="social-box"><i class="mukam-face"></i></div></a></div></div></div></div></div></div><div class="container"><div class="row"><div class="col-md-12"><nav class="navbar navbar-default header-3" role="navigation"><div class="navbar-header"><a href="#"><img class="logo" src="img/mukam4.png" alt="mukam"></a><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><div class="shopping hidden-md hidden-lg"><a href="#"><div class="shopping-cart"><i class="mukam-shop"></i></div></a></div></div><div class="collapse navbar-collapse navbar-ex1-collapse"><div class="shopping hidden-xs hidden-sm"><a href="#"><div class="shopping-cart"><i class="mukam-shop"></i></div></a><div class="shopping-hover-cart"><i class="mukam-shop pull-left"></i><p>Shopping Cart</p><span>(3) Cart Subtotal: $200</span></div></div><ul class="nav navbar-nav navbar-right"><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">HOME<span>start here</span></a><ul class="dropdown-menu"><li><a class="trigger" href="index.html">HOMEPAGE 1</a></li><li><a class="trigger" href="homepage2.html">HOMEPAGE 2</a></li><li><a class="trigger" href="homepage3.html">HOMEPAGE 3</a></li><li><a class="trigger" href="homepage4.html">HOMEPAGE 4</a></li><li><a class="trigger" href="homepage5.html">HOMEPAGE 5</a></li><li><a class="trigger" href="parallax.html">PARALLAX HOMEPAGE</a></li><li><a class="trigger" href="blog-homepage.html">BLOGGY HOMEPAGE</a></li><li><a class="trigger" href="shop-homepage.html">SHOP HOMEPAGE</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">PAGES<span>what we do</span></a><ul class="dropdown-menu"><li><a class="trigger" href="aboutus.html">About Us</a></li><li><a class="trigger" href="aboutus-2.html">About Us 2</a></li><li><a class="trigger" href="404.html">404 Error Page</a></li><li><a class="trigger" href="carousel-sliders.html">Carousel Sliders</a></li><li><a class="trigger" href="columns.html">Columns</a></li><li><a class="trigger" href="faqs.html">FAQS</a></li><li><a class="trigger" href="faqs-2.html">FAQS 2</a></li><li><a class="trigger" href="left-sidebar-page.html">Left Sidebar Page</a></li><li><a class="trigger" href="right-sidebar-page.html">Right Sidebar Page</a></li><li><a class="trigger" href="service-one.html">Services</a></li><li><a class="trigger" href="service-two.html">Services Two</a></li><li><a class="trigger" href="service-three.html">Services Two</a></li><li><a class="trigger" href="shortcodes.html">Shortcodes</a></li><li><a class="trigger" href="pricing-table.html">Tables</a></li><li><a class="trigger" href="team.html">Team</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">PORTFOLIO<span>our awesome work</span></a><ul class="dropdown-menu"><li><a class="trigger" href="portfolio-classic.html">Portfolio Classic</a></li><li><a class="trigger" href="portfolio-detail.html">Portfolio Detail</a></li><li><a class="trigger" href="portfolio-leftsidebar.html">Portfolio Big Right</a></li><li><a class="trigger" href="portfolio-rightsidebar.html">Portfolio Big Left</a></li><li><a class="trigger" href="portfolio-wide-image.html">Portfolio Wide</a></li><li><a class="trigger" href="portfolio-grid.html">Portfolio Grid</a></li></ul></li><li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">BLOG<span>our thinking</span></a><ul class="dropdown-menu"><li><a class="trigger" href="blogpage.html">Blog</a></li><li><a class="trigger" href="blog-fullwidth.html">Blog Fullwidth</a></li><li><a class="trigger" href="blog-left-sidebar.html">Left Sidebar Blog</a></li><li><a class="trigger" href="blog-right-sidebar.html">Right Sidebar Blog</a></li><li><a class="trigger" href="blog-single.html">Single Blog</a></li></ul></li><li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">SHOP<span>what we offer</span></a><ul class="dropdown-menu"><li><a class="trigger" href="shop.html">Shop</a></li><li><a class="trigger" href="shop-list.html">Shop List</a></li><li><a class="trigger" href="shop-single.html">Single Item</a></li><li><a class="trigger" href="shop-cart.html">Cart</a></li></ul></li><li class="multi dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">FEATURES<span>useful page builder</span></a><div class="dropdown-menu multimenu"><div class="multimenu-green row-fluid"><ul class="col-md-3"><h4>Features</h4><li><a class="trigger" href="notifications.html"><i class="mukam-list pull-left"></i>Notifications</a></li><li><a class="trigger" href="accordion.html"><i class="mukam-list pull-left"></i>Accordions</a></li><li><a class="trigger" href="skillsbars.html"><i class="mukam-list pull-left"></i>Skills Bars</a></li><li><a class="trigger" href="buttons.html"><i class="mukam-list pull-left"></i>Buttons</a></li><li><a class="trigger" href="googlemaps.html"><i class="mukam-list pull-left"></i>Google Maps</a></li><li><a class="trigger" href="tabs.html"><i class="mukam-list pull-left"></i>Tabs</a></li></ul><ul class="col-md-3"><h4></h4><li><a class="trigger" href="featured-faqs.html"><i class="mukam-list pull-left"></i>Faqs</a></li><li><a class="trigger" href="featured-tables.html"><i class="mukam-list pull-left"></i>Tables</a></li><li><a class="trigger" href="teamelements.html"><i class="mukam-list pull-left"></i>Team Elements</a></li><li><a class="trigger" href="contactforms.php"><i class="mukam-list pull-left"></i>Contact Forms</a></li><li><a class="trigger" href="typography.html"><i class="mukam-list pull-left"></i>Typography</a></li><li><a class="trigger" href="featured-404.html"><i class="mukam-list pull-left"></i>Error 404</a></li></ul><ul class="col-md-3"><h4>More Features?</h4><p>Mukam has limitless elements that you can use.</p><p><i class="icomoon-checkmark pull-left"></i>You buy 1 and get 7 different headers.</p><p><i class="icomoon-checkmark pull-left"></i>20 different hand crafted banner examples.</p><p><i class="icomoon-checkmark pull-left"></i>More than 2500 icons included.</p><p><i class="icomoon-checkmark pull-left"></i>Fully Responsive Design.</p><p><i class="icomoon-checkmark pull-left"></i>Customize Everything in a minute.</p></ul><ul class="col-md-3"><h4>Extra Features?</h4><p><i class="icomoon-checkmark pull-left"></i>Bonus Parallax Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Awesome Animations that you have never seen before.</p><p><i class="icomoon-checkmark pull-left"></i>Commerce Ready Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Unlimited backgrounds and colors.</p><p><i class="icomoon-checkmark pull-left"></i>8 different colors and 6 different hover animations for Buttons.</p><p><i class="icomoon-checkmark pull-left"></i>Premium Support for FREE!</p></ul></div></div></li><li class="dropdown"><a href="contact.php" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">CONTACT<span>get in touch</span></a></a><ul class="dropdown-menu"><li><a class="trigger" href="contact.php">Contact Us</a></li><li><a class="trigger" href="contact2.php">Contact Us 2</a></li></ul></li></ul></div></nav></div></div></div></header>');
	  			jQuery('.dropdown-toggle').dropdownHover();
	  jQuery(".logo").attr("src", logotype);
	  if( jQuery('body').find('.shopheader').length<1 ) {
    		$('.mukam-waypoint').css('marginTop', $('.mukam-header').outerHeight(true) );
	  }
	  else { $('.mukam-waypoint').css('marginTop', "0" ); }
	  jQuery(".mukam-waypoint").attr("data-animate-down", "mukam-header-small header-3");
	  jQuery(".mukam-waypoint").attr("data-animate-up", "mukam-header-large header-3");
	  var $head = $( '#mukam-header' );
			jQuery( '.mukam-waypoint' ).each( function(i) {
		   	 	var $el = $( this ),
		        animClassDown = $el.data( 'animateDown' ),
		        animClassUp = $el.data( 'animateUp' );  
		    $el.waypoint( function( direction ) {
		        if( direction === 'down' && animClassDown ) {
		            $head.attr('class', 'mukam-header mukam-header-small header-3');
		        }
		        else if( direction === 'up' && animClassUp ){
		            $head.attr('class', 'mukam-header mukam-header-large header-3');
		        }
		    }, { offset: '-1px' } );
		});
        jQuery(function(jQuery) {
		jQuery("header nav li a").filter(function(){
		    return this.href == location.href.replace(/#.*/, "");
		}) 
		.closest('li.dropdown').addClass("active");
		});
				// Search Widget Open - Close
		// ======================
		var $searchCheck = "close";
		jQuery(document).ready(function() {

		    jQuery( ".search-widget .social-box" ).click(function() {
		        if( $searchCheck == "close") {
		          jQuery('.search-widget').addClass( 'open' );  
		          jQuery('.search').addClass( 'open' );
		          jQuery('.search-widget .social-box').addClass( 'open' );
		          $searchCheck = "open"
		        }
		        else {
		          jQuery('.search-widget').removeClass( 'open' );  
		          jQuery('.search').removeClass( 'open');
		          jQuery('.search-widget .social-box').removeClass( 'open' );
		          $searchCheck = "close"
		        }
		    });
		});	
	  break;
	case "Header - 5":
	  jQuery('#mukam-header').remove();
	  jQuery('#mukam-layout').prepend('<header id="mukam-header" class="mukam-header mukam-header-large header-5 fixbottom"><div class="top-section-container"><div class="top-section"><div class="container"><div class="row"><div class="col-sm-6 col-md-6"><div class="phone"><i class="mukam-mobile icon-3x pull-left"></i> (+01) 112 345 6789</div><div class="email"><i class="mukam-envelope icon-3x pull-left"></i> [email protected]</div></div><div class="col-sm-6 col-md-6"><div class="social"><a href="#"><div class="social-box"><i class="mukam-dribble"></i></div></a><a href="#"><div class="social-box"><i class="mukam-google"></i></div></a><a href="#"><div class="social-box"><i class="mukam-skype"></i></div></a><a href="#"><div class="social-box"><i class="mukam-youtube"></i></div></a><a href="#"><div class="social-box"><i class="mukam-tweet"></i></div></a><a href="#"><div class="social-box"><i class="mukam-face"></i></div></a></div></div></div></div></div><div class="showhide"><div class="trans-topsection">+</p></div></div><div class="container"><div class="row"><div class="col-md-12"><nav class="navbar navbar-default header-5" role="navigation"><div class="navbar-header"><a href="#"><img class="logo" src="img/mukam5.png" alt="mukam"></a><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><div class="shopping"><a href="#"><div class="shopping-cart"><i class="mukam-shop pull-left"></i><p>Shopping Cart</p><span>(0) Cart Subtotal: $0.00</span></div></a></div></div><div class="collapse navbar-collapse navbar-ex1-collapse"><ul class="nav navbar-nav"><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">HOME</a><ul class="dropdown-menu"><li><a class="trigger" href="index.html">HOMEPAGE 1</a></li><li><a class="trigger" href="homepage2.html">HOMEPAGE 2</a></li><li><a class="trigger" href="homepage3.html">HOMEPAGE 3</a></li><li><a class="trigger" href="homepage4.html">HOMEPAGE 4</a></li><li><a class="trigger" href="homepage5.html">HOMEPAGE 5</a></li><li><a class="trigger" href="parallax.html">PARALLAX HOMEPAGE</a></li><li><a class="trigger" href="blog-homepage.html">BLOGGY HOMEPAGE</a></li><li><a class="trigger" href="shop-homepage.html">SHOP HOMEPAGE</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">PAGES</a><ul class="dropdown-menu"><li><a class="trigger" href="aboutus.html">About Us</a></li><li><a class="trigger" href="aboutus-2.html">About Us 2</a></li><li><a class="trigger" href="404.html">404 Error Page</a></li><li><a class="trigger" href="carousel-sliders.html">Carousel Sliders</a></li><li><a class="trigger" href="columns.html">Columns</a></li><li><a class="trigger" href="faqs.html">FAQS</a></li><li><a class="trigger" href="faqs-2.html">FAQS 2</a></li><li><a class="trigger" href="left-sidebar-page.html">Left Sidebar Page</a></li><li><a class="trigger" href="right-sidebar-page.html">Right Sidebar Page</a></li><li><a class="trigger" href="service-one.html">Services</a></li><li><a class="trigger" href="service-two.html">Services Two</a></li><li><a class="trigger" href="service-three.html">Services Two</a></li><li><a class="trigger" href="shortcodes.html">Shortcodes</a></li><li><a class="trigger" href="pricing-table.html">Tables</a></li><li><a class="trigger" href="team.html">Team</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">PORTFOLIO</a><ul class="dropdown-menu"><li><a class="trigger" href="portfolio-classic.html">Portfolio Classic</a></li><li><a class="trigger" href="portfolio-detail.html">Portfolio Detail</a></li><li><a class="trigger" href="portfolio-leftsidebar.html">Portfolio Big Right</a></li><li><a class="trigger" href="portfolio-rightsidebar.html">Portfolio Big Left</a></li><li><a class="trigger" href="portfolio-wide-image.html">Portfolio Wide</a></li><li><a class="trigger" href="portfolio-grid.html">Portfolio Grid</a></li></ul></li><li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">BLOG</a><ul class="dropdown-menu"><li><a class="trigger" href="blogpage.html">Blog</a></li><li><a class="trigger" href="blog-fullwidth.html">Blog Fullwidth</a></li><li><a class="trigger" href="blog-left-sidebar.html">Left Sidebar Blog</a></li><li><a class="trigger" href="blog-right-sidebar.html">Right Sidebar Blog</a></li><li><a class="trigger" href="blog-single.html">Single Blog</a></li></ul></li><li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">SHOP</a><ul class="dropdown-menu"><li><a class="trigger" href="shop.html">Shop</a></li><li><a class="trigger" href="shop-list.html">Shop List</a></li><li><a class="trigger" href="shop-single.html">Single Item</a></li><li><a class="trigger" href="shop-cart.html">Cart</a></li></ul></li><li class="multi dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">FEATURES</a><div class="dropdown-menu multimenu"><div class="multimenu-green row-fluid"><ul class="col-md-3"><h4>Features</h4><li><a class="trigger" href="notifications.html"><i class="mukam-list pull-left"></i>Notifications</a></li><li><a class="trigger" href="accordion.html"><i class="mukam-list pull-left"></i>Accordions</a></li><li><a class="trigger" href="skillsbars.html"><i class="mukam-list pull-left"></i>Skills Bars</a></li><li><a class="trigger" href="buttons.html"><i class="mukam-list pull-left"></i>Buttons</a></li><li><a class="trigger" href="googlemaps.html"><i class="mukam-list pull-left"></i>Google Maps</a></li><li><a class="trigger" href="tabs.html"><i class="mukam-list pull-left"></i>Tabs</a></li></ul><ul class="col-md-3"><h4></h4><li><a class="trigger" href="featured-faqs.html"><i class="mukam-list pull-left"></i>Faqs</a></li><li><a class="trigger" href="featured-tables.html"><i class="mukam-list pull-left"></i>Tables</a></li><li><a class="trigger" href="teamelements.html"><i class="mukam-list pull-left"></i>Team Elements</a></li><li><a class="trigger" href="contactforms.php"><i class="mukam-list pull-left"></i>Contact Forms</a></li><li><a class="trigger" href="typography.html"><i class="mukam-list pull-left"></i>Typography</a></li><li><a class="trigger" href="featured-404.html"><i class="mukam-list pull-left"></i>Error 404</a></li></ul><ul class="col-md-3"><h4>More Features?</h4><p>Mukam has limitless elements that you can use.</p><p><i class="icomoon-checkmark pull-left"></i>You buy 1 and get 7 different headers.</p><p><i class="icomoon-checkmark pull-left"></i>20 different hand crafted banner examples.</p><p><i class="icomoon-checkmark pull-left"></i>More than 2500 icons included.</p><p><i class="icomoon-checkmark pull-left"></i>Fully Responsive Design.</p><p><i class="icomoon-checkmark pull-left"></i>Customize Everything in a minute.</p></ul><ul class="col-md-3"><h4>Extra Features?</h4><p><i class="icomoon-checkmark pull-left"></i>Bonus Parallax Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Awesome Animations that you have never seen before.</p><p><i class="icomoon-checkmark pull-left"></i>Commerce Ready Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Unlimited backgrounds and colors.</p><p><i class="icomoon-checkmark pull-left"></i>8 different colors and 6 different hover animations for Buttons.</p><p><i class="icomoon-checkmark pull-left"></i>Premium Support for FREE!</p></ul></div></div></li><li class="dropdown"><a href="contact.php" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">CONTACT</a><ul class="dropdown-menu"><li><a class="trigger" href="contact.php">Contact Us</a></li><li><a class="trigger" href="contact2.php">Contact Us 2</a></li></ul></li></ul><div class="search-widget hidden-xs hidden-sm"><div class="search"><form method="get" action="#"><input type="text" name="s" class="search-query" placeholder="Search"></form></div><a href="#"><div class="social-box"><i class="mukam-search"></i></div></a></div></div></nav></div></div></div></header>');
	  			jQuery('.dropdown-toggle').dropdownHover();
	  jQuery(".logo").attr("src", logotype);
	  if( jQuery('body').find('.shopheader').length<1 ) {
    		$('.mukam-waypoint').css('marginTop', $('.mukam-header').outerHeight(true) );
	  }
	  else { $('.mukam-waypoint').css('marginTop', "0" ); }
	  jQuery(".mukam-waypoint").attr("data-animate-down", "mukam-header-small header-5");
	  jQuery(".mukam-waypoint").attr("data-animate-up", "mukam-header-large header-5");
	  var $head = $( '#mukam-header' );
			jQuery( '.mukam-waypoint' ).each( function(i) {
		   	 	var $el = $( this ),
		        animClassDown = $el.data( 'animateDown' ),
		        animClassUp = $el.data( 'animateUp' ); 
		    $el.waypoint( function( direction ) {
		        if( direction === 'down' && animClassDown ) {
		            $head.attr('class', 'mukam-header mukam-header-small header-5');
		        }
		        else if( direction === 'up' && animClassUp ){
		            $head.attr('class', 'mukam-header mukam-header-large header-5');
		        }
		    }, { offset: '-1px' } );
		});
        jQuery(function(jQuery) {
		jQuery("header nav li a").filter(function(){
		    return this.href == location.href.replace(/#.*/, "");
		}) 
		.closest('li.dropdown').addClass("active");
		});
	  break;
	case "Header - 6":
	  jQuery('#mukam-header').remove();
	  jQuery('#mukam-layout').prepend('<header id="mukam-header" class="mukam-header mukam-header-large shopheader"><div class="top-section-container"><div class="top-section"><div class="container"><div class="row"><div class="col-md-12"><div class="shopnav"><a href="#"><div class="shopnavbar"><i class="mukam-socialman"></i> My Account</div></a><a href="#"><div class="shopnavbar"><i class="mukam-radiocheck"></i> Wishlist</div></a><a href="#"><div class="shopnavbar"><i class="mukam-truck"></i> Free Shipping</div></a><a href="#"><div class="shopnavbar"><i class="mukam-lock"></i> Log in</div></a></div></div></div></div></div></div><div class="container"><div class="row"><div class="col-md-12"><nav class="navbar navbar-default shopheader" role="navigation"><div class="navbar-header"><a href="#"><img class="logo" src="img/mukam8.png" alt="mukam"></a><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><div class="shopping-mobil hidden-md hidden-lg"><a href="#"><div class="shopping-cart-mobil"><i class="mukam-shop"></i></div></a></div><div class="shopping hidden-xs hidden-sm"><a href="#"><div class="shopping-cart"><i class="mukam-shop pull-left"></i><p>Shopping Cart</p><span>(0) Cart Subtotal: $0.00</span></div></a></div><div class="search-widget"><div class="search"><form method="get" action="#"><input type="text" name="s" class="search-query" placeholder="Search"></form></div><a href="#"><div class="social-box"><i class="mukam-search"></i></div></a></div></div><div class="collapse navbar-collapse navbar-ex1-collapse"><ul class="nav navbar-nav"><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">HOME</a><ul class="dropdown-menu"><li><a class="trigger" href="index.html">HOMEPAGE 1</a></li><li><a class="trigger" href="homepage2.html">HOMEPAGE 2</a></li><li><a class="trigger" href="homepage3.html" class="off">HOMEPAGE 3</a></li><li><a class="trigger" href="homepage4.html" class="off">HOMEPAGE 4</a></li><li><a class="trigger" href="homepage5.html" class="off">HOMEPAGE 5</a></li><li><a class="trigger" href="parallax.html" class="off">PARALLAX HOMEPAGE</a></li><li><a class="trigger" href="blog-homepage.html">BLOGGY HOMEPAGE</a></li><li><a class="trigger" href="shop-homepage.html" class="off">SHOP HOMEPAGE</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">PAGES</a><ul class="dropdown-menu"><li><a class="trigger" href="aboutus.html">About Us</a></li><li><a class="trigger" href="aboutus-2.html">About Us 2</a></li><li><a class="trigger" href="404.html">404 Error Page</a></li><li><a class="trigger" href="carousel-sliders.html">Carousel Sliders</a></li><li><a class="trigger" href="columns.html">Columns</a></li><li><a class="trigger" href="faqs.html">FAQS</a></li><li><a class="trigger" href="faqs-2.html">FAQS 2</a></li><li><a class="trigger" href="left-sidebar-page.html">Left Sidebar Page</a></li><li><a class="trigger" href="right-sidebar-page.html">Right Sidebar Page</a></li><li><a class="trigger" href="service-one.html">Services</a></li><li><a class="trigger" href="service-two.html">Services Two</a></li><li><a class="trigger" href="service-three.html">Services Two</a></li><li><a class="trigger" href="shortcodes.html">Shortcodes</a></li><li><a class="trigger" href="pricing-table.html">Tables</a></li><li><a class="trigger" href="team.html">Team</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">PORTFOLIO</a><ul class="dropdown-menu"><li><a class="trigger" href="portfolio-classic.html">Portfolio Classic</a></li><li><a class="trigger" href="portfolio-detail.html">Portfolio Detail</a></li><li><a class="trigger" href="portfolio-leftsidebar.html">Portfolio Big Right</a></li><li><a class="trigger" href="portfolio-rightsidebar.html">Portfolio Big Left</a></li><li><a class="trigger" href="portfolio-wide-image.html">Portfolio Wide</a></li><li><a class="trigger" href="portfolio-grid.html">Portfolio Grid</a></li></ul></li><li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">BLOG</a><ul class="dropdown-menu"><li><a class="trigger" href="blogpage.html">Blog</a></li><li><a class="trigger" href="blog-fullwidth.html">Blog Fullwidth</a></li><li><a class="trigger" href="blog-left-sidebar.html">Left Sidebar Blog</a></li><li><a class="trigger" href="blog-right-sidebar.html">Right Sidebar Blog</a></li><li><a class="trigger" href="blog-single.html">Single Blog</a></li></ul></li><li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">SHOP</a><ul class="dropdown-menu"><li><a class="trigger" href="shop.html">Shop</a></li><li><a class="trigger" href="shop-list.html">Shop List</a></li><li><a class="trigger" href="shop-single.html">Single Item</a></li><li><a class="trigger" href="shop-cart.html">Cart</a></li></ul></li><li class="multi dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">FEATURES</a><div class="dropdown-menu multimenu"><div class="multimenu-green row-fluid"><ul class="col-md-3"><h4>Features</h4><li><a class="trigger" href="notifications.html"><i class="mukam-list pull-left"></i>Notifications</a></li><li><a class="trigger" href="accordion.html"><i class="mukam-list pull-left"></i>Accordions</a></li><li><a class="trigger" href="skillsbars.html"><i class="mukam-list pull-left"></i>Skills Bars</a></li><li><a class="trigger" href="buttons.html"><i class="mukam-list pull-left"></i>Buttons</a></li><li><a class="trigger" href="googlemaps.html"><i class="mukam-list pull-left"></i>Google Maps</a></li><li><a class="trigger" href="tabs.html"><i class="mukam-list pull-left"></i>Tabs</a></li></ul><ul class="col-md-3"><h4></h4><li><a class="trigger" href="featured-faqs.html"><i class="mukam-list pull-left"></i>Faqs</a></li><li><a class="trigger" href="featured-tables.html"><i class="mukam-list pull-left"></i>Tables</a></li><li><a class="trigger" href="teamelements.html"><i class="mukam-list pull-left"></i>Team Elements</a></li><li><a class="trigger" href="contactforms.php"><i class="mukam-list pull-left"></i>Contact Forms</a></li><li><a class="trigger" href="typography.html"><i class="mukam-list pull-left"></i>Typography</a></li><li><a class="trigger" href="featured-404.html"><i class="mukam-list pull-left"></i>Error 404</a></li></ul><ul class="col-md-3"><h4>More Features?</h4><p>Mukam has limitless elements that you can use.</p><p><i class="icomoon-checkmark pull-left"></i>You buy 1 and get 7 different headers.</p><p><i class="icomoon-checkmark pull-left"></i>20 different hand crafted banner examples.</p><p><i class="icomoon-checkmark pull-left"></i>More than 2500 icons included.</p><p><i class="icomoon-checkmark pull-left"></i>Fully Responsive Design.</p><p><i class="icomoon-checkmark pull-left"></i>Customize Everything in a minute.</p></ul><ul class="col-md-3"><h4>Extra Features?</h4><p><i class="icomoon-checkmark pull-left"></i>Bonus Parallax Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Awesome Animations that you have never seen before.</p><p><i class="icomoon-checkmark pull-left"></i>Commerce Ready Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Unlimited backgrounds and colors.</p><p><i class="icomoon-checkmark pull-left"></i>8 different colors and 6 different hover animations for Buttons.</p><p><i class="icomoon-checkmark pull-left"></i>Premium Support for FREE!</p></ul></div></div></li><li class="dropdown"><a href="contact.php" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">CONTACT</a><ul class="dropdown-menu"><li><a class="trigger" href="contact.php">Contact Us</a></li><li><a class="trigger" href="contact2.php">Contact Us 2</a></li></ul></li><li class="shop"><a href="#">SIGN UP</a></li></ul></div></nav></div></div></div></header>');
	  			jQuery('.dropdown-toggle').dropdownHover();
	  jQuery(".logo").attr("src", logotype);
	  if( jQuery('body').find('.shopheader').length<1 ) {
    		$('.mukam-waypoint').css('marginTop', $('.mukam-header').outerHeight(true) );
	  }
	  else { $('.mukam-waypoint').css('marginTop', "0" ); }
	  jQuery(".mukam-waypoint").attr("data-animate-down", "mukam-header-small shopheader");
	  jQuery(".mukam-waypoint").attr("data-animate-up", "mukam-header-large shopheader");
        jQuery(function(jQuery) {
		jQuery("header nav li a").filter(function(){
		    return this.href == location.href.replace(/#.*/, "");
		}) 
		.closest('li.dropdown').addClass("active");
		});
	  break;

	case "Header - 7":
	  jQuery('#mukam-header').remove();
	  jQuery('#mukam-layout').prepend('<header id="mukam-header" class="mukam-header mukam-header-large header-7"><div class="top-section-container2"><div class="top-section"><div class="container"><div class="row"><div class="col-sm-6 col-md-6"><div class="phone"><i class="mukam-mobile icon-3x pull-left"></i> (+01) 112 345 6789</div><div class="email"><i class="mukam-envelope icon-3x pull-left"></i> [email protected]</div></div><div class="col-sm-6 col-md-6"><div class="social"><div class="search-widget"><a href="#"><div class="social-box"><i class="mukam-search"></i></div></a><div class="search"><form method="get" action="#"><input type="text" name="s" class="search-query" placeholder="Search"></form></div></div><a href="#"><div class="social-box"><i class="mukam-dribble"></i></div></a><a href="#"><div class="social-box"><i class="mukam-google"></i></div></a><a href="#"><div class="social-box"><i class="mukam-skype"></i></div></a><a href="#"><div class="social-box"><i class="mukam-youtube"></i></div></a><a href="#"><div class="social-box"><i class="mukam-tweet"></i></div></a><a href="#"><div class="social-box"><i class="mukam-face"></i></div></a></div></div></div></div></div></div><div class="container"><div class="row"><div class="col-md-12"><nav class="navbar navbar-default header-7" role="navigation"><div class="navbar-header"><a href="#"><img class="logo" src="img/mukam7.png" alt="mukam"></a><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><div class="shopping hidden-md hidden-lg"><a href="#"><div class="shopping-cart"><i class="mukam-shop"></i></div></a></div></div><div class="collapse navbar-collapse navbar-ex1-collapse"><div class="shopping hidden-xs hidden-sm"><a href="#"><div class="shopping-cart"><i class="mukam-shop"></i></div></a><div class="shopping-hover-cart"><i class="mukam-shop pull-left"></i><p>Shopping Cart</p><span>(3) Cart Subtotal: $200</span></div></div><ul class="nav navbar-nav navbar-right"><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="entypo-dot"></i>HOME</a><ul class="dropdown-menu"><li><a class="trigger" href="index.html">HOMEPAGE 1</a></li><li><a class="trigger" href="homepage2.html">HOMEPAGE 2</a></li><li><a class="trigger" href="homepage3.html">HOMEPAGE 3</a></li><li><a class="trigger" href="homepage4.html">HOMEPAGE 4</a></li><li><a class="trigger" href="homepage5.html">HOMEPAGE 5</a></li><li><a class="trigger" href="parallax.html">PARALLAX HOMEPAGE</a></li><li><a class="trigger" href="blog-homepage.html">BLOGGY HOMEPAGE</a></li><li><a class="trigger" href="shop.html">SHOP HOMEPAGE</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="entypo-dot"></i>PAGES</a><ul class="dropdown-menu"><li><a class="trigger" href="aboutus.html">About Us</a></li><li><a class="trigger" href="aboutus-2.html">About Us 2</a></li><li><a class="trigger" href="404.html">404 Error Page</a></li><li><a class="trigger" href="carousel-sliders.html">Carousel Sliders</a></li><li><a class="trigger" href="columns.html">Columns</a></li><li><a class="trigger" href="faqs.html">FAQS</a></li><li><a class="trigger" href="faqs-2.html">FAQS 2</a></li><li><a class="trigger" href="left-sidebar-page.html">Left Sidebar Page</a></li><li><a class="trigger" href="right-sidebar-page.html">Right Sidebar Page</a></li><li><a class="trigger" href="service-one.html">Services</a></li><li><a class="trigger" href="service-two.html">Services Two</a></li><li><a class="trigger" href="service-three.html">Services Two</a></li><li><a class="trigger" href="shortcodes.html">Shortcodes</a></li><li><a class="trigger" href="pricing-table.html">Tables</a></li><li><a class="trigger" href="team.html">Team</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="entypo-dot"></i>PORTFOLIO</a><ul class="dropdown-menu"><li><a class="trigger" href="portfolio-classic.html">Portfolio Classic</a></li><li><a class="trigger" href="portfolio-detail.html">Portfolio Detail</a></li><li><a class="trigger" href="portfolio-leftsidebar.html">Portfolio Big Right</a></li><li><a class="trigger" href="portfolio-rightsidebar.html">Portfolio Big Left</a></li><li><a class="trigger" href="portfolio-wide-image.html">Portfolio Wide</a></li><li><a class="trigger" href="portfolio-grid.html">Portfolio Grid</a></li></ul></li><li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="entypo-dot"></i>BLOG</a><ul class="dropdown-menu"><li><a class="trigger" href="blogpage.html">Blog</a></li><li><a class="trigger" href="blog-fullwidth.html">Blog Fullwidth</a></li><li><a class="trigger" href="blog-left-sidebar.html">Left Sidebar Blog</a></li><li><a class="trigger" href="blog-right-sidebar.html">Right Sidebar Blog</a></li><li><a class="trigger" href="blog-single.html">Single Blog</a></li></ul></li><li class="dropdown"><a href="blog.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="entypo-dot"></i>SHOP</a><ul class="dropdown-menu"><li><a class="trigger" href="shop.html">Shop</a></li><li><a class="trigger" href="shop-list.html">Shop List</a></li><li><a class="trigger" href="shop-single.html">Single Item</a></li><li><a class="trigger" href="shop-cart.html">Cart</a></li></ul></li><li class="multi dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="entypo-dot"></i>FEATURES</a><div class="dropdown-menu multimenu"><div class="multimenu-green row-fluid"><ul class="col-md-3"><h4>Features</h4><li><a class="trigger" href="notifications.html"><i class="mukam-list pull-left"></i>Notifications</a></li><li><a class="trigger" href="accordion.html"><i class="mukam-list pull-left"></i>Accordions</a></li><li><a class="trigger" href="skillsbars.html"><i class="mukam-list pull-left"></i>Skills Bars</a></li><li><a class="trigger" href="buttons.html"><i class="mukam-list pull-left"></i>Buttons</a></li><li><a class="trigger" href="googlemaps.html"><i class="mukam-list pull-left"></i>Google Maps</a></li><li><a class="trigger" href="tabs.html"><i class="mukam-list pull-left"></i>Tabs</a></li></ul><ul class="col-md-3"><h4></h4><li><a class="trigger" href="featured-faqs.html"><i class="mukam-list pull-left"></i>Faqs</a></li><li><a class="trigger" href="featured-tables.html"><i class="mukam-list pull-left"></i>Tables</a></li><li><a class="trigger" href="teamelements.html"><i class="mukam-list pull-left"></i>Team Elements</a></li><li><a class="trigger" href="contactforms.php"><i class="mukam-list pull-left"></i>Contact Forms</a></li><li><a class="trigger" href="typography.html"><i class="mukam-list pull-left"></i>Typography</a></li><li><a class="trigger" href="featured-404.html"><i class="mukam-list pull-left"></i>Error 404</a></li></ul><ul class="col-md-3"><h4>More Features?</h4><p>Mukam has limitless elements that you can use.</p><p><i class="icomoon-checkmark pull-left"></i>You buy 1 and get 7 different headers.</p><p><i class="icomoon-checkmark pull-left"></i>20 different hand crafted banner examples.</p><p><i class="icomoon-checkmark pull-left"></i>More than 2500 icons included.</p><p><i class="icomoon-checkmark pull-left"></i>Fully Responsive Design.</p><p><i class="icomoon-checkmark pull-left"></i>Customize Everything in a minute.</p></ul><ul class="col-md-3"><h4>Extra Features?</h4><p><i class="icomoon-checkmark pull-left"></i>Bonus Parallax Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Awesome Animations that you have never seen before.</p><p><i class="icomoon-checkmark pull-left"></i>Commerce Ready Pages.</p><p><i class="icomoon-checkmark pull-left"></i>Unlimited backgrounds and colors.</p><p><i class="icomoon-checkmark pull-left"></i>8 different colors and 6 different hover animations for Buttons.</p><p><i class="icomoon-checkmark pull-left"></i>Premium Support for FREE!</p></ul></div></div></li><li class="dropdown"><a href="contact.php" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="entypo-dot"></i>CONTACT</a><ul class="dropdown-menu"><li><a class="trigger" href="contact.php">Contact Us</a></li><li><a class="trigger" href="contact2.php">Contact Us 2</a></li></ul></li></ul></div></nav></div></div></div></header>');
	  			jQuery('.dropdown-toggle').dropdownHover();
	  jQuery(".logo").attr("src", logotype);
	  if( jQuery('body').find('.shopheader').length<1 ) {
    		$('.mukam-waypoint').css('marginTop', $('.mukam-header').outerHeight(true) );
	  }
	  else { $('.mukam-waypoint').css('marginTop', "0" ); }
	  jQuery(".mukam-waypoint").attr("data-animate-down", "mukam-header-small header-7");
	  jQuery(".mukam-waypoint").attr("data-animate-up", "mukam-header-large header-7");
	  var $head = $( '#mukam-header' );
			jQuery( '.mukam-waypoint' ).each( function(i) {
		   	 	var $el = $( this ),
		        animClassDown = $el.data( 'animateDown' ),
		        animClassUp = $el.data( 'animateUp' ); 
		    $el.waypoint( function( direction ) {
		        if( direction === 'down' && animClassDown ) {
		            $head.attr('class', 'mukam-header mukam-header-small header-7');
		        }
		        else if( direction === 'up' && animClassUp ){
		            $head.attr('class', 'mukam-header mukam-header-large header-7');
		        }
		    }, { offset: '-1px' } );
		});
        jQuery(function(jQuery) {
		jQuery("header nav li a").filter(function(){
		    return this.href == location.href.replace(/#.*/, "");
		}) 
		.closest('li.dropdown').addClass("active");
		});
	  break;
	  		// Search Widget Open - Close
		// ======================
		var $searchCheck = "close";
		jQuery(document).ready(function() {

		    jQuery( ".search-widget .social-box" ).click(function() {
		        if( $searchCheck == "close") {
		          jQuery('.search-widget').addClass( 'open' );  
		          jQuery('.search').addClass( 'open' );
		          jQuery('.search-widget .social-box').addClass( 'open' );
		          $searchCheck = "open"
		        }
		        else {
		          jQuery('.search-widget').removeClass( 'open' );  
		          jQuery('.search').removeClass( 'open');
		          jQuery('.search-widget .social-box').removeClass( 'open' );
		          $searchCheck = "close"
		        }
		    });
		});	
	} 
}).trigger( "change" );

jQuery("#footertype").change(function() {
	jQuery( "#footertype option:selected" ).each(function() {
    footertype = jQuery(this).text();
    });
	switch (footertype)
	{
	case "Footer - 1":
	if( jQuery('body').find('.facts-2').length>0 ) {
		jQuery('.facts-2').remove();
		jQuery('footer').remove();
		jQuery('#mukam-layout').append('<div class="facts"><div class="container"><div class="row"><div class="col-md-3 timer-wrap"><h4>Frappe Consumption</h4><span class="timer" id="chartNum">4451</span><span class="timer-icon pull-right"><i class="brankic1979-coffee icon-2x"></i></span><p>Yes! We love to drink frappe, especially with no sugar.</p></div><div class="col-md-3 timer-wrap"><h4>Facebook Popularity</h4><span class="timer" id="chartNum">10510</span><span class="timer-icon pull-right"><i class="mukam-face icon-2x"></i></span><p>Yes! We love to drink frappe, especially with no sugar.</p></div><div class="col-md-3 timer-wrap"><h4>People Follow Me</h4><span class="timer" id="chartNum">9980</span><span class="timer-icon pull-right"><i class="mukam-tweet icon-2x"></i></span><p>Yes! We love to drink frappe, especially with no sugar.</p></div><div class="col-md-3 timer-wrap"><h4>Join our group on</h4><span class="timer" id="chartNum">1026</span><span class="timer-icon pull-right"><i class="icon-linkedin icon-2x"></i></span><p>Yes! We love to drink frappe, especially with no sugar.</p></div></div></div></div><footer><div class="container"><div class="row"><div class="col-md-3"><div class="footer-widget"><h4>Get in Touch</h4><div class="contact-widget"><p><i class="mukam-telephone pull-left widget-icon"></i>(+09) 0323 750 4561</p><p><i class="mukam-envelope pull-left widget-icon"></i>[email protected]</p><p><i class="mukam-globe pull-left widget-icon"></i>www.mukam-studio.com</p><p><i class="mukam-clock widget-icon"></i>Mon - Sat 9:00am - 6:00 pm</p><p><i class="mukam-direction pull-left widget-icon"></i>Envato Marketplace Melbourne St Sydney TF - 123456</p></div><div class="social-widget"><a href="#"><div class="socialbox"><i class="mukam-face"></i></div></a><a href="#"><div class="socialbox"><i class="mukam-tweet"></i></div></a><a href="#"><div class="socialbox"><i class="mukam-google"></i></div></a><a href="#"><div class="socialbox"><i class="mukam-dribble"></i></div></a><a href="#"><div class="socialbox"><i class="mukam-youtube"></i></div></a></div></div></div><!--<div class="col-md-3"><div class="footer-widget"><h4>Useful Links</h4><ul><li><a href="#"><i class="mukam-radiocheck pull-left"></i>Home</a></li><li><a href="#"><i class="mukam-radiocheck pull-left"></i>About Us</a></li><li><a href="#"><i class="mukam-radiocheck pull-left"></i>Services</a></li><li><a href="#"><i class="mukam-radiocheck pull-left"></i>Great Team</a></li><li><a href="#"><i class="mukam-radiocheck pull-left"></i>Shortcodes</a></li><li><a href="#"><i class="mukam-radiocheck pull-left"></i>Portfolio</a></li><li><a href="#"><i class="mukam-radiocheck pull-left"></i>Blog</a></li><li><a href="#"><i class="mukam-radiocheck pull-left"></i>Contact Us</a></li></ul></div></div> --><div class="col-md-3"><div class="footer-widget"><h4>Popular Tags</h4><div class="textwidget"><p> Lorem ipsum is simply dummy text of the printing and typesetting industry. </p></div><div class="mukam-tag-cloud"><ul><li><a href="#">Web Design</a></li><li><a href="#">Photography</a></li><li><a href="#">PSD</a></li><li><a href="#">Themeforest</a></li><li><a href="#">Envato</a></li><li><a href="#">Design</a></li><li><a href="#">Wordpress</a></li><li><a href="#">Logo</a></li></ul></div></div></div><div class="col-md-3"><div class="footer-widget"><h4>Popular Posts</h4><div class="popular-post-widget"><article class="popular-post"><img src="content/popular-footer-1.png"><h6><a href="#">Sample Post with Standard Image & Video</a></h6><p class="popular-date">Posted 13 September 2013</p><p class="popular-author"><a href="#">By Admin</a></p></article><article class="popular-post"><img src="content/popular-footer-2.png"><h6><a href="#">Sample Post with Standard Image & Video</a></h6><p class="popular-date">Posted 13 September 2013</p><p class="popular-author"><a href="#">By Admin</a></p></article><article class="popular-post"><img src="content/popular-footer-3.png"><h6><a href="#">Sample Post with Standard Image & Video</a></h6><p class="popular-date">Posted 13 September 2013</p><p class="popular-author"><a href="#">By Admin</a></p></article></div></div></div><div class="col-md-3"><div class="footer-widget"><h4>Latest Tweets</h4><div class="twitter-widget"><div class="tweet"><i class="mukam-tweet icon-2x pull-left bird"></i><p><a href="#">@MukamTheme</a> Jun Check out this great #themeforest item Mestro - Responsive <a href="http://t.co/0hT9K6jMwm">http://t.co/0hT9K6jMwm</a></p></div></div><div class="twitter-widget"><div class="tweet"><i class="mukam-tweet icon-2x pull-left bird"></i><p><a href="#">@MukamTheme</a> Jun Check out this great #themeforest item Mestro - Responsive #themeforest item . <a href="http://t.co/0hT9K6jMwm">http://t.co/0hT9K6jMwm</a></p></div></div></div></div></div></div><div class="bg-color black fixed-padding"><div class="container"><div class="row"><div class="col-md-12"><div class="copyright-section"><p>Copyright © 2013 mukam. All rights reserved.</p></div></div></div></div></div></footer>');
	}
	break;
		case "Footer - 2":
	if( jQuery('body').find('.facts').length>0 ) {
		jQuery('.facts').remove();
		jQuery('footer').remove();
		jQuery('#mukam-layout').append('<div class="facts-2"><div class="container"><div class="row"><div class="col-md-3 timer-wrap"><h4>Frappe Consumption</h4><span class="timer" id="chartNum">4451</span><span class="timer-icon pull-right"><i class="brankic1979-coffee icon-2x"></i></span><p>Yes! We love to drink frappe, especially with no sugar.</p></div><div class="col-md-3 timer-wrap"><h4>Facebook Popularity</h4><span class="timer" id="chartNum">10510</span><span class="timer-icon pull-right"><i class="mukam-face icon-2x"></i></span><p>Yes! We love to drink frappe, especially with no sugar.</p></div><div class="col-md-3 timer-wrap"><h4>People Follow Me</h4><span class="timer" id="chartNum">9980</span><span class="timer-icon pull-right"><i class="mukam-tweet icon-2x"></i></span><p>Yes! We love to drink frappe, especially with no sugar.</p></div><div class="col-md-3 timer-wrap"><h4>Join our group on</h4><span class="timer" id="chartNum">1026</span><span class="timer-icon pull-right"><i class="icon-linkedin icon-2x"></i></span><p>Yes! We love to drink frappe, especially with no sugar.</p></div></div></div></div><footer><div class="container"><div class="row"><div class="col-md-3"><div class="footer-widget"><h4>Get in Touch</h4><div class="contact-widget"><p><i class="mukam-telephone pull-left widget-icon"></i>(+09) 0323 750 4561</p><p><i class="mukam-envelope pull-left widget-icon"></i>[email protected]</p><p><i class="mukam-globe pull-left widget-icon"></i>www.mukam-studio.com</p><p><i class="mukam-clock widget-icon"></i>Mon - Sat 9:00am - 6:00 pm</p><p><i class="mukam-direction pull-left widget-icon"></i>Envato Marketplace Melbourne St Sydney TF - 123456</p></div><div class="social-widget"><a href="#"><div class="socialbox"><i class="mukam-face"></i></div></a><a href="#"><div class="socialbox"><i class="mukam-tweet"></i></div></a><a href="#"><div class="socialbox"><i class="mukam-google"></i></div></a><a href="#"><div class="socialbox"><i class="mukam-dribble"></i></div></a><a href="#"><div class="socialbox"><i class="mukam-youtube"></i></div></a></div></div></div><!--<div class="col-md-3"><div class="footer-widget"><h4>Useful Links</h4><ul><li><a href="#"><i class="mukam-list pull-left"></i>Home</a></li><li><a href="#"><i class="mukam-list pull-left"></i>About Us</a></li><li><a href="#"><i class="mukam-list pull-left"></i>Services</a></li><li><a href="#"><i class="mukam-list pull-left"></i>Great Team</a></li><li><a href="#"><i class="mukam-list pull-left"></i>Shortcodes</a></li><li><a href="#"><i class="mukam-list pull-left"></i>Portfolio</a></li><li><a href="#"><i class="mukam-list pull-left"></i>Blog</a></li><li><a href="#"><i class="mukam-list pull-left"></i>Contact Us</a></li></ul></div></div> --><div class="col-md-3"><div class="footer-widget"><h4>Popular Tags</h4><div class="textwidget"><p> Lorem ipsum is simply dummy text of the printing and typesetting industry. </p></div><div class="mukam-tag-cloud"><ul><li><a href="#">Web Design</a></li><li><a href="#">Photography</a></li><li><a href="#">PSD</a></li><li><a href="#">Themeforest</a></li><li><a href="#">Envato</a></li><li><a href="#">Design</a></li><li><a href="#">Wordpress</a></li><li><a href="#">Logo</a></li></ul></div></div></div><div class="col-md-3"><div class="footer-widget"><h4>Popular Posts</h4><div class="popular-post-widget"><article class="popular-post"><img src="content/popular-footer-1.png"><h6><a href="#">Sample Post with Standard Image & Video</a></h6><p class="popular-date">Posted 13 September 2013</p><p class="popular-author"><a href="#">By Admin</a></p></article><article class="popular-post"><img src="content/popular-footer-2.png"><h6><a href="#">Sample Post with Standard Image & Video</a></h6><p class="popular-date">Posted 13 September 2013</p><p class="popular-author"><a href="#">By Admin</a></p></article><article class="popular-post"><img src="content/popular-footer-3.png"><h6><a href="#">Sample Post with Standard Image & Video</a></h6><p class="popular-date">Posted 13 September 2013</p><p class="popular-author"><a href="#">By Admin</a></p></article></div></div></div><div class="col-md-3"><div class="footer-widget"><h4>Latest Tweets</h4><div class="twitter-widget"><div class="tweet"><i class="mukam-tweet icon-2x pull-left bird"></i><p><a href="#">@MukamTheme</a> Jun Check out this great #themeforest item Mestro - Responsive <a href="http://t.co/0hT9K6jMwm">http://t.co/0hT9K6jMwm</a></p></div></div><div class="twitter-widget"><div class="tweet"><i class="mukam-tweet icon-2x pull-left bird"></i><p><a href="#">@MukamTheme</a> Jun Check out this great #themeforest item Mestro - Responsive #themeforest item. <a href="http://t.co/0hT9K6jMwm">http://t.co/0hT9K6jMwm</a></p></div></div></div></div></div></div><div class="bg-color black fixed-padding"><div class="container"><div class="row"><div class="col-md-12"><div class="copyright-section"><p>Copyright © 2013 mukam. All rights reserved.</p></div></div></div></div></div></footer>');
	}
	break;
	} 
}).trigger( "change" );