Subversion Repositories SmartDukaan

Rev

Rev 5760 | Blame | Compare with Previous | Last modification | View Log | RSS feed

<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.1 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Edit Slide - $action.getNewCurrentSlideDefinitionID()</title>
<link type="text/css" href="/content/jquery/jqueryui/themes/ui-lightness/jquery.ui.all.css" rel="stylesheet" />


#set($slideid = $action.getNewCurrentSlideDefinitionID())

<style>

* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

a.selected {
  background-color:#1F75CC;
  color:white;
  z-index:100;
}

.pop {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  margin-top: 15px;
  position:absolute;
  text-align:left;
  width:394px;
  z-index:50;
  padding: 25px 25px 20px;
}

label {
  display: block;
  margin-bottom: 3px;
  padding-left: 15px;
  text-indent: -15px;
}

.pop p, .pop.div {
  border-bottom: 1px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;
}
</style>

<script type="text/javascript" src="/content/jquery/jquery-1.4.2.js"></script>
<script type="text/javascript" src="/content/jquery/jqueryui/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="/content/jquery/jqueryui/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/content/jquery/jqueryui/ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="/content/jquery/jqueryui/ui/jquery.ui.autocomplete.js"></script>
<script type="text/javascript" src="/content/jquery/jqueryui/ui/jquery.ui.dialog.js"></script>
<script type="text/javascript" src="/content/jquery/validation/jquery.validate.js"></script>

#set ($expslide = "")
#set ($expslideDef = $action.getExpandedSlideDefinition())
#set ($expslide = $action.getExpandedSlide())

<script>

$(document).ready(function() {
    $('.cancelbutton').click(function(e) {
        window.location.href = '/content/entity';
    });
    
    $("#media-dialog").bind('dialogclose', function() {
        location.reload();
    });

#addFeatureEvents($expslideDef)

    $("#editSlideform").validate();
});

$(function() {
//I am here
#addSlideFFCEvents($expslideDef)
//Complte
#populateLearnedAutoCompletes($expslideDef)
//Complete 2
    $('#media-dialog').dialog({
        autoOpen: false,
        show: 'blind',
        hide: 'drop',
        width: 470,
        height: 430
    });
    
    $('.media-opener').click(function() {
                var entityid = $(this).attr('id');
                var slideid_name = $("#slideid").val();
                var token = slideid_name.split("_");
                var slideid = token[1];
        $('#media-dialog-iframe').attr('src', '/content/media?entityID=' + entityid + "&slideID=" + slideid);
        $('#media-dialog').attr('title', 'All Media - ' + entityid);
        $('#media-dialog').dialog('open');
        return false;
    });
});

jQuery.fn.slideFadeToggle = function(easing, callback) {
    return this.animate({ opacity: 'toggle', height: 'toggle' }, "fast", easing, callback);
};

    

</script>
<style>
.field_label {
    font-weight:bold;
}
.feature {
    margin-top:20px;
    margin-bottom:20px;
}
</style>
</head>
<body>

<div>
<form name="f" id="editSlideform" action="/content/entity/$action.getId()" method="post">

#set ( $entity = $action.getEntity() )
<h2>$entity.getBrand() $entity.getModelName() $entity.getModelNumber() ($action.getId())</h2>

<h2>$expslideDef.getLabel() - $action.getEditorialImportance() ($action.getNewCurrentSlideDefinitionID())</h2>

#if ($expslideDef.getDescription())
<span>$expslideDef.getDescription()</span>
#end
<p/>
#showNavigation("1")
<p/>

#showSlide ($expslide, $expslideDef)

<p/>
#showNavigation("2")

</form>
</div>
<div id="media-dialog" title="">
    <iframe src="" id="media-dialog-iframe" width="430px" height="360px">
    </iframe>
</div>




</body>
</html>
    

## MACROS ##
#macro (addSlideFFCEvents $expslideDef)

