/*-----------------------------------------------------------------------------------*/
/*	BACKGROUND IMAGE
/*-----------------------------------------------------------------------------------*/
/*
jQuery(function() {

	// Options for SuperBGImage
	jQuery.fn.superbgimage.options = {
		randomtransition: 2, // 0-none, 1-use random transition (0-7)
		z_index: -1, // z-index for the container
		slideshow: 1, // 0-none, 1-autostart slideshow
		slide_interval: 4000, // interval for the slideshow
		randomimage: 1, // 0-none, 1-random image
		speed: 'slow' // animation speed
	};

	// initialize SuperBGImage
	jQuery('#thumbs').superbgimage().hide();

});
*/
/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/

//ddsmoothmenu.init({
//	mainmenuid: "menu",
//	orientation: 'h',
//	classname: 'menu',
//	contentsource: "markup"
//})

/*-----------------------------------------------------------------------------------*/
/*	TWITTER
/*-----------------------------------------------------------------------------------*/

getTwitters('twitter', {
        id: 'elemisdesign', 
        count: 2, 
        enableLinks: true, 
        ignoreReplies: false,
        template: '<span class="twitterPrefix"><span class="twitterStatus">%text%</span>',
        newwindow: true
});

/*-----------------------------------------------------------------------------------*/
/*	IMAGE HOVER
/*-----------------------------------------------------------------------------------*/
jQuery(function() {
jQuery('.flickr img, .blog a img, #container a img, .content a img').css("opacity","1.0");	
jQuery('.flickr img, .blog a img, #container a img, .content a img').hover(function () {										  
jQuery(this).stop().animate({ opacity: 0.75 }, "fast"); },	
function () {			
jQuery(this).stop().animate({ opacity: 1.0 }, "fast");
});
});


/*-----------------------------------------------------------------------------------*/
/*	OPACITY
/*-----------------------------------------------------------------------------------*/

jQuery('.opacity').transify({opacityOrig:.90, percentHeight:'100%'});

/*-----------------------------------------------------------------------------------*/
/*	PRETTYPHOTO
/*-----------------------------------------------------------------------------------*/

jQuery(document).ready(function(){
			jQuery("a[rel^='prettyPhoto']").prettyPhoto({autoplay_slideshow: false, overlay_gallery: false, social_tools:false, deeplinking: false, theme:'pp_default', slideshow:5000});
		});

/*-----------------------------------------------------------------------------------*/
/*	TOGGLE
/*-----------------------------------------------------------------------------------*/
jQuery(document).ready(function(){
//Hide the tooglebox when page load
jQuery(".togglebox").hide();
//slide up and down when click over heading 2
jQuery("h2").click(function(){
// slide toggle effect set to slow you can set it to fast too.
jQuery(this).toggleClass("active").next(".togglebox").slideToggle("slow");
return true;
});
});

/*-----------------------------------------------------------------------------------*/
/*	TABS
/*-----------------------------------------------------------------------------------*/
jQuery(document).ready(function() {
	//Default Action
	jQuery(".tab_content").hide(); //Hide all content
	jQuery("ul.tabs li:first").addClass("active").show(); //Activate first tab
	jQuery(".tab_content:first").show(); //Show first tab content
	
	//On Click Event
	jQuery("ul.tabs li").click(function() {
		jQuery("ul.tabs li").removeClass("active"); //Remove any "active" class
		jQuery(this).addClass("active"); //Add "active" class to selected tab
		jQuery(".tab_content").hide(); //Hide all tab content
		var activeTab = jQuery(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
		jQuery(activeTab).fadeIn(); //Fade in the active content
		return false;
	});

});

/*-----------------------------------------------------------------------------------*/
/*	IMAGE HOVER
/*-----------------------------------------------------------------------------------*/
 jQuery(document).ready(function() {
        jQuery('.box, .carousel ul li').mouseenter(function(e) {

            jQuery(this).children('a').children('span').fadeIn(200);
        }).mouseleave(function(e) {

            jQuery(this).children('a').children('span').fadeOut(200);
        });
    });