<?php
    $GLOBALS['img']='support';
    get_header();
    the_post();
?>
 
<?php if(of_get_option('show_support')){?>
 
<div class="container top">

    <?php 
        if(of_get_option('show_support_plan')){
        for($i=1; $i<=of_get_option('support_plans_num'); $i++){
        if($i==1){echo '<div class="row-fluid">';}
    ?>
	  
    <div class="span3">
	  
        <!-- support contact -->
		
        <div class="support_contact">
        
            <div class="head_support">
          
                <div class="support_title">                               
            
                    <h1 <?php echo colors('h1');?> ><?php echo of_get_option('support_plans_title'.$i);?></h1>
              
                    <span <?php echo colors('h1s');?> ><?php echo of_get_option('support_plans_detail_title'.$i);?>: <?php echo of_get_option('support_plans_detail_subtitle'.$i);?></span>
              
                </div>                      
            
            </div>
          
            <!-- support Section  -->
          
            <div class="support_section">
          
                <h5 <?php echo colors('h5');?> ><?php echo of_get_option('support_plans_numbers_title'.$i);?></h5> 
            
                <?php for($j=1; $j<=of_get_option('support_plans_numbers_num'.$i); $j++){?>
            
                <span <?php echo colors('h1s');?> ><?php echo of_get_option('support_plans_row_notice_title'.$i.$j);?></span> 
            
                <p <?php echo colors('p');?> ><a <?php echo colors('a');?>  href="<?php echo of_get_option('support_plans_row_notice_link'.$i.$j);?>"><?php echo of_get_option('support_plans_row_notice'.$i.$j);?></a></p>
            
                <?php }?>        
            
                <ul>
            
                    <?php for($j=1; $j<=of_get_option('support_plans_other_num'.$i); $j++){?>
            
                    <li><?php echo of_get_option('support_plans_other_title'.$i.$j);?></li>
              
                    <?php }?>
            
                </ul>
            
                <?php if(of_get_option('show_support_plans_more'.$i)){?>
            
                <span <?php echo colors('h1s');?> ><?php echo of_get_option('support_plans_more_title'.$i);?></span> 
            
                <p <?php echo colors('p');?> ><?php echo of_get_option('support_plans_more_desc'.$i);?></p>
            
                <?php }?>
            
            </div>  
          
        </div>
        
    </div>
      
    <?php 
        if($i%4==0){ 
            echo '</div>';
            if($i+1<=of_get_option('support_plans_num')){
                echo '<div class="row-fluid top">';
            }
            }elseif($i==of_get_option('support_plans_num')){
                echo '</div>';
            }
        }
    ?>
	
    <?php 
	    if(of_get_option('show_support_but')){
        $img_float = '<div class="image_support" style="background-image: url('.of_get_option('support_but_img').');"></div>';
    ?>
	
    <div class="about top" <?php echo colors('std');?>>
    
        <div class="row-fluid">
      
            <?php 
                $img_float = '<img src="'.of_get_option('support_but_img').'" alt="">'; 
                if(of_get_option('support_but_img_pos')=='1'){echo $img_float;}
            ?>
      
            <div class="span8" style="<?php if(of_get_option('support_but_img_pos')=='1'){echo 'float:right;';}else{echo 'float:left;';}?>"> 
        
                <h3 <?php echo colors('h3');?> ><?php echo of_get_option('support_but_title');?></h3>
          
                <p <?php echo colors('p');?> ><?php echo of_get_option('support_but_desc');?></p>
          
            </div>

            <?php if(of_get_option('support_but_img_pos')=='2'){echo $img_float;}?>
        
        </div>
       
    </div>
	
    <?php }?>
	
    </div>
	
</div>
	
<?php }} ?>
	
<?php get_footer(); ?>