#set ($slideDefID = $expslideDef.getID())
    $("#slide_${slideDefID}_fft_link").click(function(event) {
        $(this).addClass("selected").parent().append($('#slide_${slideDefID}_fft_controls'));
        $("#slide_${slideDefID}_fft_controls").slideFadeToggle()
        $("#slide_${slideDefID}_fft").focus();
        return false;
    });

    $("#slide_${slideDefID}_image_url_link").click(function(event) {
        $(this).addClass("selected").parent().append($('#slide_${slideDefID}_image_controls'));
        $("#slide_${slideDefID}_image_controls").slideFadeToggle()
        $("#slide_${slideDefID}_image_references").focus();
        return false;
    });

    $("#slide_${slideDefID}_youtube_url_link").click(function(event) {
        $(this).addClass("selected").parent().append($('#slide_${slideDefID}_youtube_controls'));
        $("#slide_${slideDefID}_youtube_controls").slideFadeToggle()
        $("#slide_${slideDefID}_youtube_references").focus();
        return false;
    });

#set ($expChildrenSlideDefs = $expslideDef.getExpandedChildSlideDefinitions()) 
#if($expChildrenSlideDefs)
#foreach($expChildSlideDef in $expChildrenSlideDefs)
    #addSlideFFCEvents($expChildSlideDef.getExpandedSlideDefinition())
#end
#end
#end

#macro (showSlide $expslide $expslideDef)

#set ($slideFFC = "")
#set ($slideDefID = "")
#set ($expSlideFeatureDefs = "")

#if ($expslide) 
#set ($slideFFC = $expslide.getFreeformContent() )
#end
## Slide level FFC
#set ($slideDefID = $expslideDef.getID())
#showFreeformControls ( $slideFFC, "slide_${slideDefID}" )

#set ($expSlideFeatureDefs = $expslideDef.getExpandedSlideFeatureDefinitions())

## Features
#if ($expSlideFeatureDefs)
#foreach ($expSlideFeatureDef in $expSlideFeatureDefs)

#set ($expFeature = "")
#set ($expFeatureDef = "")
#set ($expBulletDef = "")
#set ($featureDefID = "")

#set ($expFeatureDef = $expSlideFeatureDef.getExpandedFeatureDefinition())
#set ($expBulletDef = $expFeatureDef.getExpandedBulletDefinition())
#set ($expFeature = $action.getFeature($expFeatureDef.getID()))
#set ($featureDefID = $expFeatureDef.getID())

<p/>

<div class="feature">
#set ($edImp = "")
#set ($edImp = $expSlideFeatureDef.getEditorialImportance().toString())
#set ($presetskip = "0")

## Slide instance exists but feature instance does not
#if($expslide != "" && $expFeature == "" && ($edImp=="Recommended" || $edImp == "Optional"))
#set ($presetskip = "1")
#end
<span style="font-style:italic;">($edImp)</span>#if($edImp=="Recommended" || $edImp == "Optional")<input type="checkbox" id="${featureDefID}_skip" name="${featureDefID}_skip" #if($presetskip=="1")checked="checked"#end>&nbsp;Skip#end<p/>
<label class="field_label" for="${featureDefID}">#if (!$expFeatureDef.allowsBlank())*#end$expFeatureDef.getLabel():</label>

#showControl ($expFeatureDef, $expBulletDef, $expFeature, $presetskip)&nbsp;
#showUnits ($expFeatureDef.getID(), $expBulletDef, $expFeature )

#set ($featureFFC = $expFeature.getFreeformContent())
## Feature level FFC
#showFreeformControls ( $featureFFC, $expFeatureDef.getID() )
<p/>
<p/>
</div>
#end
#end

#set ($expChilSlideDefs = $expslideDef.getExpandedChildSlideDefinitions())
#if ($expChilSlideDefs)
#foreach($expChildSlideDef in $expChilSlideDefs)
    #set ($expSlideDef = $expChildSlideDef.getExpandedSlideDefinition())
    #set ($expChildSlide = "")
    #set ($expChildSlide = $action.getChildSlide($expChildSlideDef.getId()))
        #set ($edImp = "")
        #set ($edImp = $expChildSlideDef.getEditorialImportance().toString())
        #set ($presetskip = "0")
        #set ($slideDefID = $expSlideDef.getID())

## Slide instance exists but childSlide instance does not
#if($expslide != "" && $expChildSlide == "" && ($edImp=="Recommended" || $edImp == "Optional"))
#set ($presetskip = "1")
#end
<div id="$slideDefID">
<span style="font-style:italic;">($edImp)</span>#if($edImp=="Recommended" || $edImp == "Optional")<input type="checkbox" id="${slideDefID}_skip" name="${slideDefID}_skip" #if($presetskip=="1")checked="checked" #end>&nbsp;Skip#end<p/>
<fieldset>
    <legend><span class="field_label">$expSlideDef.getLabel()</span></legend>
    #showSlide($expChildSlide, $expSlideDef)
