var IE='\v'=='v';
if(IE) {

$(document).ready(function() { 

 /* click one */

$('.one').click(function(){
	
  $('.box-one').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
  $('.box-one .poz-box-in').animate({
    width: "912px",
	height: '369px'
  }, 850 ); 
  
  $('.box-one .poz-box-in .poz-right').animate({
    width: "912px",
	height: '369px'
  }, 800 ); 
  
  $('.box-one .poz-box-in .poz-left').animate({
    width: "912px",
	height: '369px'
  }, 800 ); 
  
 
  $('.box-two, .box-tree, .box-four').fadeOut('300');
  
  
 $(this).parents('.box-one').find('.hover').removeClass('hover'); 
   
 $(this).css('cursor','default');  
 $('.box-one .box-info').addClass("barcode");  
 $('.barcode').css( 'height', '369px');  
 $('.box-info').css ('padding-right','200px'); 
 
 $("#one-close").show("slow", function () {
    $(".gallery").fadeIn(1500);	
 });
   
 $(this).parents('.box-one').find('.text-box').html("<p>Includes high quality <strong>creative design</strong> of main page and one inside layout.</p><ul><li>3 days turnaround for the first preview</li><li>2 rounds of revisions </li></ul>");
		
 $('.link').hide();
  
});

/* close one */

$('#one-close').click(function(){
	
  $('.box-one').animate({
    width: '437px',
	height: '174px'
  }, 800 );
  
  $('.box-one .poz-box-in').animate({
    width: '437px',
	height: '167px'
  }, 800 , function () {
     $(this).parents('.box-one').find('.poz-box-color').addClass('hover'); 
 });
  
  
   $('.box-one .poz-box-in .poz-right').animate({
    width: "437px",
	height: '167px'
  }, 800 ); 
  
  $('.box-one .poz-box-in .poz-left').animate({
    width: "437px",
	height: '167px'
  }, 800 ); 
  
    $('.box-two, .box-tree, .box-four').delay(500).fadeIn(800);
    $('.box-one').css('height','167px');
   
  $('.box-one').removeClass("bg-full");
  $('.box-click').css('cursor','pointer');  
  $('#one-close').hide();   
  $('.box-one').addClass("one");  
  $(this).parents('.box-one').find('.text-box').html("<p>Includes high quality <strong>creative design</strong> of main page and one inside layout.</p>");  
  $('.gallery').hide();  
  $('.box-info').css ('padding-right','150px');  
  $('.link').show();  
  $('.barcode').css( 'height', '167px');

});


/* click two */

$('#two').click(function(){
	
  $('.box-two').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
  $('.box-two .poz-box-in').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
   $('.box-two .poz-box-in .poz-right').animate({
    width: "912px",
	height: '369px'
  }, 800 ); 
  
  $('.box-two .poz-box-in .poz-left').animate({
    width: "912px",
	height: '369px'
  }, 800 ); 
  
  $('.box-two').addClass("bg-full");
 
    $('.box-one, .box-tree, .box-four').fadeOut('300');
    
  $(this).parents('.box-two').find('.hover').removeClass('hover'); 
  $(this).parents('.box-two').find('.text-box').html("<p>Design and creation of HTML site with up to 10 pages of content.<br />In addition to Web Design package it includes:</p><ul><li>Valid and SEO-optimized HTML-coding</li><li>Compatible with all up-to-date browsers</li></ul><ul><li>Extra pages of content for only $10 per page</li></ul>");
    $('.link').hide();
	
   $('.box-two .box-info').addClass("barcode"); 
    
 $('.barcode').css( 'height', '369px');  
 $('.box-info').css ('padding-right','200px'); 
 $(this).css('cursor','default'); 

 $("#two-close").show("slow", function () {
    $(".gallery").fadeIn(1500);	 
 });
  
 }); 

/* close two */

$('#two-close').click(function(){

  $('.box-two').animate({
    width: "437px",
	height: '167px'
  }, 800, function () {
     $(this).find('.poz-box-color').addClass('hover'); 
 });

  
  $('.box-two .poz-box-in').animate({
    width: "437px",
	height: '167px'
  }, 800 );
  
  
  $('.box-two .poz-box-in .poz-right').animate({
    width: "437px",
	height: '167px'
  }, 800 ); 
  
  $('.box-two .poz-box-in .poz-left').animate({
    width: "437px",
	height: '167px'
  }, 800 );
  
  
  
  $('.box-two').removeClass("bg-full");  
  
  $('#two-close').hide();
  
     
    $('.box-one, .box-tree, .box-four').delay(500).fadeIn(800);
    $('.box-one').css('height','167px');
    

  $(this).parents('.box-two').find('.text-box').html("<p>Design and creation of HTML site with up to 10 pages of content.</p>");  
  $('.box-click').css('cursor','pointer'); 
      
  $('.box-two').removeClass("bg-full");    
   
  $('.gallery').hide();  
  $('.box-info').css ('padding-right','150px');  
  $('.link').show();  
  $('.barcode').css( 'height', '167px');
  
});

/* click tree */

$('#tree').click(function(){
	
  $('.box-tree').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
  $('.box-tree .poz-box-in').animate({
    width: "912px",
	height: '369px'
  }, 850 );
 
   $('.box-tree .poz-box-in .poz-right').animate({
    width: "912px",
	height: '369px'
  }, 800 ); 
  
  $('.box-tree .poz-box-in .poz-left').animate({
    width: "912px",
	height: '369px'
  }, 800 );
  
   
    $('.box-one, .box-two, .box-four').fadeOut('300');
    $('.box-one').css('height','167px');
   
  $(this).parents('.box-tree').find('.text-box').html("<p>Up to 20 pages website with Content Management System (CMS).<br />In addition to Promo Site package it includes:</p><ul><li>management of information pages</li><li>news or blog management</li></ul><ul><li>contact form management</li><li>free support and consultations</li></ul>");
  
  $(this).parents('.box-tree').find('.hover').removeClass('hover');
  
  $(this).css('cursor','default');  
   $('.box-tree').addClass("bg-full");
  
  $('.link').hide();
   $('.box-tree .box-info').addClass("barcode");  
 $('.barcode').css( 'height', '369px');  
 $('.box-info').css ('padding-right','200px'); 
 $("#tree-close").show("slow", function () {
    $(".gallery").fadeIn(1500);	
 });
  
  
 });
 

/* close tree */

$('#tree-close').click(function(){

  $('.box-tree').animate({
    width: "437px",
	height: '167px'
  }, 800 );
  
  $('.box-tree .poz-box-in').animate({
    width: "437px",
	height: '167px'
  }, 800 , function () {
     $(this).parents('.box-tree').find('.poz-box-color').addClass('hover'); 
 });
 
 $('.box-tree .poz-box-in .poz-right').animate({
    width: "437px",
	height: '167px'
  }, 800 ); 
  
  $('.box-tree .poz-box-in .poz-left').animate({
    width: "437px",
	height: '167px'
  }, 800 );
 
  
    $('.box-one, .box-two, .box-four').delay(500).fadeIn(800);
    $('.box-one').css('height','167px');  
  
  $(this).parents('.box-tree').find('.text-box').html("<p>Up to 20 pages website with Content Management System (CMS).</p>");  
  
  $('.box-click').css('cursor','pointer'); 
  $('.box-tree').removeClass("bg-full");  
  
  $('#tree-close').hide();  
    
    $('.box-tree').removeClass("bg-full");    
  $('#tree-close').hide();    
  $('.gallery').hide();  
  $('.box-info').css ('padding-right','150px');  
  $('.link').show();  
  $('.barcode').css( 'height', '167px'); 

});

/* click four */

$('#four').click(function(){

  $('.box-four').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
  $('.box-four .poz-box-in').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
   $('.box-four .poz-box-in .poz-right').animate({
    width: "912px",
	height: '369px'
  }, 800 ); 
  
  $('.box-four .poz-box-in .poz-left').animate({
    width: "912px",
	height: '369px'
  }, 800 );
     
     $('.box-one, .box-two, .box-tree').fadeOut('300');
    $('.box-one').css('height','167px');    
  $('.box-four').addClass("bg-full");
  
 
  
$(this).parents('.box-four').find('.text-box').html("<p>Basic set up of any WordPress, Drupal or Joomla! solution with custom theme. Includes:</p><ul><li>custom design</li><li>W3C valid HTML coding</li></ul><ul><li>set up open <strong>source</strong> on live server</li></ul>");
  
  $(this).parents('.box-four').find('.hover').removeClass('hover');
  $(this).css('cursor','default'); 
  
  $('.link').hide();
   $('.box-four .box-info').addClass("barcode");  
 $('.barcode').css( 'height', '369px');  
 $('.box-info').css ('padding-right','200px'); 
 $("#four-close").show("slow", function () {
    $(".gallery").fadeIn(1500);	
 });
  
  
 });
  
/* close four */

$('#four-close').click(function(){

  $('.box-four').animate({
    width: "437px",
	height: '167px'
  }, 800 );
  
  $('.box-four .poz-box-in').animate({
    width: "437px",
	height: '167px'
  }, 800 , function () {
     $(this).parents('.box-four').find('.poz-box-color').addClass('hover'); 
 });
    
  $('.box-four .poz-box-in .poz-right').animate({
    width: "437px",
	height: '167px'
  }, 800 ); 
  
  $('.box-four .poz-box-in .poz-left').animate({
    width: "437px",
	height: '167px'
  }, 800 );
	
  $('.box-four').removeClass("bg-full");
  
  $('#four-close').hide();  
    
    $('.box-one, .box-two, .box-tree').delay(500).fadeIn(800);
    $('.box-one').css('height','167px');   
  
  $(this).parents('.box-four').find('.text-box').html("<p>Basic set up of any WordPress, Drupal or Joomla! solution with custom theme.</p>"); 
  
  $('.box-click').css('cursor','pointer'); 
  
   $('.box-four').removeClass("bg-full");    
  $('#four-close').hide();    
  $('.gallery').hide();  
  $('.box-info').css ('padding-right','150px');  
  $('.link').show();  
  $('.barcode').css( 'height', '167px'); 

});

});

}


