jQuery.noConflict();

var changeMoodTimeout;

/* Load jQuery Defintions, when DOM is loaded */
jQuery(document).ready(function(){
    
    jQuery("#moodImage img").each(function(){
        
        var index = jQuery(this).index() + 1; 
        jQuery(this).attr("rel", index); 
    });
    
    jQuery("#moodnavi").show(); 
    
    jQuery("#moodnavi li:first a").addClass("active"); 
    
    jQuery("#moodnavi a").click(function() {
		changeMood(jQuery(this).parent().index());
		// console.log(jQuery(this).parent().index());
	});
	if(jQuery("#moodnavi a").size() > 1)
		changeMoodTimeout = window.setTimeout("changeMood(1)",5000);
	if ( jQuery(window).width() <= 1024 ) {
		jQuery("#container").addClass("container1024");
	}
});


function changeMood(objNr) {
	jObj = jQuery("#moodnavi a:eq("+objNr+")");
	if ( !jQuery(jObj).hasClass("active") ) {
		// console.log(objNr);
		window.clearTimeout(changeMoodTimeout);
		var oldindex = jQuery(jObj).parent().index();
		var newindex = oldindex + 1;
		// console.log(newindex);
	
		jQuery("#moodnavi a").removeClass("active"); 
		jQuery(jObj).addClass("active");  
		
		// console.log("before moodImage newindex:"+newindex);
		
		jQuery("#moodImage").fadeOut("fast", function(){
			
			jQuery(this).find("img[rel='"+(oldindex+1)+"']").prependTo(jQuery(this)); 
			
			jQuery(this).fadeIn("fast");             
		});

		jQuery("#moodlabel div").hide();
		jQuery("#moodClaimElement"+newindex).fadeIn("fast");
		jQuery("#callToAction div").hide();
		jQuery("#callToActionElement"+newindex).fadeIn("fast");
		if ( newindex == 3 ) {
			newindex = 0;
		}
		// console.log("after newindex:"+newindex);
		changeMoodTimeout = window.setTimeout("changeMood("+newindex+")",5000);
	}
}

jQuery(window).resize(function() {
	if ( jQuery(window).width() <= 1024 ) {
		jQuery("#container").addClass("container1024");
	}
	else jQuery("#container").removeClass("container1024");
});