</fieldset>
</div>
#end
#end

#end


#macro (populateLearnedAutoCompletes $expslideDef)

#set ($expSlideFeatureDefs = $expslideDef.getExpandedSlideFeatureDefinitions())
#if ($expSlideFeatureDefs)
#foreach ($expSlideFeatureDef in $expSlideFeatureDefs)
#set ($expFeatureDef = $expSlideFeatureDef.getExpandedFeatureDefinition())
#set ($featureDefID = $expFeatureDef.getID())
#set ($expBulletDef = $expFeatureDef.getExpandedBulletDefinition())

#if ($expBulletDef.isLearned() && !$expBulletDef.isMultivalue()) 
    var l$featureDefID = [$action.getLearnedValuesString($featureDefID)]
    $("#$featureDefID").autocomplete({
        source: l$featureDefID
    });

#elseif ($expBulletDef.isLearned() && $expBulletDef.isMultivalue()) 
    var l$featureDefID = [$action.getLearnedValuesString($featureDefID)]
    $("#${featureDefID}_helper").autocomplete({
        source: l$featureDefID
    });
#end

    $("#${featureDefID}_fft_link").click(function(event) {
        $(this).addClass("selected").parent().append($('#${featureDefID}_fft_controls'));
        $("#${featureDefID}_fft_controls").slideFadeToggle()
        $("#${featureDefID}_fft").focus();
        return false;
    });

    $("#${featureDefID}_image_url_link").click(function(event) {
        $(this).addClass("selected").parent().append($('#${featureDefID}_image_controls'));
        $("#${featureDefID}_image_controls").slideFadeToggle()
        $("#${featureDefID}_image_references").focus();
        return false;
    });

    $("#${featureDefID}_youtube_url_link").click(function(event) {
        $(this).addClass("selected").parent().append($('#${featureDefID}_youtube_controls'));
        $("#${featureDefID}_youtube_controls").slideFadeToggle()
        $("#${featureDefID}_youtube_references").focus();
        return false;
    });

#end
#end
//I am here in the last before expanded child
#set ($expChildrenSlideDefs = $expslideDef.getExpandedChildSlideDefinitions())
#if ($expChildrenSlideDefs)
#foreach($expChildSlideDef in $expChildrenSlideDefs)
    #populateLearnedAutoCompletes($expChildSlideDef.getExpandedSlideDefinition())
#end
#end

#end



#macro (addFeatureEvents $expslideDef)

#set ($expSlideFeatureDefs = $expslideDef.getExpandedSlideFeatureDefinitions())

#if ($expSlideFeatureDefs)
#foreach ($expSlideFeatureDef in $expSlideFeatureDefs)
## Add Skip Events
#set ($edImp = "")
#set ($edImp = $expSlideFeatureDef.getEditorialImportance().toString())
#set ($expFeatureDef = $expSlideFeatureDef.getExpandedFeatureDefinition())
#set ($featureDefID = $expFeatureDef.getID())
#if(!$expFeatureDef.allowsBlank() && ($edImp == "Recommended" || $edImp == "Optional"))
    $('#${featureDefID}_skip').change(function(e) {
        //alert($(this).is(':checked'));
        if($(this).is(':checked')) {
            //alert('removing');
            $('#${featureDefID}').removeClass("required");
                        $('#${featureDefID}_1').removeClass("required");
                        $('#${featureDefID}_2').removeClass("required");
        } 
        else {
            //alert('adding');
            $('#${featureDefID}').addClass("required");
                        $('#${featureDefID}_1').removeClass("required");
                        $('#${featureDefID}_2').removeClass("required");

        }
    });
#end

#set ($expBulletDef = $expFeatureDef.getExpandedBulletDefinition())
#if ($expBulletDef.isMultivalue()) 
## Add Multivalue Helper Events
    $('#${featureDefID}_add').click(function(e) {
        //alert($('#${featureDefID}_helper').val());
        $('#${featureDefID}').append('<option selected="selected">' + $('#${featureDefID}_helper').val() + '</option>');
        $('#${featureDefID}_helper').val("");
    });
#end
#end
#end

