Two friends were walking down the road. One friend stepped ahead, and the next said. Walk slowly i cannot catch up. First one replied walk fast.

I think the entire google book thing similar. Publishers not being able to walk fast.

aux:ImageNumber

Its the number of actuation.

After a little bit of research i found out excellent tools like CutyCapt and IECapt are already there in sf.net. The effect of flip are very cheap in market, jQuery based gallery application being the first chice; see galleria and galleriffic.

Implementation
A dirty script to generate the image generator and gallery. It reads bookmark.txt to grab urls and generate the script to scrub the image using cutycapt.exe.
It as well generates a list of anchors at the top of the template page.

public class FastFlip {
    public static void main(String[] args) throws Exception {
        int siteNumber = 0;

        BufferedReader reader = new BufferedReader(new FileReader("bookmark.txt"));
        String str;

        String html = "";
        String batch = "";

        while ((str = reader.readLine()) != null) {
            html += "<li> <a href="%5C%22javascript:fire%28%22+" sitenumber="" ,="" str="" +="" );\=""> <img src="%5C%22sites/icon.gif%5C%22" title="\&quot;&quot;" str="" +="" \=""></a></li>";
            batch += "CutyCapt.exe --url=" + str + " --out=sites/" + siteNumber + ".png\r\n";
            siteNumber++;
        }

        PrintStream batFile = new PrintStream("scrub.bat");
        batFile.print(batch);
        batFile.close();

        BufferedReader tempReader = new BufferedReader(new FileReader("template.html"));
        PrintStream out = new PrintStream("index.html");

        while ((str = tempReader.readLine()) != null) {
            if (str.indexOf("INSERT_LI_HERE") != -1) {
                out.println(html);
            } else {
                out.println(str);
            }
        }

        out.close();
        tempReader.close();

    }
}

template.html

<style type="text/css">
#header{
	width:900px;
	border:1px #c0c0c0 solid;
	height:128px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}

#thumbs {
	display:block;
	text-align:left;
	padding:0;
	margin:0;
}

#thumbs li{
	display: inline-block;
	float:left;
	width:32px;
	height:32px;
	border:1px #c0c0c0 dashed;
	padding:0;
	margin:0;
}
#thumbs li a img{
	border:0;
}

#content{
	width:1200px;
	border:1px #c0c0c0 solid;

	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	margin-top:10px;
	text-align:center;
}

#content a img{
	border:0;
}

</style>
<!-- YOU CANNOT GET SIMPLER THAN THIS -->
<script language="javascript">
	function fire(a){
		document.getElementById('content').innerHTML = '<a href = "javascript:fire(' + (a+1) + ')"><img src="sites/' + a + '.png"></a>';
	}

</script>

<div id="header">
	<ul id="thumbs">
		INSERT_LI_HERE
	</ul>
</div>
<div id="content">

</div>

Finally created a small batch utility that is fired every 30 minutes using windows Task Scheduler.

cd C:\Users\Anil\Desktop\archives\home
java FastFlip
scrub.bat

Step 1. Create the area to replace i created this image using photoshop,

Here is the complete code,

import java.awt.image.BufferedImage;
import java.io.File;
import java.io.FilenameFilter;
import javax.imageio.IIOImage;
import javax.imageio.ImageIO;
import javax.imageio.ImageWriteParam;
import javax.imageio.stream.FileImageOutputStream;
import com.sun.imageio.plugins.jpeg.JPEGImageWriter;

public class Main {
    public static void main(String[] args) throws Exception {
        new Main().execute();
    }

    private void execute() throws Exception {
        init();

        new File("c:\\src\\").list(new FilenameFilter() {

            @Override
            public boolean accept(File dir, String name) {
                filter(new File("c:\\src\\" + name), new File("c:\\src\\removed\\" + name));
                return false;
            }
        });
    }

    public void filter(File src, File dest) {
        try {
            BufferedImage img = ImageIO.read(src);

            int[] rgbArray = new int[420 * 420];
            img.getRGB(0, 0, 420, 420, rgbArray, 0, 420);

            BufferedImage finalImage = new BufferedImage(420, 420, BufferedImage.TYPE_INT_RGB);

            for (int i = 0; i < rgbArray.length; i++) {

                if (findProximity(rgbArray[i], watermarkPx[i])) {
                    rgbArray[i] = 0xffffff;
                }

            }

            finalImage.setRGB(0, 0, 420, 420, rgbArray, 0, 420);

            JPEGImageWriter writer = (JPEGImageWriter) ImageIO.getImageWritersByFormatName("jpeg").next();
            ImageWriteParam iwp = writer.getDefaultWriteParam();
            iwp.setCompressionMode(ImageWriteParam.MODE_EXPLICIT);
            iwp.setCompressionQuality(1);

            FileImageOutputStream output = new FileImageOutputStream(dest);
            writer.setOutput(output);
            IIOImage iimage = new IIOImage(finalImage, null, null);

            writer.write(null, iimage, iwp);
            writer.reset();
        } catch (Exception e) {
            // TODO: handle exception
        }

    }

