Rev 8865 | Blame | Compare with Previous | Last modification | View Log | RSS feed
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" />#set ($expentity = $action.getEntity())#set ($scores = $action.getScores())#set ($title = "Saholic - ")<title>$title $expentity.getBrand() #if( $expentity.getModelName() ) $expentity.getModelName() #end $expentity.getModelNumber()</title><link rel="stylesheet" href="/content/css/style.css" type="text/css" /><link rel="stylesheet" href="/content/css/common.css" type="text/css" media="all" /><link rel="stylesheet" href="/content/css/nav.css" type="text/css" /><link rel="stylesheet" href="/content/css/product.css" type="text/css" media="all" /><script language="javascript" type="text/javascript" src="/content/js/jquery-1.4.2.js"></script><script language="javascript" type="text/javascript" src="/content/js/jquery-ui.min.js"></script><!-- Product --><script language="javascript" type="text/javascript" src="/content/js/jsapi.js" ></script><script language="javascript" type="text/javascript" src="/content/js/gallery.js"></script><script language="javascript" type="text/javascript" src="/content/js/scrolltab.js"></script><script language="javascript" type="text/javascript" src="/content/js/loopedslider.js"></script><script type="text/javascript" charset="utf-8">/*youtube video init*/google.load("swfobject", "2.1");$(function(){$('#loopedSlider').loopedSlider();});$(document).ready(function() {$("#controls").tabs();});$(document).ready(function() {$(".demo").tabs();});</script><script type="text/javascript">$(document).ready(function() {$(".demo").tabs();});</script><script type="text/javascript">$(document).ready(function() {$(".controls").tabs();});</script></head><body><h1>$expentity.getBrand() $expentity.getModelName() #if ( $expentity.getModelNumber() ) $expentity.getModelNumber() #end#if($scores.get("actual"))<span #if($scores.get("custom")) style="text-decoration:line-through" #end>$scores.get("actual")</span>#if($scores.get("custom")) $scores.get("custom") #end<a href="$request.contextPath/cmp-scores/$action.id">View Slide Scores</a>#end<span>$action.getEntityNoSlashURL()</span></h1>#set( $expslides = $expentity.getExpandedSlides() )#set ($entityid = $expentity.getID())<!-- slide guide --><div id="slideGuideContent"><div class="top"><div class="left"><div class="right"><div class="center"></div></div></div></div><div class="middle"><div class="left"><div class="controls contweak"><!-- slideGuideNav --><div id="slideGuideNav"><ul id="sideNav">#foreach( $expslide in $expslides )#if($expslide.getSlideDefinitionID() == 130054)#set($expfeatures = $expslide.getExpandedFeatures())#foreach($expfeature in $expfeatures)#if($expfeature.getFeatureDefinitionID() == 120085)#set($expbullet = $expfeature.getExpandedBullets().get(0))#set($skinheight = $expbullet.getDataObject().getPrimitiveDataObjects().get(0).getValue())#set($skinwidth = $expbullet.getDataObject().getPrimitiveDataObjects().get(1).getValue())#end#if($expfeature.getFeatureDefinitionID() == 120088)#foreach($expbullet in $expbullets)#set($expbullets = $expfeature.getExpandedBullets())#set($videotype = $expbullet.displayText())#end#end#if($expfeature.getFeatureDefinitionID() == 120086)#set($expbullet = $expfeature.getExpandedBullets().get(0))#set($screentopcornerx = $expbullet.getDataObject().getPrimitiveDataObjects().get(0).getValue())#set($screentopcornery = $expbullet.getDataObject().getPrimitiveDataObjects().get(1).getValue())#end#if($expfeature.getFeatureDefinitionID() == 120087)#set($expbullet = $expfeature.getExpandedBullets().get(0))#set($screenheight = $expbullet.getDataObject().getPrimitiveDataObjects().get(0).getValue())#set($screenwidth = $expbullet.getDataObject().getPrimitiveDataObjects().get(1).getValue())#end#end#end<li><a href="#vtab-$velocityCount" class="vt"><span>$expslide.getSlideDefinition().getLabel()#if ($scores.get($expslide.getSlideDefinition().getID()))<b>$scores.get($expslide.getSlideDefinition().getID())</b> #end</span></a></li>#end</ul></div><!-- /slideGuideNav --><script language="JavaScript"><!--#foreach ( $expslide in $expslides )#if($expslide.getFreeformContent().getYoutubeLabels())#set( $media = $expslide.getFreeformContent().getMedias())#set( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())#set( $slideId = $velocityCount)#if($videoRefs.size() != 0)#set( $videoLabel = $videoRefs.get(0) )#set( $video = $media.get($videoLabel) )#set( $youtubeId = $video.getYoutubeId())var currentVideoId$slideId = "$youtubeId";#end#end#endfunction onYouTubePlayerReady(playerId) {#foreach ( $expslide in $expslides )#if($expslide.getFreeformContent().getYoutubeLabels())#set( $media = $expslide.getFreeformContent().getMedias())#set( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())#set( $slideId = $velocityCount)#if($videoRefs.size() != 0)#set( $videoLabel = $videoRefs.get(0) )#set( $video = $media.get($videoLabel) )#set( $youtubeId = $video.getYoutubeId())#if($youtubeId)if(playerId == "player$slideId") {ytplayer = document.getElementById("ytPlayer$slideId");ytplayer.addEventListener("onStateChange", "onPlayerStateChange$slideId");ytplayer.cueVideoById(currentVideoId$slideId);//`ytplayer.cueVideoById("$youtubeId");}#end#end#end#end}#foreach( $expslide in $expslides )#if($expslide.getFreeformContent().getYoutubeLabels())#set( $media = $expslide.getFreeformContent().getMedias())#set( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())#set( $slideId = $velocityCount)#if($videoRefs.size() != 0)#set( $videoLabel = $videoRefs.get(0) )#set( $video = $media.get($videoLabel) )#set( $youtubeId = $video.getYoutubeId())function onPlayerStateChange$slideId(newState) {if(newState==0){ytplayer = document.getElementById("ytPlayer$slideId");ytplayer.cueVideoById(currentVideoId$slideId);}}#end#end#end--></script><!-- slideGuideProduct --><div id="slideGuideProduct">#foreach( $expslide in $expslides )#if($expslide.getFreeformContent().getImageLabels())#set( $imageRefs = $expslide.getFreeformContent().getImageLabels())#if( $imageRefs && $imageRefs.size() !=0 )#set($isImage = 1)#else#set($isImage = 0)#end#else#set($isImage = 0)#end#if($expslide.getFreeformContent().getYoutubeLabels())#set ( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())#if( $videoRefs && $videoRefs.size() !=0 )#set($isVideo = 1)#else#set($isVideo = 0)#end#else#set($isVideo = 0)#end#set($default = 0)#if($isImage == 0)#if($isVideo == 0)#set($default = 1)#end#end#set($slideno = $velocityCount)<div class="teaser" id="vtab-$velocityCount"><h1>$expentity.getBrand() <span>$expentity.getModelName() $expentity.getModelNumber()</span></h1><div class="demo"><div id="vtab-media-$velocityCount"><ul>#if($isImage == 1)<li><a href="#vtab-media-img-$velocityCount">Images</a></li>#end#if($isVideo == 1)<li><a href="#vtab-media-vid-$velocityCount">Video</a></li>#end#if($default == 1)<li><a href="#vtab-media-img-$velocityCount">Images</a></li>#end</ul>#if($default == 1)<div id="vtab-media-img-$velocityCount"><script language="JavaScript"><!--var NumberOfImages_$velocityCount = 1;var img_$velocityCount = new Array(NumberOfImages_$velocityCount)#set($count=0)img_$velocityCount[$count] = "../../db/media/${entityid}/default.jpg"#set($firstImageRef="../../db/media/${entityid}/default.jpg")var imgNumber$velocityCount = 0;//--></script><div class="container"><div class="slides"><div><img src="$firstImageRef" name="Image$velocityCount"></div></div></div></div>#end#if($isImage == 1)<div id="vtab-media-img-$velocityCount"><!-- slide show start --><!-- Script required for slideshow start --><script language="JavaScript"><!--#set( $imageRefs = $expslide.getFreeformContent().getImageLabels())var NumberOfImages_$velocityCount = $imageRefs.size();var img_$velocityCount = new Array(NumberOfImages_$velocityCount);var title_$velocityCount = new Array(NumberOfImages_$velocityCount);#set( $media = $expslide.getFreeformContent().getMedias())#set($count=0)#foreach( $imageLabel in $imageRefs )#set( $image = $media.get($imageLabel) )#set($imageName = $image.getFileName())#set($imageTitle = $image.getTitle())img_$slideno[$count] = "../../db/media/${entityid}/$imageName";title_$slideno[$count] = "$imageTitle";#set($count = $count + 1)#if($velocityCount == 1)#set($firstImageRef="../../db/media/${entityid}/$imageName")#set($firstImageTitle="$imageTitle")#end#endvar imgNumber$velocityCount = 0;//--></script><!-- Script required for slideshow end --><div class="container"><!-- image label scroll start --><div class="slider-content"><div class="slider"><button style="display: inline; visibility: hidden;" class="prev"><<</button><button style="display: inline; visibility: visible;" class="next">>></button><div class="sliderScroll"><ul style="margin-left: 0px;">#foreach( $imageLabel in $imageRefs )#set($localcount = $velocityCount - 1)#if($localcount != 0)<span style="color: rgb(102, 102, 102);">|</span>#end<li onclick="javascript:goToImg('Image$slideno','$localcount',img_$slideno,title_$slideno,'vtab-$slideno')">$media.get($imageLabel).getLabel()</li>#end</ul></div></div></div><!-- image label scroll end --><div class="slides"><div><span></span><img src="$firstImageRef" id="Image$velocityCount"></div><div class="modelName">$firstImageTitle</div></div></div><!-- slide show end --></div>#end#if($isVideo == 1)<div id="vtab-media-vid-$velocityCount"><script language="JavaScript"><!--#set( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())var NumberOfVideos_$velocityCount = $videoRefs.size();var video_title_$velocityCount = new Array(NumberOfVideos_$velocityCount);#set( $media = $expslide.getFreeformContent().getMedias())#set($count=0)#foreach( $videoLabel in $videoRefs )#set( $video = $media.get($videoLabel) )#set($videoTitle = $video.getTitle())#set( $youtubeId = $video.getYoutubeId())video_title_$slideno[$count] = "$videoTitle";#set($count = $count + 1)#if($velocityCount == 1)#set($firstVideoTitle="$videoTitle")#set($firstVideoId="$youtubeId")#end#endvar vidNumber$velocityCount = 0;//--></script>#set( $media = $expslide.getFreeformContent().getMedias())<div class="container"><div class="slider-content"><div class="slider"><button style="display: inline; visibility: hidden;" class="prev">«</button><button style="display: inline; visibility: visible;" class="next">»</button><div class=""><ul style="margin-left: 0px;">#set($firstVideoInitCode = "")#foreach( $videoLabel in $videoRefs )#set( $video = $media.get($videoLabel) )#set( $youtubeId = $video.getYoutubeId())#set($localcount = $velocityCount - 1)#if($localcount != 0)<span style="color: rgb(102, 102, 102);">|</span>#end#set($videotype = $video.getType())#if($videotype == "VIDEO_WITH_SKIN")#set($videoHeight = $skinheight)#set($videoWidth = $skinwidth)#else#set($videoHeight = $screenheight)#set($videoWidth = $screenwidth)#end#if($firstVideoInitCode == "")#set($firstVideoInitCode = "goToVid('ytPlayer$slideno', '$youtubeId', '$localcount', video_title_$slideno, 'vtab-$slideno', '$videotype', '$videoHeight', '$videoWidth', '$screentopcornerx', '$screentopcornery')")#end<li onclick="javascript:goToVid('ytPlayer$slideno', '$youtubeId', '$localcount', video_title_$slideno, 'vtab-$slideno', '$videotype', '$videoHeight', '$videoWidth', '$screentopcornerx', '$screentopcornery')">$media.get($videoLabel).getLabel()</li>#end</ul></div></div></div><script type="text/javascript">$(function(){$firstVideoInitCode;});</script><div class="slides"><span style="height:${skinheight}px; background:url(../../db/media/${entityid}/skin.jpg) no-repeat; width:${skinwidth}px; float:left;" ><span id="vedioContainer$velocityCount" style="height:${screenheight}px; width:${screenwidth}px; margin:${screentopcornery}px 0px 0px ${screentopcornerx}px; float:left;"><div id="videoDiv$velocityCount"></div></span></span><div class="modelName">$firstVideoTitle</div></div></div></div>#end</div></div><script type="text/javascript">$(function() {$("#vtab-media-$velocityCount").tabs();});</script><!-- demo end --><div class="desc"><h4>$expslide.getSlideDefinition().getLabel()</h4><ul>#if ( $expslide.getExpandedFeatures() )#set ( $expfeatures = $expslide.getExpandedFeatures() )#foreach( $expfeature in $expfeatures )<li class="mainFeature">$expfeature.getFeatureDefinition().getLabel()</li>#if ( $expfeature.getExpandedBullets() )#set ( $expbullets = $expfeature.getExpandedBullets() )#foreach ( $expbullet in $expbullets)<li class="mainFeatureValue">$expbullet.displayText()</li>#if ( $expbullet.getFreeformContent() )#if($expbullet.getFreeformContent().getFreeformText())<li class="mainFeaturePunchline">$expbullet.getFreeformContent().getFreeformText()</li>#end#end#end#end#if ( $expfeature.getFreeformContent() )#if($expfeature.getFreeformContent().getFreeformText())<!-- <li class="mainFeaturePunchline">$expfeature.getFreeformContent().getFreeformText()</li> -->#set($lines = $expfeature.getFreeformContent().getFreeformText())#set($lines = $lines.replaceAll("<?li>|<?ul>|<?br>|<?b>|<?p>",""))#foreach($line in $lines.split("\n"))<li class="mainFeaturePunchline">$line</li>#end#end#end#end#end#if ( $expslide.getExpandedChildrenSlides() )#set ( $expchildren = $expslide.getExpandedChildrenSlides() )#foreach( $expchild in $expchildren )#showchildslide ( $expchild 1)#end#end#if ( $expslide.getFreeformContent() )#if($expslide.getSlideDefinitionID() != 130001)#if($expslide.getFreeformContent().getFreeformText())<!-- <li class="mainPunchline spacing">$expslide.getFreeformContent().getFreeformText()</li> -->#set($lines = $expslide.getFreeformContent().getFreeformText())#set($lines = $lines.replaceAll("<?li>|<?ul>|<?br>|<?b>|<?p>",""))#foreach($line in $lines.split("\n"))#if($velocityCount == 1)<li class="mainPunchline spacing">$line</li>#else<li class="mainPunchline">$line</li>#end#end#end#else<li class="introduction">$expslide.getFreeformContent().getFreeformText()</li>#end#end</ul></div><div class="clearBoth"></div></div>#end</div><!-- /slideGuideProduct --><div class="clearBoth"></div></div></div></div><div class="bottom"><div class="left"><div class="right"><div class="center"> </div></div></div></div></div></body></html>## MACROS ###macro ( showchildslide $expslide $level)#if($level == 1)<li class="mainFeature">$expslide.getSlideDefinition().getLabel()</li>#else<li class="subFeature">$expslide.getSlideDefinition().getLabel()</li>#end#if ( $expslide.getExpandedFeatures() )#set ( $expfeatures = $expslide.getExpandedFeatures() )#foreach( $expfeature in $expfeatures )#if($level == 1)<li class="subFeature">$expfeature.getFeatureDefinition().getLabel()</li>#else<li class="subsubFeature">$expfeature.getFeatureDefinition().getLabel()</li>#end#if ( $expfeature.getExpandedBullets() )#set ( $expbullets = $expfeature.getExpandedBullets() )#foreach ( $expbullet in $expbullets )#if($level == 1)<li class="subFeatureValue"> $expbullet.displayText()</li>#else<li class="subsubFeatureValue"> $expbullet.displayText()</li>#end#if ( $expbullet.getFreeformContent() )<li class="subFeaturePunchline"> $expbullet.getFreeformContent().getFreeformText()</li>#end#end#end#if ( $expfeature.getFreeformContent() )#if($expfeature.getFreeformContent().getFreeformText())#set($lines = $expfeature.getFreeformContent().getFreeformText())#set($lines = $lines.replaceAll("<?li>|<?ul>|<?br>|<?b>|<?p>",""))#foreach($line in $lines.split("\n"))#if($level == 1)<li class="subFeaturePunchline">$line</li>#else<li class="subsubFeaturePunchline">$line</li>#end#end#end<!-- <li class="subFeaturePunchline"> $expfeature.getFreeformContent().getFreeformText()</li> -->#end#end#end#if ( $expslide.getExpandedChildrenSlides() )#set ( $expchildren = $expslide.getExpandedChildrenSlides() )#foreach( $expchild in $expchildren )#showchildslide ( $expchild 2)#end#end#if ( $expslide.getFreeformContent() )#if($expslide.getFreeformContent().getFreeformText())#set($lines = $expslide.getFreeformContent().getFreeformText())#set($lines = $lines.replaceAll("<?li>|<?ul>|<?br>|<?b>|<?p>",""))#foreach($line in $lines.split("\n"))#if($level == 1)#if($velocityCount == 1)<li class="mainFeaturePunchline subspacing">$line</li>#else<li class="mainFeaturePunchline">$line</li>#end#else#if($velocityCount == 1)<li class="subFeaturePunchline subspacing">$line</li>#else<li class="subFeaturePunchline">$line</li>#end#end#end#end<!-- <li class="subfeaturePunchline"> $expslide.getFreeformContent().getFreeformText()</li> -->#end#end