#set ($expChildrenSlideDefs = $expslideDef.getExpandedChildSlideDefinitions())
#if ($expChildrenSlideDefs)
#foreach($expChildSlideDef in $expChildrenSlideDefs)
        #addChildSlideCheckedEvent($expChildSlideDef)
    #addFeatureEvents($expChildSlideDef.getExpandedSlideDefinition())
#end
#end

#end

#macro ( showNavigation $prefix)
<input type="hidden" id="currentslideDefID" name="currentslideDefID" value="$action.getNewCurrentSlideDefinitionID()"/>
<input type="hidden" id="prevslideDefID" name="prevslideDefID" value="$action.getNewPrevSlideDefinitionID()"/>
<input type="hidden" id="nextslideDefID" name="nextslideDefID" value="$action.getNewNextSlideDefinitionID()"/>

<input type="hidden" name="_method" value="put"/>

<input type="button" class="cancelbutton" name="cancel" value="Cancel"/>
<input type="submit" name="save" value="Save & Exit"/>

#if ($action.getNewPrevSlideDefinitionID() && $action.getNewPrevSlideDefinitionID() != 0)
<input type="submit" name="prev" value="<< Save & Prev"/>

#if ($action.getEditorialImportance() != "Mandatory")
<input type="submit" name="skipprev" value="<< Skip & Prev"/>
#end

#end


#if ($action.getNewNextSlideDefinitionID() && $action.getNewNextSlideDefinitionID() != 0)
#if ($action.getEditorialImportance() != "Mandatory")
<input type="submit" name="skipnext" value="Skip & Next >>"/>
#end

<input type="submit" name="next" value="Save & Next >>"/>
#end

#if($prefix == "1")
<select name="gotoslideDefID">
#set($slideData = $action.getSlides())
#foreach ($data in $slideData) 
    <option value="$data.get(0)">$data.get(1)</option>
#end
</select>
<input type="submit" name="goto" value="Go"/>
#end

#end


#macro ( showUnits, $featureDefID, $expBulletDef, $expFeature )
#set ($unitDefs = $expBulletDef.getUnits())
#if ($unitDefs && $unitDefs != "")
    
#if($expFeature)
#set ($expBullets = $expFeature.getExpandedBullets())
#if($expBullets && $expBullets.size() > 0)
#set ($expBullet = $expBullets.get(0))
#end
#if($expBullet)
#set ($unit = $expBullet.getUnit())
#end
#end

<select name="${featureDefID}_unit" id="${featureDefID}_unit">
#foreach($unitDef in $unitDefs)
    <option #if($unit && ($unit.getID() == $unitDef.getID())) selected="selected" #end value="$unitDef.getID()">$unitDef.getShortForm()</option>
#end
</select>
#set ($unitDefs = "")
#set ($unit = "")
#end
#end

## Show Controls based on datatype
#macro ( showControl $expFeatureDef $expBulletDef $expFeature $presetskip)

#set ($featureDefID = $expFeatureDef.getID())

#if ($expBulletDef.isEnumerated())
    #showEnumerated ($expFeatureDef, $expBulletDef, $expFeature, $presetskip)
#end

#if ($expBulletDef.isComposite())
    #showComposite ($expFeatureDef, $expBulletDef, $expFeature, $presetskip)
#end

#if ($expBulletDef.isPrimitive())

#set ($bulletValue = "")
#set ($datatypeDef = $expBulletDef.getDatatypeDefinition())

#if ($expBulletDef.isMultivalue())
    #showPrimitiveMultivalue ($expFeatureDef, $expBulletDef, $expFeature, $presetskip)
#else

#if ($expFeature != "")
#set ($expBullets = $expFeature.getExpandedBullets())
#if ($expBullets && $expBullets.size() > 0)
#set ($expBullet = $expBullets.get(0))
#if ($expBullet)
#set ($bulletValue = $expBullet.getValue())
#end
#end
    #showPrimitive ($featureDefID, $expFeatureDef, $datatypeDef, $bulletValue, $presetskip)
#else
    #if ($featureDefID == 120132)
        #set ($bulletValue = $action.getTitle())
    #elseif ($featureDefID == 120133)
        #set ($bulletValue = $action.getMetaDescription())
    #end
    #showPrimitive ($featureDefID, $expFeatureDef, $datatypeDef, $bulletValue, $presetskip)
#end

    
#end
#end
#end

