$(document).ready(function() {



	//load custCheckBox
	$("input[type='checkbox']").custCheckBox();
	
    //hide onload
   $('#formSlide').hide();
    $(' #tweetSlide, #optionBox, #form_infoslide, #blog_bottom_menu_toogle').hide();
    
    //Logo linking to firstpage
    $('#sprite_dksp').click(function() {
    	window.location.assign("http://dksp.se/index.php");
    	return false;
    });
    
     
    //close with button in contactform
    $('a#closeForm').click(function() {
    	$('#formSlide').slideUp(700);
        return false;
    });
    
    //
    $('a#blog_bottom_menu_button').click(function() {
    	$('#blog_bottom_menu_toogle').slideToggle(200);
        return false;
    });
        
    //toggle "hello"link in header
    $('#tweet_contact').click(function() {
    	$('#tweetSlide').slideToggle(200);
    	return false;
    });
    
    //toggle "hello"link in header
    $('#sprite_contact').click(function() {
    	$('#formSlide').slideToggle(700);
    	return false;
    });
    
    
    //toggle "infotext" link in header
    $('#form_toggleinfo').click(function() {
    	$('#form_infoslide').slideToggle(500);
    	return false;
    });
    
   //Combo onChange
  	$("#projectType").change(function() {
  		//toggleSlide webdesign
    	if ($("#projectType :selected").val() == "Webstuff"){
        	if( $('#optionBox').is(":visible") ){
  				$('#optionBox').slideToggle(500, function(){
  					$('#contactForm2, #contactForm3').hide();
            		$('#contactForm').show();
            	});
  				$('#optionBox').slideToggle(500);
			}
			if( $('#optionBox').is(":hidden") ){
				$('#contactForm2, #contactForm3').hide();
            	$('#contactForm').show();
  				$('#optionBox').slideToggle(500);
  			}
  			
  			
  			$("#form_fade").fadeOut('slow', function(){
  					$("#form_fade").html('Since its a web project, we could use some help with:');
  			});
  			$("#form_fade").fadeIn('slow');
  			
		};
		
		
		
		//toggleSlide cat2
        if ($("#projectType :selected").val() == "Graphic Profile"){
        	if( $('#optionBox').is(":visible") ){
  				$('#optionBox').slideToggle(500, function(){
            		$('#contactForm, #contactForm3').hide();
            		$('#contactForm2').show();
            	});
  				$('#optionBox').slideToggle(500);
			}
			if( $('#optionBox').is(":hidden") ){
				$('#contactForm, #contactForm3').hide();
            	$('#contactForm2').show();
  				$('#optionBox').slideToggle(500);
  			}
  			
  			$("#form_fade").fadeOut('slow', function(){
  					$("#form_fade").html('Since its a graphic profile project, we could use some help with:');
  			});
  			$("#form_fade").fadeIn('slow');
  			
		};    
		
		//toggleSlide cat3
        if ($("#projectType :selected").val() == "Print"){
        	if( $('#optionBox').is(":visible") ){
  				$('#optionBox').slideToggle(500, function(){
            		$('#contactForm, #contactForm2').hide();
            		$('#contactForm3').show();
            	});
  				$('#optionBox').slideToggle(500);
			}
			if( $('#optionBox').is(":hidden") ){
				$('#contactForm, #contactForm2').hide();
            	$('#contactForm3').show();
  				$('#optionBox').slideToggle(500);
  			}
  			
  			$("#form_fade").fadeOut('slow', function(){
  					$("#form_fade").html('Since its a print project, we could use some help with:');
  			});
  			$("#form_fade").fadeIn('slow');
        };  
        
        //toggleSlide cat0
        if ($("#projectType :selected").val() == 0){
        	if( $('#optionBox').is(":visible") ){
  				$('#optionBox').slideToggle(500, function(){
            	$('#contactForm, #contactForm2, #contactForm3').hide();
            });
            $('#optionBox').slideUp(500);
		}
			if( $('#optionBox').is(":hidden") ){
				$('#contactForm, #contactForm2, #contactForm3').hide();
            	$('#optionBox').slideUp(500);
  			}
  			
  			$("#form_fade").fadeOut('fast', function(){
  					$("#form_fade").html('');
  			});
  			$("#form_fade").fadeIn('slow');
        };  
		
	});
   
   
 
	//fade images in grid
 	$(".latest_img").fadeTo("fast", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$(".latest_img").hover(function(){
		$(this).fadeTo("fast", 0.4); // This should set the opacity to 100% on hover
	},function(){
		$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
	});
	

    
	

});