    private boolean findProximity(int rgb1, int rgb2) {
        int r1 = (rgb1 >> 16 ) &     0xff;
        int g1 = (rgb1 >> 8 ) &     0xff;
        int b1 = (rgb1) &      0xff;

        int r2 = (rgb2 >> 16 )    &    0xff;
        int g2 = (rgb2 >> 8 )    &    0xff;
        int b2 = (rgb2 ) &     0xff;

        int r = Math.abs(r1 - r2);
        int g = Math.abs(g1 - g2);
        int b = Math.abs(b1 - b2);

        int k = 20;
        return (r < k) && (b < k) && (g < k);

    }

    private int[] watermarkPx = new int[420 * 420];

    private void init() throws Exception {
        BufferedImage watermark = ImageIO.read(new File("green-alfa.jpg"));
        watermark.getRGB(0, 0, 420, 420, watermarkPx, 0, 420);
    }

}

Here is the result,

I am using weight X rate for shipping calculation, so don’t need to introduce any other fields.

product.tpl

/** UNDERNEATH THE PRICE **/
<span class="old_price">Shipping (48 States) : ${$product->weight}</span>

• amiir-e-shah’r : powerful people of the city
• mansab : exalted position
• ohde : position of influence
• tadbiir : efforts
• taasiir : effect
• sitam-rasiidaa : persecuted
• aaseb : ghost
• sang-baarii : barrage of stones
• ilzaam : accusation
• fizuul : useless
• navaazish : generosity
• qubuul : acceptable
• muntazir : waiting
• amiir-e-shah’r : powerful people of the city
• mansab : exalted position
• ohde : position of influence
• tadbiir : efforts
• taasiir : effect
• sitam-rasiidaa : persecuted
• aaseb : ghost
• sang-baarii : barrage of stones
• ilzaam : accusation
• fizuul : useless
• navaazish : generosity
• qubuul : acceptable
• muntazir : waiting
• mehr’baaN : generous
• maGfirat : pardon, forgiveness
• tabsiraa : criticism
• tark-e-talluq : breaking off
• shajar : tree
• aib : vice
• hunar : skill
• Thelaa : wooden cart
• intisaab : attribution
• dayaar-e-shab : house of night
• siyaah : black
• sultanat : empire
• aaftaab : light
• saadaa : sincere
• paziiraa’ii : to receive
• KhizaaN : autumn
• aashob : tumult
• nazar : vision
• chaman-aaraa’ii : view the garden
• gul-rang : flower-like
• kaduurat : strife
• adaavat : animosity
• darmiyaaN : midst
• qahqahe : laughter
• zamiir-e-asr : conscience of the times
• suKhan-saraa : to speak
• sadaaqat : truth
• ahl-e-junuuN : revolutionaries
• halqaa-e-rasan : in the gallows
• parastaarii : worship
• qaid-e-qafas : confinement of the prison
• aarizaa : compensate
• rasaa’ii : access
• safiinaa : boat
• tabassum : smile
• talaafii-e-sitam : reparation of cruelty
• baa-vafaa’ii : fidelity
• jafaa-dost : unfaithful friend
• harf-e-taazaa : fresh words
• baab : chapter
• baare-digar : once again
• aashnaa : known
• shaaKh-e-yaasmiin : branch of jasmine
• KhizaaN-asar : autumn afflicted
• zehaanat : intellect
• paikar : figure
• taabiir : interpretation
• jazba-e-duruuN
• masnad-e-Khvaab : throne for the dreams
• naa-muraadaanaa : unfulfilled
• saKhii : generous person
• hashr : day of judgment
• qirdaar : character
• fiite : measuring string
• farmaan : edict
• jabr-e-vaqt : tyranny of the times
• nashtar-lahjoN : incisive comments
• taraqqii-pasandiyaaN : progressive thoughts
• ziine : stairs
• sehraa : desert
• vaabastaa : attached
• maraasim : relationship
• shikvaa-e-zulmat-e-shab : lamenting about the darkness of the night
• tajdiid : renewal
• imkaaN : possibility
• jaanaaN : beloved
• paimaaN : promise
• ataa : given by
• basar : to live
• ehasaaN : favour
• fankaar : artist
• tahayyur : astonishment
• husn-e-yazdaaN : beauty of God
• husn-e-butaaN : beauty of idols
• Khuddaam : attendant
• qadiim : old
• sukuut-e-shab : silence of night
• baam : terrace
• aamad-e-dost : arrival of friend
• naviid : good news
• shiddat-e-tishnagii : intensity of thirst
• Ghairat : pride
• maikashii : drinking
• rabt : closeness
• chashm-e-naazuk : delicate eyes
• gaahak : customer
• falak : vault of heaven
• Ghuruub : ebb
• gardish : time
• istiyaare : hope
• aaGhaaz : beginning
• parvaaz : flight
• sitam-aaraa’ii : sufferings
• karam-farmaa’ii : favors
• kalaam-ullah : words of Allah i.e. The Quran
• biinaa’ii : eye-sight
• sar-bulandii :high point
• zavaal : decline
• Ghubaar-e-tiirgi : dust of darkness
• halqaa : circle
• Kharaabaa : ruins
• varaq : page
• valii : master
• tuhmateN : blemishes
• gird : around
• hisaar : fence, fort
• saanihaa : accidents, raabitaa : contact
• KhizaaN : autumn
• be-samar : fruitless
• hayaat : life
• qaaynaat : Universe
• mojezaa : miracle
• sang : stone
• Khud ba Khud : by oneself
• be-saaKhtaa : spontaneously
• shab-e-Gham : night of suffering
• viiraaN : lonley
• maikadaa : tavern
• Khum-o-saaGhar : wine pitcher and glass
• shauq : desire
• intehaa : apex
• qadam : step
• manzil : destination
• raastaa : way
• Daar : abode
• ban : forest
• hiran : deer
• kastuurii : musk-deer
• rustgaarii : ??
• zanjiir : shackles
• bhaarii : heavy
• aas : hope
• ham-dardii : compassion
• Gham-gusaarii : sympathize
• vafaa : loyalty
• daastaaN : story
• ba-tarz-e-dilbarii : in a captivating style
• ba-rang-e-aashiquii : in the color of love
• nigaar : adornment
• shauq : desire
• taabandagii : brightness
• tasavvur : imagination
• raushnii : light
• basar : spent
• Khairaat : chairty
• sadqaa : alms
• sahar : dawn
• saaNs : breathes
• aastiiN : sleeve
• afsaane : fiction, stories
• ajnabii : strangers
• qaafilaa : caravan
• viiraane : ruins
• daur : era
• muqaddar : fate
• jazaa : rewards
• ba-zaahir : evidently
• ah’m : important
• ibtidaa : beginning
• intihaa : end
• ma’arka-e-jaaN : battle for life
• hangaam-e-faisilaa : commotion before the verdict
• payaam : message
• zer-e-lab : on the lips
• Suur-e-Israafiil : According to Islamic theology, Israafil is one of the angels who would call the dead to life on the day of judgement by sounding a loud alarm. It is believed that everyone would get up from their graves and elsewhere after hearing this alarm. Kaifi Azmi here uses this metaphor brialliantly.
• rahzan : Caravan robbers
• fareb : deceit
• tauqiir-e-rahnumaa : respect for the leader
• Deraa : tent
• kaarvaaN : Caravan
• anjaam : destiny
• ajnabii : strangers
• aashnaa : acquaintance
• aablaapaa : blisters in foot, frenzied
• dasht : ruins
• zarre : dust particles
• sajde : prostations

<bean id="mssqlDataSource" class="org.apache.commons.dbcp.BasicDataSource">

<property name="driverClassName" value="net.sourceforge.jtds.jdbc.Driver" />

<property name="url" value="jdbc:jtds:sqlserver:/localhost:1433/<DATABASE NAME>;instance=<BLANK OR INSTANCE NAME>" />

<property name="username" value="sa" />

<property name="password" value="********" />

</bean>

Since all the servers these days comes with Apache + MySQL + PHP preinstalled, you dont need to use the one bundled with the viteger. Infact the the bundeled mysql + apache are real pains.

Uncompress the entire gz file in the directory (Vhost or or the top level) and visit the site. There is nothing more to do.