#macro (showPrimitiveMultivalue $expFeatureDef $expBulletDef $expFeature $presetskip)

#set ($featureDefID = $expFeatureDef.getID())

#set ($bulletValues = "")
#set ($learnedValues = "")

#set ($bulletValues = $expFeature.getBulletValues())
#set ($learnedValues = $action.getLearnedValues($featureDefID))

<input type="text" name="${featureDefID}_helper" id="${featureDefID}_helper" value="">
<input type="button" name="${featureDefID}_add" id="${featureDefID}_add" value="+">
<br/>

#set ($required = "")
#if ($presetskip == "0" && !$expFeatureDef.allowsBlank())
#set ($required = "required")
#end

<select name="$featureDefID" id="$featureDefID" multiple="multiple" class="$required">
#foreach ($learnedValue in $learnedValues)
    <option #if($bulletValues.contains($learnedValue)) selected="selected" #end>$learnedValue</option>
#end

#foreach ($bulletValue in $bulletValues)
    #if ($bulletValue != "" && !$learnedValues.contains($bulletValue)) 
    <option selected="selected">$bulletValue</option>
    #end
#end
</select>

#end

## Show Enumerated
#macro ( showEnumerated $expFeatureDef $expBulletDef $expFeature $presetskip)

#set ($featureDefID = $expFeatureDef.getID())
#if($expFeature)
#set ($expBullets = $expFeature.getExpandedBullets())
#if($expBullets && $expBullets.size() > 0)
#set ($expBullet = $expBullets.get(0))
#if($expBullet)
#set ($expEnumDataObject = $expBullet.getExpandedEnumDataObject() )

#set ($value = "")
#if($expEnumDataObject)
#set ($value = $expEnumDataObject.getEnumValueID())
#end
#end
#end
#end

#set ($datatypeDef = $expBulletDef.getDatatypeDefinition())
#set ($enumvalues = $datatypeDef.getEnumValues())

#if ($expFeature && $expFeature != "")
#set ($bulletValues = $expFeature.getBulletValues())
#end

#set ($required = "")
#if ($presetskip == "0" && !$expFeatureDef.allowsBlank())
#set ($required = "required")
#end
        
<select name="$featureDefID" id="$featureDefID" #if($expBulletDef.isMultivalue())multiple="multiple"#end class="$required">
#foreach ($enumvalue in $enumvalues)
    <option #if($bulletValues && $bulletValues.contains($enumvalue.getValue()))selected="selected"#end value="$enumvalue.getID()">$enumvalue.getValue()</option>
#end
</select>

#end

## Show Composite type
#macro ( showComposite $expFeatureDef $expBulletDef $expFeature $presetskip)
#set ($value = "")

#set ($featureDefID = $expFeatureDef.getID())

#if ($expFeature && $expFeature != "")
#set ($expBullets = $expFeature.getExpandedBullets())
#if ($expBullets && $expBullets.size() > 0)
#set ($expBullet = $expBullets.get(0))
#end
#end

#if ($expBullet) 
#set ($compDataObject = $expBullet.getDataObject())
#end

#if($compDataObject)
#set ($primitiveDataObjects = $compDataObject.getPrimitiveDataObjects())
#end

#set ($datatypeDef = $expBulletDef.getDatatypeDefinition())
#set ($expCompositePartDefs = $datatypeDef.getExpandedConsitePartDefinitions())

#set ($separator = $datatypeDef.getSeparator()) 
#foreach ($expCompositePartDef in $expCompositePartDefs)
#set ($label = $expCompositePartDef.getLabel())
#set ($datatypeDef = $expCompositePartDef.getDatatypeDefinition())
#set ($fieldID = "${featureDefID}_${velocityCount}")
#set ($value = "")

#if ($primitiveDataObjects) 
#set ($currentIndex = $velocityCount - 1)
#if ($primitiveDataObjects.size() > $currentIndex)
#set ($value = $primitiveDataObjects.get($currentIndex).getValue())
#end
#end
<br/>
<br/>
<label for="$fieldID">$expCompositePartDef.getLabel():</label>
#showPrimitive ($fieldID, $expFeatureDef, $datatypeDef, $value, $presetskip) 
#end

#end

## Show Primitive type
#macro ( showPrimitive $ID $expFeatureDef $datatypeDef $value $presetskip)

