// JavaScript Document
$(document).ready(
				function(){
				
				
		  
        $.get('app.xml', function(d){
       
        $('.slika').append('<ul id="portfolio" />');

        $(d).find('picture').each(function(){

            var $picture = $(this); 
			   var title = $picture.attr("title"); 
     
            var imageurl = $picture.attr('imageurl');

            var html = '<li class="pic"> <img   src="' + imageurl + '" alt="' + title + '"/> </li>';

            $('ul#portfolio').append($(html));
            
            $('.loadingPic').fadeOut(1400);
			
        });
		$('ul#portfolio').innerfade({
						speed: 1000,
						timeout: 3000,
						type: 'sequence',
						containerheight: '220px'
					});
    });

					$(".fancy").fancybox();
				
					$(".main").corner("tr tl 7px");
					$(".slika").corner("7px");
					$("#gallery").corner("10px");
					
					
					
					
					
							
				
					
                    $(".upit").click(function(){ 
						$("#contactform").css({height: "812px"})
						                 .slideDown(2000);
	                   $(".opis").slideUp(1000);
					   $(".upit").fadeOut(200);
					   $(".odustani").fadeIn(1000); 
					    $("#message").fadeIn(100);           	  
        
                    });
					
					 $(".odustani").click(function(){ 
						$("#contactform").css({height: "1px"})
						.slideUp(2000);
					 $(this).hide();
	                   $(".opis").slideDown(1000);
					   $(".upit").fadeIn(1000);
					    $("#message").fadeOut(100);             	  
                    });
					 
					 $(".submit").click(function(){ 
						$(".odustani").hide();          
                    });
                   

			});