else {
	// !IE
	
	
	
$(document).ready(function() { 

/* click one */

$('.one').click(function(){
	
  $('.box-one').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
  $('.box-one .poz-box-in').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
  $('.box-one .poz-box-in .poz-right').animate({
    width: "912px",
	height: '369px'
  }, 850 ); 
  
   
 $(this).parents('.box-one').find('.hover').removeClass('hover'); 
   
 $(this).css('cursor','default');  
 $('.box-one .box-info').addClass("barcode");  
 $('.barcode').css( 'height', '369px');  
 $('.box-info').css ('padding-right','200px'); 
 
 $("#one-close").show("slow", function () {
    $(".gallery").fadeIn(1500);	
 });
   
 $(this).parents('.box-one').find('.text-box').html("<p>Includes high quality <strong>creative design</strong> of main page and one inside layout.</p><ul><li>3 days turnaround for the first preview</li><li>2 rounds of revisions </li></ul>");
		
 $('.link').hide();
 
  $('.box-two').fadeOut(100);   
  $('.box-tree').fadeOut(100);  
  $('.box-four').fadeOut(100); 
  
});

/* close one */

$('#one-close').click(function(){
	
  $('.box-one').animate({
    width: '437px',
	height: '174px'
  }, 600 );
  
  $('.box-one .poz-box-in').animate({
    width: '437px',
	height: '167px'
  }, 600 , function () {
     $(this).parents('.box-one').find('.poz-box-color').addClass('hover'); 
 });
  
  
   $('.box-one .poz-box-in .poz-right').animate({
    width: "437px",
	height: '167px'
  }, 600 ); 
    
  $('.box-one').removeClass("bg-full");
  $('.box-click').css('cursor','pointer');  
  $('#one-close').hide();   
  $('.box-one').addClass("one");  
  $(this).parents('.box-one').find('.text-box').html("<p>Includes high quality <strong>creative design</strong> of main page and one inside layout.</p>");  
  $('.gallery').hide();  
  $('.box-info').css ('padding-right','150px');  
  $('.link').show();  
  $('.barcode').css( 'height', '167px');
  
  $('.box-two').delay(600).fadeIn(300);
  $('.box-tree').delay(600).fadeIn(300);
  $('.box-four').delay(600).fadeIn(300);

});


/* click two */

$('#two').click(function(){
  
  $('.box-two').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
  $('.box-two .poz-box-in').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
   $('.box-two .poz-box-in .poz-right').animate({
    width: "912px",
	height: '369px'
  }, 850 ); 
  
  $(this).parents('.box-two').find('.hover').removeClass('hover'); 
  $(this).parents('.box-two').find('.text-box').html("<p>Design and creation of HTML site with up to 10 pages of content.<br />In addition to Web Design package it includes:</p><ul><li>Valid and SEO-optimized HTML-coding</li><li>Compatible with all up-to-date browsers</li></ul><ul><li>Extra pages of content for only $10 per page</li></ul>");
    $('.link').hide();
	
   $('.box-two .box-info').addClass("barcode"); 
    
 $('.barcode').css( 'height', '369px');  
 $('.box-info').css ('padding-right','200px'); 
 $(this).css('cursor','default'); 

 $("#two-close").show("slow", function () {
    $(".gallery").fadeIn(1500);	 
 });
   
    $('.box-two').addClass("bg-full");
          
  $('.box-tree').fadeOut(100); 
  $('.box-one').fadeOut(100);     
  $('.box-four').fadeOut(100); 
  
  
 }); 

/* close two */

$('#two-close').click(function(){
  
  $('.box-two').animate({
    width: "437px",
	height: '167px'
  }, 600, function () {
     $(this).find('.poz-box-color').addClass('hover'); 
 });

  
  $('.box-two .poz-box-in').animate({
    width: "437px",
	height: '167px'
  }, 600 );
  
  
  $('.box-two .poz-box-in .poz-right').animate({
    width: "437px",
	height: '167px'
  }, 600 ); 
  
 
  $('.box-two').removeClass("bg-full");  
  
  $('#two-close').hide();        

  $(this).parents('.box-two').find('.text-box').html("<p>Design and creation of HTML site with up to 10 pages of content.</p>");  
  $('.box-click').css('cursor','pointer'); 
      
  $('.box-two').removeClass("bg-full");    
   
  $('.gallery').hide();  
  $('.box-info').css ('padding-right','150px');  
  $('.link').show();  
  $('.barcode').css( 'height', '167px');
  
   $('.box-one').delay(600).fadeIn(300);
  $('.box-tree').delay(600).fadeIn(300);  
  $('.box-four').delay(600).fadeIn(300);
  
});

/* click tree */

$('#tree').click(function(){
   
  $('.box-tree').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
  $('.box-tree .poz-box-in').animate({
    width: "912px",
	height: '369px'
  }, 850 );
 
   $('.box-tree .poz-box-in .poz-right').animate({
    width: "912px",
	height: '369px'
  }, 850 ); 
  
  $(this).parents('.box-tree').find('.text-box').html("<p>Up to 20 pages website with Content Management System (CMS).<br />In addition to Promo Site package it includes:</p><ul><li>management of information pages</li><li>news or blog management</li></ul><ul><li>contact form management</li><li>free support and consultations</li></ul>");
  
  $(this).parents('.box-tree').find('.hover').removeClass('hover');
  
  $(this).css('cursor','default');  
   $('.box-tree').addClass("bg-full");
  
  $('.link').hide();
   $('.box-tree .box-info').addClass("barcode");  
 $('.barcode').css( 'height', '369px');  
 $('.box-info').css ('padding-right','200px'); 
 $("#tree-close").show("slow", function () {
    $(".gallery").fadeIn(1500);	
 });
  
  $('.box-four').fadeOut(100); 
  $('.box-one').fadeOut(100);   
  $('.box-two').fadeOut(100); 
  
 });
 

/* close tree */

$('#tree-close').click(function(){
  
  $('.box-tree').animate({
    width: "437px",
	height: '167px'
  }, 600 );
  
  $('.box-tree .poz-box-in').animate({
    width: "437px",
	height: '167px'
  }, 600 , function () {
     $(this).parents('.box-tree').find('.poz-box-color').addClass('hover'); 
 });
 
 $('.box-tree .poz-box-in .poz-right').animate({
    width: "437px",
	height: '167px'
  }, 600 ); 
  
  $(this).parents('.box-tree').find('.text-box').html("<p>Up to 20 pages website with Content Management System (CMS).</p>");  
  
  $('.box-click').css('cursor','pointer'); 
  $('.box-tree').removeClass("bg-full");  
  
  $('#tree-close').hide();  
    
    $('.box-tree').removeClass("bg-full");    
  $('#tree-close').hide();    
  $('.gallery').hide();  
  $('.box-info').css ('padding-right','150px');  
  $('.link').show();  
  $('.barcode').css( 'height', '167px'); 
	
   $('.box-four').delay(600).fadeIn(300);
   $('.box-one').delay(600).fadeIn(300);  
   $('.box-two').delay(600).fadeIn(300);
	
});

/* click four */

$('#four').click(function(){
 
  $('.box-four').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
  $('.box-four .poz-box-in').animate({
    width: "912px",
	height: '369px'
  }, 850 );
  
   $('.box-four .poz-box-in .poz-right').animate({
    width: "912px",
	height: '369px'
  }, 850 ); 
  
 
  $('.box-four').addClass("bg-full");
  
 
  
   $(this).parents('.box-four').find('.text-box').html("<p>Basic set up of any WordPress, Drupal or Joomla! solution with custom theme. Includes:</p><ul><li>custom design</li><li>W3C valid HTML coding</li></ul><ul><li>set up open <strong>source</strong> on live server</li></ul>");
  
  $(this).parents('.box-four').find('.hover').removeClass('hover');
  $(this).css('cursor','default'); 
  
  $('.link').hide();
   $('.box-four .box-info').addClass("barcode");  
 $('.barcode').css( 'height', '369px');  
 $('.box-info').css ('padding-right','200px'); 
 $("#four-close").show("slow", function () {
    $(".gallery").fadeIn(1500);	
 });
  
  $('.box-tree').fadeOut(100);
  $('.box-one').fadeOut(100); 
  $('.box-two').fadeOut(100); 
    
 });
  
/* close four */

$('#four-close').click(function(){
	
  $('.box-four').animate({
    width: "437px",
	height: '167px'
  }, 600 );
  
  $('.box-four .poz-box-in').animate({
    width: "437px",
	height: '167px'
  }, 600 , function () {
     $(this).parents('.box-four').find('.poz-box-color').addClass('hover'); 
 });
    
  $('.box-four .poz-box-in .poz-right').animate({
    width: "437px",
	height: '167px'
  }, 600 ); 
  
  $('.box-four').removeClass("bg-full");
  
  $('#four-close').hide();  
  
  $(this).parents('.box-four').find('.text-box').html("<p>Basic set up of any WordPress, Drupal or Joomla! solution with custom theme.</p>"); 
  
  $('.box-click').css('cursor','pointer'); 
  
   $('.box-four').removeClass("bg-full");    
  $('#four-close').hide();    
  $('.gallery').hide();  
  $('.box-info').css ('padding-right','150px');  
  $('.link').show();  
  $('.barcode').css( 'height', '167px'); 
  
  $('.box-tree').delay(600).fadeIn(300);
  $('.box-one').delay(600).fadeIn(300);  
  $('.box-two').delay(600).fadeIn(300); 

});

});	
}