#set ($required = "")
#set ($datatypeDefID = "")
#set ($datatype = "")

#if ($presetskip == "0" && !$expFeatureDef.allowsBlank())
#set ($required = "required")
#end

#set ($datatypeDefID = $datatypeDef.getID())

#if ( $datatypeDefID == "70001" )
#set ($datatype = "digits")
#elseif ( $datatypeDefID == "70002" )
#set ($datatype = "number")
#end

## string, integer, decimal
#if($value)
    <input type="text" name="$ID" id="$ID" value="$value" class="$required $datatype">
#else
    <input type="text" name="$ID" id="$ID" value="" class="$required $datatype">
#end

#end

#macro ( showFreeformControls $ffc $ID )

## Weird! 
#set ($ffText = "")
#set ($imageRefs = "")
#set ($youtubeRefs = "")

#if ($ffc != "")
#set ($ffText = $ffc.getFreeformText())
#set ($medias = $ffc.getMedias())
#set ($imageRefs = $ffc.getImageLabels())
#set ($youtubeRefs = $ffc.getYoutubeLabels())
#end

<p/>

<span>
<a href="#" id="${ID}_fft_link">Free-form Text</a>&nbsp;
<div id="${ID}_fft_controls" class="pop">
#if ($ffText != "")
    <textarea name="${ID}_fft" id="${ID}_fft" rows="8" cols="50">$ffText</textarea>
#else
    <textarea name="${ID}_fft" id="${ID}_fft" rows="8" cols="50"></textarea>
#end
</div>
</span>

<span>
<a href="#" id="${ID}_image_url_link">Image(s)</a>&nbsp;
<div id="${ID}_image_controls" class="pop">
<select name="${ID}_image_references" id="${ID}_youtube_references" multiple="multiple">
#if($imageRefs && $imageRefs.size() != 0)
#foreach($imageRef in $imageRefs)
    <option #if($imageRefs.contains($imageRef)) selected="selected" #end>$medias.get($imageRef).getLabel()</option>
#end
#end


</select>&nbsp;
<a href="#" id="$action.getId()" class="media-opener">Add Multi-media</a>
<input type="hidden" id="slideid" value="$ID">
</div>   
</span>


<span>
<a href="#" id="${ID}_youtube_url_link">Youtube Video(s)</a>&nbsp;
<div id="${ID}_youtube_controls" class="pop">
<select name="${ID}_youtube_references" id="${ID}_youtube_references" multiple="multiple">

#if($youtubeRefs && $youtubeRefs.size() != 0)
#foreach($youtubeRef in $youtubeRefs)
    <option #if($youtubeRefs.contains($youtubeRef)) selected="selected" #end>$medias.get($youtubeRef).getLabel()</option>
#end
#end

</select>&nbsp;
</select>&nbsp;
<a href="#" id="$action.getId()" class="media-opener">Add Multi-media</a>
<input type="hidden" id="slideid" value="$ID">
</div>   
</span>

#end

#macro(addChildSlideCheckedEvent $expChildSlideDef)
        ## Add Skip Events
#set ($edImp = "")
#set ($edImp = $expChildSlideDef.getEditorialImportance().toString())
#set ($slideId = $expChildSlideDef.getId())
#if($edImp == "Recommended" || $edImp == "Optional")
    $('#${slideId}_skip').change(function(e) {
        //alert($(this).is(':checked'));
        if($(this).is(':checked')) {
                        //$(this).removeClass('required');
            $('#${slideId}').find('.required').removeClass("required").addClass("notRequired");
        } 
        else {
                        //$(this).addClass('required');
                        $('#${slideId}').find('.notRequired').removeClass("notRequired").addClass("required");
            $('#${slideId}').find('fieldset').find('[id*="skip"]').trigger('change');
        }
    });
    $(document).ready(function(e) {
                var slideId = $('#${slideId}_skip')
        //alert($(slideId).is(':checked'));
        if($(slideId).is(':checked')) {
                        //$(this).removeClass('required');
            $('#${slideId}').find('.required').removeClass("required").addClass("notRequired");
        } 
        else {
                        //$('#${slideId}').addClass('required');
                        $('#${slideId}').find('.notRequired').removeClass("notRequired").addClass("required");
        }
        $('#${slideId}').find('fieldset').find('[id*="skip"]').trigger('change');
    });
        
        
#end
#end