    /*function onerror(msg, URL, lineNum) {
      	var errWind = window.open("","errors","HEIGHT=270,WIDTH=400")
      	var wintxt = "<HTML><BODY BGCOLOR=RED>"
      	wintxt += "<B>An error has occurred on this page.  Please report it to Tech Support.</B>"
      	wintxt += "<FORM METHOD=POST ACTION=mailTo:support3@dannyg.com>"
      	wintxt += "<TEXTAREA COLS=45 ROWS=8 WRAP=VIRTUAL>"
      	wintxt += "Error: " + msg + "\n"
      	wintxt += "URL: " + URL + "\n"
      	wintxt += "Line: " + lineNum + "\n"
      	wintxt += "Client: " + navigator.userAgent + "\n"
      	wintxt += "-----------------------------------------\n"
      	wintxt += "Please describe what you were doing when the error occurred:"
      	wintxt += "</TEXTAREA><P>"
      	wintxt += "<INPUT TYPE=SUBMIT VALUE='Send Error Report'>"
      	wintxt += "<INPUT TYPE=button VALUE='Close' onClick='self.close()'>"
      	wintxt += "</FORM></BODY></HTML>"
      	errWind.document.write(wintxt)
      	errWind.document.close()
      	return true
    }*/
    
function showRange(range){
        var s_range = $('rangeSelector').value;
        if(range != null){
                s_range = range;
        }
        
        switch(s_range){
                case 'm':
                        $('womensRange').style.display  = 'none';
                        $('mensRange').style.display            = 'block';
                        $('kidsRange').style.display            = 'none';
                        $('accessories').style.display  = 'none';
                        $('rangeSelector').value                        = 'm';
                        break    
                case 'w':
                        $('womensRange').style.display  = 'block';
                        $('mensRange').style.display            = 'none';
                        $('kidsRange').style.display            = 'none';
                        $('accessories').style.display  = 'none';
                        $('rangeSelector').value                        = 'w';
                        break
                case 'a':
                        $('womensRange').style.display  = 'none';
                        $('mensRange').style.display            = 'none';
                        $('kidsRange').style.display            = 'none';
                        $('accessories').style.display  = 'block';
                        $('rangeSelector').value                        = 'a';
                        break
                case 'k':
                        $('womensRange').style.display  = 'none';
                        $('mensRange').style.display            = 'none';
                        $('kidsRange').style.display            = 'block';
                        $('accessories').style.display  = 'none';
                        $('rangeSelector').value                        = 'k';
                        break
                default:
                        $('womensRange').style.display  = 'block';
                        $('mensRange').style.display            = 'block';
                        $('accessories').style.display  = 'block';
                        $('kidsRange').style.display            = 'block';
        }
}

function changeColour( colour ){
        $('text_colour').value  = colour;
        $('swatch').style.backgroundColor = '#' + colour;
}

function changeAlignment( i ){
        switch(i){
                case 'l':
                  $('text_align').value = 'left';
                  $('left').update('<img src="/images/gui/left_s.gif" alt="Left" width="19" height="18" border="0" />');
                  $('centre').update('<img src="/images/gui/centre.gif" alt="Centre" width="19" height="18" border="0" />');
                  $('right').update('<img src="/images/gui/right.gif" alt="Right" width="19" height="18" border="0" />');
                  break;
                
                case 'r':
                  $('text_align').value = 'right';
                  $('left').update('<img src="/images/gui/left.gif" alt="Left" width="19" height="18" border="0" />');
                  $('centre').update('<img src="/images/gui/centre.gif" alt="Centre" width="19" height="18" border="0" />');
                  $('right').update('<img src="/images/gui/right_s.gif" alt="Right" width="19" height="18" border="0" />');
                  break;
                
                case 'c':
                  $('text_align').value = 'center';
                  $('left').update('<img src="/images/gui/left.gif" alt="Left" width="19" height="18" border="0" />');
                  $('centre').update('<img src="/images/gui/centre_s.gif" alt="Centre" width="19" height="18" border="0" />');
                  $('right').update('<img src="/images/gui/right.gif" alt="Right" width="19" height="18" border="0" />');
                  break;
        }
}

function setPadding(){
    frontPad = $('ftPad').value;
    if($('ffileName').value != ''){ 
                frontPad = $('fPad').value; 
        }
        backPad = $('btPad').value;
    if($('bfileName').value != ''){ 
                backPad = $('bPad').value; 
        }
        $('frontPadding').setStyle({ padding: frontPad });
        $('backPadding').setStyle({ padding: backPad });
        $('fPadding').value = frontPad; 
    $('bPadding').value = backPad; 
}

function getTshirtInfo( id ){
    var a_colour   = [];
    var a_size     = [];
        var title      = [];
    var front      = '';
    var back       = '';
    var imageSize  = '';
    var returnMe   = [];
        
        if(id == ''){
                id = 1;
        }
        
    switch( id ){
                case 1:
            title[0] = 'Womens Bondi Singlet';
            title[1] = 'Regular Fit, 240 gm T-Shirt, 12% Spandex, 88% Cotton';
            
            a_colour[0] = 'yellow^efeebe';
            a_colour[1] = 'white^ebeaf0';
            a_colour[2] = 'pink^eacde3';
            a_colour[3] = 'chocolate^482938';
            a_colour[4] = 'black^141318';
            a_colour[5] = 'aqua^297e9b';
                        
                        a_size[0] = '8-10|38';
                        a_size[1] = '12-14|40';
                        a_size[2] = '16-18|42';
                        
            front = 'bondisinglet-^colour^-front.jpg';
            back  = 'bondisinglet-^colour^-back.jpg';
            
            ftPad = '88px 0 0 2px';
                        fPad = '78px 0 0 2px';
                        
                        btPad = '88px 3px 0 0';
                        bPad = '78px 3px 0 0';
                        
                        $('one_side_price').value = 50.00;
                        $('two_sides_price').value = 60.00;
        break;
                
                 case 2:
            title[0] = 'Womens Ice Tee';
            title[1] = 'Regular Fit, 210 gm T-Shirt, 5% Spandex, 95% Cotton';
            
            a_colour[0] = 'yellow^f1efbc';
            a_colour[1] = 'white^e9eaee';
            a_colour[2] = 'softpink^f1d1e9';
            a_colour[3] = 'moss^80795e';
            a_colour[4] = 'chocolate^43262a';
            a_colour[5] = 'black^15141a';
            a_colour[6] = 'aqua^298ab7';
                        
                        a_size[0] = '8-10|38';
                        a_size[1] = '12-14|40';
                        a_size[2] = '16-18|42';
                        
            front = 'icetee-^colour^-front.jpg';
            back  = 'icetee-^colour^-back.jpg';
            
                        ftPad = '79px 1px 0 0';
                        fPad = '59px 1px 0 0';
                        
                        btPad = '79px 1px 0 0';
                        bPad = '59px 1px 0 0';
                        
                        $('one_side_price').value = 40.00;
                        $('two_sides_price').value = 50.00;
        break;  
                
                case 4:
            title[0] = 'Mens Earth Fit Premium Tee';
            title[1] = 'Fitted, 205gm T-Shirt, 100% Combed Cotton';
            
                        a_colour[0] = 'black^151515';
                        a_colour[1] = 'blue-dusk^2a315b';
                        a_colour[2] = 'burnt-orange^f0c785';
                        a_colour[3] = 'cherry^7f0f33';
                        a_colour[4] = 'chocolate^56393e';
                        a_colour[5] = 'lilac^c7c1e3';
                        a_colour[6] = 'ocean-blue^bfcfde';
                        a_colour[7] = 'pink^dfc7dd';
                        a_colour[8] = 'putty^dedccf';
                        a_colour[9] = 'smoke^77705d';
                        a_colour[10] = 'stone-blue^6c79a3';
                        a_colour[11] = 'washed-yellow^e2e4bd';
                        a_colour[12] = 'white^e3e6eb';
                
            front = 'earthfit-^colour^-front.jpg';
            back  = 'earthfit-^colour^-back.jpg';
                        
                        a_size[0] = 'XS|50';
                        a_size[1] = 'S|52';
                        a_size[2] = 'M|54';
                        a_size[3] = 'L|57';
                        a_size[4] = 'XL|60';
                        a_size[5] = 'XXL|63';
                        a_size[6] = 'XXXL|65';
                        
            ftPad = '58px 4px 0 0';
                        fPad = '38px 4px 0 0';
                        
                        btPad = '58px 4px 0 0';
                        bPad = '35px 2px 0 0';
                        
                        $('one_side_price').value = 50.00;
                        $('two_sides_price').value = 60.00;
        break;
                
        case 6:
            title[0] = 'Muška majica';
            title[1] = '165g, 100% pamuk';
                        a_colour[0] = 'bela^ececec';
                        a_colour[1] = 'crna^16191e';
                        a_colour[2] = 'plava^173094';
                        a_colour[3] = 'teget^272c52';
                        a_colour[4] = 'crvena^bd1d11';
            /*a_colour[3] = 'maroon^42172a';
            a_colour[4] = 'navy^233357';
            a_colour[5] = 'hocolate^3a2828';
            a_colour[6] = 'red^881125';
            a_colour[7] = 'royal^153194';
                        a_colour[8] = 'steel-grey^929ba2';
            a_colour[9] = 'white^eaedf4';
            a_colour[10] = 'yellow^ebde78';
                        a_colour[11] = 'fluro-yellow^FFFE18';
                        a_colour[12] = 'fluro-pink^FF2C83';
                        a_colour[13] = 'fluro-purple^2F155C';
                        a_colour[14] = 'fluro-blue^3BA1E1';
                        a_colour[15] = 'fluro-lime^79FF20';
                        a_colour[16] = 'fluro-orange^FF5F25';*/
                        
            front = 'promo-^colour^-front.jpg';
            back  = 'promo-^colour^-back.jpg';
            
                        
                        a_size[0] = 'S|52';
                        a_size[1] = 'M|54.5';
                        a_size[2] = 'L|57';
                        a_size[3] = 'XL|60';
                        a_size[4] = 'XXL|63';
                        
                        
            ftPad = '68px 4px 0 0';
                        fPad = '48px 4px 0 0';
                        
                        btPad = '67px 1px 0 0';
                        bPad = '47px 1px 0 0';
                        
                        $('one_side_price').value = 800.00;
                        $('two_sides_price').value = 999.00;
        break;
        
        case 5:
            title[0] = 'Mens Muscle Tanktop';
            title[1] = 'Regular Fit , 190 gm T-Shirt, 100% Combed Cotton ';
            
            a_colour[0] = 'black^171717';
            a_colour[1] = 'white^f9f8fd';
            a_colour[2] = 'ice-blue^e5edfa';
            a_colour[3] = 'grey^b8b8b8';
            a_colour[4] = 'royal^234cb6';
            a_colour[5] = 'orange^f48c4f';
            a_colour[6] = 'navy^20263e';
                        
            front = 'muscle-tanktop-^colour^-front.jpg';
            back  = 'muscle-tanktop-^colour^-back.jpg';
                        
                        ftPad = '61px 0 0 2px';
                        fPad = '41px 0 0 2px';
                        
                        btPad = '61px 0 0 0';
                        bPad = '41px 0 0 0';
            
                        a_size[0] = 'XS|47.5';
                        a_size[1] = 'S|50';
                        a_size[2] = 'M|52.5';
                        a_size[3] = 'L|55';
                        a_size[4] = 'XL|57.5';
                        a_size[5] = 'XXL|60';
                        
                        $('one_side_price').value = 45.00;
                        $('two_sides_price').value = 55.00;
        break;
                
        case 3:
            title[0] = 'Womens Sunseeker Premium Tee';
            title[1] = 'Fitted, 210 gm T-Shirt, 8% Spandex, 92% Cotton';
            
            a_colour[0] = 'white^ebeaef';
            a_colour[1] = 'yellow^ffeb74';
            a_colour[2] = 'aqua^298ab7';
            a_colour[3] = 'black^151521';
            a_colour[4] = 'hotpink^cb2168';
            a_colour[5] = 'navy^161848';
            a_colour[6] = 'red^b91631';
            
                        front = 'sunseeker-^colour^-front.jpg';
            back  = 'sunseeker-^colour^-back.jpg';
            
                        a_size[0] = '8|40';
                        a_size[1] = '10|42.5';
                        a_size[2] = '12|45';
                        a_size[3] = '14|47.5';
                        a_size[4] = '16|50';
                        a_size[5] = '18|52.5';
                        
                        ftPad = '82px 4px 0 0';
                        fPad = '62px 4px 0 0';
                        
                        btPad = '82px 4px 0 0';
                        bPad = '62px 1px 0 0';
                        
                        $('one_side_price').value = 50.00;
                        $('two_sides_price').value = 60.00;
        break;
                
                case 7:
            title[0] = 'Ženska bretela majica';
            title[1] = 'Bretela, 180g, 100% pamuk ';
                        
            a_colour[0] = 'bela^f1f6f8';
            a_colour[1] = 'pink^feebfe';
            a_colour[2] = 'crvena^b51b33';
            /*a_colour[3] = 'brown^3f3140';
            a_colour[4] = 'black^02050c';*/
   
            front = 'slimfit-^colour^-front.jpg';
            back  = 'slimfit-^colour^-back.jpg';
                        
                        a_size[0] = '8|36';
                        a_size[1] = '10|38';
                        a_size[2] = '12|40';
                        a_size[3] = '14|42';
            
            ftPad = '80px 4px 0 0';
                        fPad = '80px 4px 0 0';
                        
                        btPad = '99px 4px 0 0';
                        bPad = '89px 4px 0 0';
                        
                        $('one_side_price').value = 599.00;
                        $('two_sides_price').value = 899.00;
        break;
                
                
                case 8:
            title[0] = 'Mens Trainer Singlet';
            title[1] = 'Regular Fit, 195 gm Singlet, 100% Cotton';
                        
                        a_colour[0] = 'royal^1b3491';
                        a_colour[1] = 'red^b22536';
                        a_colour[2] = 'navy^232e4e';
                        a_colour[3] = 'grey^dadde4';
                        a_colour[4] = 'black^18191d';
                        a_colour[5] = 'yellow^f6e190';
                        
            front = 'mens-trainer-^colour^-front.jpg';
            back  = 'mens-trainer-^colour^-back.jpg';
                        
                        a_size[0] = 'S|51';
                        a_size[1] = 'M|53.5';
                        a_size[2] = 'L|56';
                        a_size[3] = 'XL|58.5';
                        a_size[4] = 'XXL|61';
                        
                        ftPad = '80px 0 0 2px';
                        fPad = '50px 0 0 2px';
                        
                        btPad = '80px 0 0 0';
                        bPad = '50px 0 0 0';
                        
                        $('one_side_price').value = 45.00;
                        $('two_sides_price').value = 55.00;
        break;
                
                case 9:
            title[0] = 'Mens Long Fit Tee';
            title[1] = 'Regular, 205gm, 100% cotton';
                        
                        a_colour[0] = 'white^DCDDE2';
                        a_colour[1] = 'black^1D2029';
                        a_colour[2] = 'navy^263B68';
                        a_colour[3] = 'choc^503B38';
                        a_colour[4] = 'steel^60646F';
                        
                        a_size[0] = 'S|53';
                        a_size[1] = 'M|55';
                        a_size[2] = 'L|58';
                        a_size[3] = 'XL|61';
                        a_size[4] = 'XXL|64';
                        a_size[5] = 'XXXL|66';
                        
            front = 'mens-^colour^-longsleeve-front.jpg';
            back  = 'mens-^colour^-longsleeve-back.jpg';
                        
                        ftPad = '76px 8px 0 0';
                        fPad = '56px 8px 0 0';
                        
                        btPad = '76px 1px 0 0';
                        bPad = '56px 1px 0 0';
                        
                        $('one_side_price').value = 60.00;
                        $('two_sides_price').value = 70.00;
        break;
                
                case 10:
            title[0] = 'Womens Half-Zip Premium Fit Hoodie';
            title[1] = 'Fitted, 190gm, 13% spandex, 87% cotton';
                        
                        a_colour[0] = 'white^ececec';
                        a_colour[1] = 'light-pink^ffe7f2';
                        a_colour[2] = 'light-blue^81bbd3';
                        a_colour[3] = 'hot-pink^ce466a';
                        a_colour[4] = 'black^121011';
                        
            front = 'halfzip-hoodie-^colour^-front.jpg';
            back  = 'halfzip-hoodie-^colour^-back.jpg';
                        
                        a_size[0] = 'S|';
                        a_size[1] = 'M|';
                        a_size[2] = 'L|';
                        a_size[3] = 'XL|';
                        
                        ftPad = '110px 8px 0 0';
                        fPad = '90px 8px 0 0';
                        
                        btPad = '110px 0 0 0';
                        bPad = '90px 0 0 0';
                        
                        $('one_side_price').value = 85.00;
                        $('two_sides_price').value = 95.00;
        break;
                
                case 15:
            title[0] = 'Womens Long Fit Tee';
            title[1] = 'Regular, Baby Rib, 195gm, 100% cotton';
                        
                        a_colour[0] = 'baby-blue^d3e4f8';
                        a_colour[1] = 'army^545047';
                        a_colour[2] = 'white^f0f0f0';
                        a_colour[3] = 'orange^ff9a4f';
                        a_colour[4] = 'red^d62f37';
                        a_colour[5] = 'grey^989898';
                        a_colour[6] = 'black^18181a';
                        
            front = 'wlongfit-^colour^-front.jpg';
            back  = 'wlongfit-^colour^-back.jpg';
                        
                        a_size[0] = 'S|';
                        a_size[1] = 'M|';
                        a_size[2] = 'L|';
                        a_size[3] = 'XL|';
            
            ftPad = '66px 2px 0 0';
                        fPad = '46px 2px 0 0';
                        
                        btPad = '66px 0 0 0';
                        bPad = '46px 0 0 0';
                        
                        $('one_side_price').value = 60.00;
                        $('two_sides_price').value = 70.00;
        break;
                
                case 12:
            title[0] = 'Womens Jumper Regular Fit Hoodie';
            title[1] = 'Regular, 320gm, 80% cotton, 20% polyester';
                        
                        a_colour[0] = 'white^ececec';
                        a_colour[1] = 'black^111015';
                        a_colour[2] = 'navy-blue^2a3147';
                        a_colour[3] = 'grey^b8b8b8';
                        
            front = 'jumperhoodie-^colour^-front.jpg';
            back  = 'jumperhoodie-^colour^-back.jpg';
                        
                        a_size[0] = 'S|55';
                        a_size[1] = 'M|57';
                        a_size[2] = 'L|59';
                        a_size[3] = 'XL|61';
                        a_size[4] = 'XXL|64';
                        
                        ftPad = '60px 2px 0 0';
                        fPad = '40px 2px 0 0';
                        
                        btPad = '85px 2px 0 0';
                        bPad = '65px 2px 0 0';
                        
                        imagePad =
                        
                        $('one_side_price').value = 75.00;
                        $('two_sides_price').value = 85.00;
        break;
                                
                case 11:
            title[0] = 'Mens Jumper Regular Fit Hoodie';
            title[1] = 'Regular, 320gm, 80% cotton, 20% polyester';
                        
                        a_colour[0] = 'white^ececec';
                        a_colour[1] = 'black^111015';
                        a_colour[2] = 'navy-blue^2a3147';
                        a_colour[3] = 'grey^b8b8b8';
                        
            front = 'jumerhoodie-^colour^-front.jpg';
            back  = 'jumerhoodie-^colour^-back.jpg';
            
            ftPad = '65px 0 0 0';
                        fPad = '45px 0 0 0';
                        
                        btPad = '72px 2px 0 0';
                        bPad = '52px 2px 0 0';
                        
                        a_size[0] = 'S|55';
                        a_size[1] = 'M|57';
                        a_size[2] = 'L|59';
                        a_size[3] = 'XL|61';
                        a_size[4] = 'XXL|64';
                        
                        $('one_side_price').value = 75.00;
                        $('two_sides_price').value = 85.00;
        break;
                
                case 14:
            title[0] = 'Long-Waist Apron';
            title[1] = 'Unisex, 190 gsm, 70% Cotton, 30% Poly-Cotton, With Pocket';
                        
                        a_colour[0] = 'black^18181a';
                        
                        a_size[0] = 'One Size Fits All|-';
                        
            front = 'full-waist-apron-black-front.jpg';
            back  = 'blank.gif';
                        
                        ftPad = '80px 4px 0 0';
                        fPad = '60px 4px 0 0';
                        
                        btPad = 0;
                        bPad = 0;
                        
                        $('one_side_price').value = 60.00;
                        $('two_sides_price').value = 60.00;
        break;
                
                case 13:
            title[0] = 'Short-Waist Apron';
            title[1] = 'Unisex, 190 gsm, 70% Cotton, 30% Poly-Cotton, With Pocket';
                        
                        a_colour[0] = 'black^18181a';
                        
                        a_size[0] = 'One Size Fits All|-';
                        
            front = 'short-waist-apron-black-front.jpg';
            back  = 'blank.gif';
            
            ftPad = '84px 2px 0 0';
                        fPad = '64px 2px 0 0';
                        
                        btPad = 0;
                        bPad = 0;
                        
                        $('one_side_price').value = 50.00;
                        $('two_sides_price').value = 50.00;
        break;
                
                case 16:
            title[0] = 'Ženska majica';
            title[1] = '180g, 100% pamuk';
                        
                        a_colour[0]  = 'bela^ececec';
                        
                        /*a_colour[3]  = 'black^151517';
                        a_colour[4]  = 'cool-pink^f3bece';
                        a_colour[5]  = 'grey^d1d1d1';
                        a_colour[6]  = 'mint^b3ba90';
                        a_colour[7]  = 'aqua^54afe6';
                        a_colour[8]  = 'chocolate^604d47';
                        a_colour[9]  = 'orange^ffa24e';
                        a_colour[10] = 'olive^6e6548';
                        a_colour[11] = 'red^d92c26';
                        a_colour[12] = 'emerald-green^a6e6b4';
                        a_colour[13] = 'ice-blue^d8dfe9';*/
                        
                        a_size[0] = 'S|43';
                        a_size[1] = 'M|45';
                        a_size[2] = 'L|47';
                     
            front = 'slimfit-t-shirt-^colour^-f.jpg';
            back  = 'slimfit-t-shirt-^colour^-b.jpg';
                        
                        ftPad = '76px 4px 0 0';
                        fPad = '56px 4px 0 0';
                        
                        btPad = '68px 1px 0 0';
                        bPad = '48px 1px 0 0';
                        
                        $('one_side_price').value = 800.00;
                        $('two_sides_price').value = 999.00;
        break;
                
                case 17:
            title[0] = 'Womens Baby Doll Singlet';
            title[1] = 'Fitted, 200gm, 100% cotton';
                        a_colour[0]  = 'white^f1f6fa';
                        a_colour[1]  = 'hotpink^cf4799';
                        a_colour[2]  = 'black^030305';
                        a_colour[3]  = 'baby-blue^d0e4fd';
                        
                        a_size[0] = '8|32.5';
                        a_size[1] = '10|34.5';
                        a_size[2] = '12|36.5';
                        a_size[3] = '14|38.5';
                        a_size[4] = '16|40.5';
                        a_size[5] = '18|44.5';
            front = 'baby-doll-^colour^-front.jpg';
            back  = 'baby-doll-^colour^-back.jpg';
            
            ftPad = '107px 0 0 0';
                        fPad = '97px 0 0 0';
                        
                        btPad = '101px 0 0 0';
                        bPad = '91px 0 0 0';
                        
                        $('one_side_price').value = 45.00;
                        $('two_sides_price').value = 55.00;
        break;
                
                case 18:
            title[0] = 'Womens Earth Fit Premium Tee';
            title[1] = 'Fitted, 205gm, 100% Combed Cotton';
                        
                        a_colour[0] = 'black^151515';
                        a_colour[1] = 'blue-dusk^2a315b';
                        a_colour[2] = 'burnt-orange^f0c785';
                        a_colour[3] = 'cherry^7f0f33';
                        a_colour[4] = 'chocolate^56393e';
                        a_colour[5] = 'lilac^c7c1e3';
                        a_colour[6] = 'ocean-blue^bfcfde';
                        a_colour[7] = 'pink^dfc7dd';
                        a_colour[8] = 'putty^dedccf';
                        a_colour[9] = 'smoke^77705d';
                        a_colour[10] = 'stone-blue^6c79a3';
                        a_colour[11] = 'washed-yellow^e2e4bd';
                        a_colour[12] = 'white^e3e6eb';
                        
                        a_size[0] = '6|40.5';
                        a_size[1] = '8|43';
                        a_size[2] = '10|45.5';
                        a_size[3] = '12|48';
                        a_size[4] = '14|50.5';
                        a_size[5] = '16|53';
                        a_size[6] = '18|57';
                        a_size[7] = '20|61';
                        
            front = 'wearthfit-^colour^-front.jpg';
            back  = 'wearthfit-^colour^-back.jpg';
                        
                        ftPad = '76px 4px 0 0';
                        fPad = '56px 4px 0 0';
                        
                        btPad = '76px 4px 0 0';
                        bPad = '56px 4px 0 0';
                        
                        $('one_side_price').value = 50.00;
                        $('two_sides_price').value = 60.00;
        break;
                
                case 19:
            title[0] = 'Mens V-Neck Fit Tee';
            title[1] = 'Fitted, 200gm, 95% Cotton, 5% Spandex';
                        
                        a_colour[0] = 'black^191a1e';
                        a_colour[1] = 'white^f8f9fd';
                        
                        a_size[0] = 'XS|48';
                        a_size[1] = 'S|50';
                        a_size[2] = 'M|53';
                        a_size[3] = 'L|55';
                        a_size[4] = 'XL|58';
                        a_size[5] = 'XXL|61';
                        a_size[6] = 'XXXL|64';
                        a_size[7] = '5XL|70';
            front = 'v-neck-fit-^colour^-front.jpg';
            back  = 'v-neck-fit-^colour^-back.jpg';
                        
            ftPad = '80px 4px 0 0';
                        fPad = '60px 4px 0 0';
                        
                        btPad = '76px 0 0 0';
                        bPad = '56px 0 0 0';
                        
                        $('one_side_price').value = 60.00;
                        $('two_sides_price').value = 70.00;
        break;
                
                case 22:
            title[0] = 'Boys Kids Tee';
            title[1] = 'Regular Fit, 190 gm T-Shirt, 100% Combed Cotton';
                        
                        a_colour[0] = 'Army-Green^5d573d';
                        a_colour[1] = 'Baby-Blue^a4b9d8';
                        a_colour[2] = 'Black^191919';
                        a_colour[3] = 'Chocolate^4a2d27';
                        a_colour[4] = 'Grey^aba6a0';
                        a_colour[5] = 'Light-Pink^eddbd9';
                        a_colour[6] = 'Navy^28284e';
                        a_colour[7] = 'Orange^f29047';
                        a_colour[8] = 'Red^c43433';
                        a_colour[9] = 'Steel-Grey^a3a3a3';
                        a_colour[10] = 'Tangerine^f4be64';
                        a_colour[11] = 'White^f5f3f4';
                        a_colour[12] = 'Yellow^fdea84';
                        
                        a_size[0] = '2|32.5 cm';
                        a_size[1] = '4|35 cm';
                        a_size[2] = '6|37.5 cm';
                        a_size[3] = '8|40 cm';
                        a_size[4] = '10|42.5 cm';
                        a_size[5] = '12|45 cm';
                        a_size[6] = '14|47.5 cm';
                        
            front = 'K-^colour^-Front.jpg';
            back  = 'K-^colour^-Back.jpg';
                        
            ftPad = '70px 4px 0 0';
                        fPad = '60px 4px 0 0';
                        
                        btPad = '60px 4px 0 5px';
                        bPad = '50px 4px 0 5px';
                        
                        $('one_side_price').value = 30.00;
                        $('two_sides_price').value = 40.00;
        break;
                
                case 21:
            title[0] = 'Girls Kids Tee';
            title[1] = 'Regular Fit, 190 gm T-Shirt, 100% Combed Cotton';
                        
                        a_colour[0] = 'Army-Green^5d573d';
                        a_colour[1] = 'Baby-Blue^a4b9d8';
                        a_colour[2] = 'Black^191919';
                        a_colour[3] = 'Chocolate^4a2d27';
                        a_colour[4] = 'Grey^aba6a0';
                        a_colour[5] = 'Light-Pink^eddbd9';
                        a_colour[6] = 'Navy^28284e';
                        a_colour[7] = 'Orange^f29047';
                        a_colour[8] = 'Red^c43433';
                        a_colour[9] = 'Steel-Grey^a3a3a3';
                        a_colour[10] = 'Tangerine^f4be64';
                        a_colour[11] = 'White^f5f3f4';
                        a_colour[12] = 'Yellow^fdea84';
                        
                        a_size[0] = '2|32.5 cm';
                        a_size[1] = '4|35 cm';
                        a_size[2] = '6|37.5 cm';
                        a_size[3] = '8|40 cm';
                        a_size[4] = '10|42.5 cm';
                        a_size[5] = '12|45 cm';
                        a_size[6] = '14|47.5 cm';
                        
            front = 'K-^colour^-Front.jpg';
            back  = 'K-^colour^-Back.jpg';
                        
            ftPad = '70px 4px 0 0';
                        fPad = '60px 4px 0 0';
                        
                        btPad = '60px 4px 0 5px';
                        bPad = '50px 4px 0 5px';
                        
                        $('one_side_price').value = 30.00;
                        $('two_sides_price').value = 40.00;
        break;
                
                case 23:
            title[0] = 'Mens Retro Tee';
            title[1] = 'Slim Fit, 200 gm T-Shirt, 100% Combed Cotton';
                        
                        a_colour[0] = 'White-Royal^fafafa';
                        a_colour[1] = 'White-Red^fafafa';
                        a_colour[2] = 'White-Orange^fafafa';
                        a_colour[3] = 'White-Navy^fafafa';
                        a_colour[4] = 'White-Black^fafafa';
                        a_colour[5] = 'Surf-Navy^c3cad2';
                        a_colour[6] = 'Sky-White^aac2e4';
                        a_colour[7] = 'Red-White^c9251c';
                        a_colour[8] = 'Pink-Chocolate^f4e2ee';
                        a_colour[9] = 'Navy-White^212134';
                        a_colour[10] = 'Grey-Navy^c8c7c3';
                        a_colour[11] = 'Green-White^93cd93';
                        a_colour[12] = 'Chocolate-Cream^4a382a';
                        a_colour[13] = 'Black-White^070707';
                        
                        a_size[0] = 'XXS|44cm';
                        a_size[1] = 'XS|46cm';
                        a_size[2] = 'S|48cm';
                        a_size[3] = 'M|50cm';
                        a_size[4] = 'L|52cm';
                        a_size[5] = 'XL|54cm';
                        a_size[6] = 'XXL|56cm';
                        
            front = 'M-Retro-^colour^-Front.jpg';
            back  = 'M-Retro-^colour^-Back.jpg';
                        
            ftPad = '60px 4px 0 0';
                        fPad = '50px 4px 0 0';
                        
                        btPad = '50px 4px 0 5px';
                        bPad = '40px 4px 0 5px';
                        
                        $('one_side_price').value = 40.00;
                        $('two_sides_price').value = 50.00;
        break;
                
                case 24:
            title[0] = 'Womens Retro Tee';
            title[1] = 'Slim Fit, 200 gm T-Shirt, 100% Combed Cotton';
                        
                        a_colour[0] = 'White-Royal^fafafa';
                        a_colour[1] = 'White-Red^fafafa';
                        a_colour[2] = 'White-Orange^fafafa';
                        a_colour[3] = 'White-Navy^fafafa';
                        a_colour[4] = 'White-Black^fafafa';
                        a_colour[5] = 'Surf-Navy^c3cad2';
                        a_colour[6] = 'Sky-White^aac2e4';
                        a_colour[7] = 'Red-White^c9251c';
                        a_colour[8] = 'Pink-Chocolate^f4e2ee';
                        a_colour[9] = 'Navy-White^212134';
                        a_colour[10] = 'Grey-Navy^c8c7c3';
                        a_colour[11] = 'Green-White^93cd93';
                        a_colour[12] = 'Chocolate-Cream^4a382a';
                        a_colour[13] = 'Black-White^070707';
                        
                        a_size[0] = 'XXS|44cm';
                        a_size[1] = 'XS|46cm';
                        a_size[2] = 'S|48cm';
                        a_size[3] = 'M|50cm';
                        a_size[4] = 'L|52cm';
                        a_size[5] = 'XL|54cm';
                        a_size[6] = 'XXL|56cm';
                        
            front = 'W-Retro-^colour^-Front.jpg';
            back  = 'W-Retro-^colour^-Back.jpg';
                        
            ftPad = '60px 4px 0 0';
                        fPad = '50px 4px 0 0';
                        
                        btPad = '50px 4px 0 5px';
                        bPad = '40px 4px 0 5px';
                        
                        $('one_side_price').value = 40.00;
                        $('two_sides_price').value = 50.00;
        break;
                
                case 25:
            title[0] = 'Mens Polo Tee';
            title[1] = 'Regular Fit, 210gm, 100% Cotton Jersey';
                        
                        a_colour[0] = 'navy-blue^252a6c';
                        a_colour[1] = 'royal-blue^232ed5';
                        a_colour[2] = 'black^191816';
                        a_colour[3] = 'white^f8f9fd';
                        a_colour[4] = 'grey^b8b8b8';
                        
                        a_size[0] = 'S|53.5cm';
                        a_size[1] = 'M|56cm';
                        a_size[2] = 'L|58.5cm';
                        a_size[3] = 'XL|61cm';
                        a_size[4] = 'XXXL|66cm';
                        
            front = 'polo-^colour^-front.jpg';
            back  = 'polo-^colour^-back.jpg';
                        
            ftPad = '85px 4px 0 0';
                        fPad = '75px 4px 0 0';
                        
                        btPad = '50px 4px 05px';
                        bPad = '40px 4px 0 5px';
                        
                        $('one_side_price').value = 60.00;
                        $('two_sides_price').value = 70.00;
        break;
                
                case 27:
            title[0] = 'Trucker Hats';
            title[1] = '100% Cotton, 5 Panel, Pre-Curved Peak, Plastic Strap';
                        
                        a_colour[0] = 'white-royal^fafafa';
                        a_colour[1] = 'white-navy^fafafa';
                        a_colour[2] = 'white-red^fafafa';
                        a_colour[3] = 'white-black^fafafa';
                        
                        a_size[0] = 'One Size Fits All|-';
                        
            front = 'trucker-hat-^colour^-front.jpg';
            back  = 'blank.gif';
                        
            ftPad = '70px 4px 0 0';
                        fPad = '50px 4px 0 0';
                        
                        btPad = '70px 4px 0 0';
                        bPad = '50px 4px 0 0';
                        
                        $('one_side_price').value = 30.00;
                        $('two_sides_price').value = 30.00;
        break;
                
                case 26:
            title[0] = 'Womens Polo Tee';
            title[1] = 'Regular Fit, 210gm, 100% Cotton Jersey';
                        
                        a_colour[0] = 'navy-blue^252a6c';
                        a_colour[1] = 'royal-blue^232ed5';
                        a_colour[2] = 'black^191816';
                        a_colour[3] = 'white^f8f9fd';
                        a_colour[4] = 'grey^b8b8b8';
                        
                        a_size[0] = 'S|53.5cm';
                        a_size[1] = 'M|56cm';
                        a_size[2] = 'L|58.5cm';
                        a_size[3] = 'XL|61cm';
                        a_size[4] = 'XXXL|66cm';
                        
            front = 'polo-^colour^-front.jpg';
            back  = 'polo-^colour^-back.jpg';
                        
            ftPad = '85px 4px 0 0';
                        fPad = '75px 4px 0 0';
                        
                        btPad = '50px 4px 0 5px';
                        bPad = '40px 4px 0 5px';
                        
                        $('one_side_price').value = 60.00;
                        $('two_sides_price').value = 70.00;
        break;
        }
        
        $('fPad').value = fPad;
        $('ftPad').value = ftPad;
        
        $('bPad').value = bPad;
        $('btPad').value = btPad;
        
        setPadding();
        calculateTotals();
        
        returnMe[0] = title;
        returnMe[1] = a_colour;
        returnMe[2] = front;
        returnMe[3] = back;
        returnMe[4] = a_size;
        
    return returnMe;
}

function changeTshirt( id, s_colour ){
        var info        = [];
        var front       = '';
        var back        = '';
        var colour      = '';
        
        /*close open pops*/
     
        
        info = getTshirtInfo( id );
        front = info[2];
        back = info[3];
        colour = s_colour.split('^');
        
        var front = front.replace('^colour^', colour[0]);
        var back  = back.replace('^colour^', colour[0]);
        
        $('previewBack').style.backgroundImage = 'url(/images/new_shirts/guides/' + back + ')';
        $('previewFront').style.backgroundImage = 'url(/images/new_shirts/guides/' + front + ')';
        $('backPreviewBox').style.backgroundColor = '#' + colour[1];
        $('frontPreviewBox').style.backgroundColor = '#' + colour[1];
        
        //update title
        
        s_bigTitle = info[0][0];
        $('bigTitle').update(s_bigTitle );
        $('subTitle').update(info[0][1]);
        $('t_title').value = s_bigTitle ;
  
        
        //update drop down colors
        $('t_colour').length=0; //clear list
        
        i=0
        var colour2 = '';
        info[1].sort();
        while( i < info[1].length){
                colour2 = info[1][i].split('^');
                if( colour[0] == colour2[0] ){
                        $('t_colour').options[i]=new Option(colour2[0].capitalize(), info[1][i], true, true);
                }else{
                        $('t_colour').options[i]=new Option(colour2[0].capitalize(), info[1][i], false, false);
                }
                i++;
        }
        
        //update sizes colors
        $('t_size').length=0; //clear list
        
        i=0
        while( i < info[4].length){
                size = info[4][i].split('|');
                $('t_size').options[i]=new Option(size[0], size[0], false, false);
                i++;
        }
        
        s_sizeChart = generateSizes( info[4] );
        $('shirt_id').value = id;
        $('shirt_image_front').value = front;
        $('shirt_image_back').value = back;
}

function swapTshirt(){
        var id   = '';
        var info = [];
        
        id   = Number($F('shirt_id'));
        info = getTshirtInfo(  id );
        
        front = info[2];
        back = info[3];
        
        colour = $F('t_colour');
        colour = colour.split('^')
        
        front = front.replace('^colour^', colour[0]);
        back  = back.replace('^colour^', colour[0]);
        
        $('shirt_image_front').value = front;
        $('shirt_image_back').value = back;
        
        $('previewBack').style.backgroundImage = 'url(/images/new_shirts/guides/' + back + ')';
        $('previewFront').style.backgroundImage = 'url(/images/new_shirts/guides/' + front + ')';
        $('backPreviewBox').style.backgroundColor = '#' + colour[1];
        $('frontPreviewBox').style.backgroundColor = '#' + colour[1];
}

function setTshirt( id , colour ){
        var info        = [];
        var front       = '';
        var back        = '';
        
        info = getTshirtInfo( id );
        front = info[2];
        back = info[3];
        
        if(colour != 'null'){
                colour = colour.split('^');
        }else{
                colour = info[1][0].split('^');
        }
        
        var front = front.replace('^colour^', colour[0]);
        var back  = back.replace('^colour^', colour[0]);
        
        $('previewBack').style.backgroundImage = 'url(/images/new_shirts/guides/' + back + ')';
        $('previewFront').style.backgroundImage = 'url(/images/new_shirts/guides/' + front + ')';
        $('backPreviewBox').style.backgroundColor = '#' + colour[1];
        $('frontPreviewBox').style.backgroundColor = '#' + colour[1];
        
        s_bigTitle = info[0][0];
        $('bigTitle').update(s_bigTitle);
        $('subTitle').update(info[0][1]);
        $('t_title').value = s_bigTitle ;
        //$('infoT').update(s_bigTitle.toUpperCase());
        
        //update drop down colors
        $('t_colour').length=0; //clear list
        
        i=0
        var colour2 = '';
        info[1].sort();
        while( i < info[1].length){
                colour2 = info[1][i].split('^');
                $('t_colour').options[i]=new Option(colour2[0].capitalize(), info[1][i], false, false);
                i++;
        }
        $('t_colour').value = colour[0] + '^' + colour[1];
        
        //update sizes colors
        $('t_size').length=0; //clear list
        
        i=0
        while( i < info[4].length){
                size = info[4][i].split('|');
                $('t_size').options[i]=new Option(size[0], size[0], false, false);
                i++;
        }
        
        s_sizeChart = generateSizes( info[4] );
        
        //$('sizeinfo').update(s_sizeChart);
        
        $('shirt_id').value = id;
        $('shirt_image_front').value = front;
        $('shirt_image_back').value = back;
}

function generateSizes( sizeArray ){
        sizeChart2 = '<table cellspacing="0" cellpadding="0"><tr>';
        sizeChart2 = sizeChart2 + '<td style="border-bottom:solid 1px gray;padding:1px 4px 1px 3px;"> sizes </td>';
        i=0;
        while( i < sizeArray.length)
        {
                size = sizeArray[i].split('|');
                sizeChart2 = sizeChart2 + '<td style="border-left:solid 1px gray;border-bottom:solid 1px gray;padding:1px 3px 1px 3px;" align="right"> ' +  size[0] + ' </td>';
                i++;
        }
        sizeChart2 = sizeChart2 + '</tr><tr>';
        sizeChart2 = sizeChart2 + '<td style="padding:1px 4px 1px 3px;"> cm </td>';
        i=0;
        while( i < sizeArray.length)
        {
                size = sizeArray[i].split('|');
                
                if(size[1] == '')
                {
                        sizeChart2 = 'Coming Soon';
                        break;
                }
                
                sizeChart2 = sizeChart2 + '<td style="border-left:solid 1px gray;padding:1px 3px 1px 3px;" align="right"> ' +  size[1] + ' </td>';
                i++;
        }
        sizeChart2 = sizeChart2 + '</tr></table>';
        
        return sizeChart2;
}

function loadTShirt(id,colour){
        i_id = Number(id);
        if( i_id==0 ){
                setTshirt(6,'bela^ececec');
        }else{
                setTshirt(i_id,colour);
        }
        $('s1').focus();
        return true;
}

/*AJAX the lesser*/
function getPreviewImage(frontBack){
        var url = 'http://www.majice.rs/majice/image-updates';
        //var url = 'http://localhost/majice/image-updates';
        var pars = 'fb=' + frontBack + '&s1=' + escape($('s1').value) + '&s2=' + escape($('s2').value) + '&s3=' + escape($('s3').value) + '&s4=' + escape($('s4').value) + '&f=' + $('font_name').value + '&fs=' + $('font_size').value + '&c=' + $('text_colour').value;
        /*update string container*/

        if( frontBack == 'f' )
        {
                $('f_b').value = 'f';
                $('fs1').value = $('s1').value;
                $('fs2').value = $('s2').value;
                $('fs3').value = $('s3').value;
                $('fs4').value = $('s4').value;
                $('f_font').value       = $('font_name').value;
                $('f_size').value       = $('font_size').value;
                $('f_preview_size').value = parseInt($('font_size').value)+25;
                $('f_colour').value     = $('text_colour').value;
                $('f_text_align').value     = $('text_align').value;
                $('f_top').value     = '0';
                
        }else{
                $('f_b').value = 'b';
                $('bs1').value = $('s1').value;
                $('bs2').value = $('s2').value;
                $('bs3').value = $('s3').value;
                $('bs4').value = $('s4').value;
                $('b_font').value       = $('font_name').value;;
                $('b_size').value       = $('font_size').value;
                $('b_preview_size').value = parseInt($('font_size').value)+25;
                $('b_colour').value     = $('text_colour').value;
                $('b_text_align').value     = $('text_align').value;
                $('b_top').value     = '0';
                
        }
        
        var myAjax = new Ajax.Request(
                url, 
        {
        method: 'post', 
                parameters: pars, 
                onComplete: showResponse
                });
}

function showResponse(originalRequest){

        var a_imageName = []
        a_imageName = originalRequest.responseText.split('|');
         var a_font = [];
         var s;
         var m;
         if( $('f_b').value == 'f' ) { a_font = $('f_font').value.split('_'); }else{ a_font = $('b_font').value.split('_');}
    
        if(a_font.length==2 && a_font[1]=='bold') { s='font-weight: bold;'} else if(a_font.length==2 && a_font[1]=='italic') { s='font-style: italic;'}else if(a_font.length==3) { s='font-weight: bold; font-style: italic;'}else if(a_font.length==1) { s='font-weight: normal; font-style: none;'};
        var t='<div style="position:relative;top:'+$('f_top').value+'px;width: 76px;font-family:'+a_font[0]+', Helvetica, sans-serif; font-size: '+$('f_size').value+'px;'+s+'color:#'+$('f_colour').value+';text-align: '+$('f_text_align').value+';" >' +$('fs1').value+'<br>'+$('fs2').value+'<br>'+$('fs3').value+'<br>'+$('fs4').value+'</div>';        
        //alert(t);
        if( $('f_b').value == 'f' )
        {       
                //$('frontPng').innerHTML = '<img src="/images/gen/' + a_imageName[0]  + '.png" width="76" height="86" />';
              
                $('frontPng').innerHTML ='<div style="width: 76px;font-family:'+a_font[0]+', Helvetica, sans-serif; font-size: '+$('f_size').value+'px;'+s+'color:#'+$('f_colour').value+';text-align: '+$('f_text_align').value+';" >' +$('fs1').value+'<br>'+$('fs2').value+'<br>'+$('fs3').value+'<br>'+$('fs4').value+'</div>'; 
                $('f_image').value = a_imageName[0];
        }else{
                $('backPng').innerHTML ='<div style="width:76px;font-family:'+a_font[0]+', Helvetica, sans-serif; font-size: '+$('b_size').value+'px;'+s+'color:#'+$('b_colour').value+';text-align: '+$('b_text_align').value+';" >' +$('bs1').value+'<br>'+$('bs2').value+'<br>'+$('bs3').value+'<br>'+$('bs4').value+'</div>';
                $('b_image').value = a_imageName[0];
                
        }
}

/*AJAX the even lesser*/
function getPreview2Image(frontBack){
        var url = 'http://www.majice.rs/majice/image-updates2';
        //var url = 'http://localhost/majice/image-updates2';
        var pars = 'fb=' + frontBack + '&s1=' + escape($('s1').value) + '&s2=' + escape($('s2').value) + '&s3=' + escape($('s3').value) + '&s4=' + escape($('s4').value) + '&f=' + $('font_name').value + '&fs=' + $('font_size').value + '&c=' + $('text_colour').value;
        //alert($('f_b').value);
        var myAjax = new Ajax.Request(
                url, 
                {
        method: 'post', 
                parameters: pars, 
                onComplete: showResponse2
                });
}

function showResponse2(originalRequest){
        /*var a_imageName = [];
        a_imageName = originalRequest.responseText.split('|');
        if( a_imageName[1] == 'f' )
        {       
                $('frontPreviewPng').innerHTML = '<img src="/images/gen/' + a_imageName[0]  + '.png" width="640" height="210" />';
                $('f_preview').value = a_imageName[0];
        }else{
                $('backPreviewPng').innerHTML = '<img src="/images/gen/' + a_imageName[0]  + '.png" width="640" height="210" />';
                $('b_preview').value = a_imageName[0];
        }
        */
        var a_imageName = []
        a_imageName = originalRequest.responseText.split('|');
        
        var a_font = [];
        var s;
        if( $('f_b').value == 'f' ) { a_font = $('f_font').value.split('_'); }else{ a_font = $('b_font').value.split('_');}
        if(a_font.length==2 && a_font[1]=='bold') { s='font-weight: bold;'} else if(a_font.length==2 && a_font[1]=='italic') { s='font-style: italic;'}else if(a_font.length==3) { s='font-weight: bold; font-style: italic;'}else if(a_font.length==1) { s='font-weight: normal; font-style: none;'};
        if( $('f_b').value == 'f' )
        {       
       
                //$('frontPng').innerHTML = '<img src="/images/gen/' + a_imageName[0]  + '.png" width="76" height="86" />';
                $('frontPreviewPng').innerHTML ='<div style="width: 640px;height: 210px;font-family:'+a_font[0]+', Helvetica, sans-serif; font-size: '+$('f_preview_size').value+'px;'+s+'color:#'+$('f_colour').value+';text-align: '+$('f_text_align').value+';" >' +$('fs1').value+'<br>'+$('fs2').value+'<br>'+$('fs3').value+'<br>'+$('fs4').value+'</div>'; 
                $('f_preview').value = a_imageName[0];
        }else{
                $('backPreviewPng').innerHTML ='<div style="width: 640px;height: 210px;font-family:'+a_font[0]+', Helvetica, sans-serif; font-size: '+$('b_preview_size').value+'px;'+s+'color:#'+$('b_colour').value+';text-align: '+$('b_text_align').value+';" >' +$('bs1').value+'<br>'+$('bs2').value+'<br>'+$('bs3').value+'<br>'+$('bs4').value+'</div>';
                $('b_preview').value = a_imageName[0];
                
        }
        calculateTotals();
}

/*AJAX the cart*/
function addToCart(){
        document.js1.submit();
      /*var url = 'http://www.strictsystem.com/majice/add-to-cart-image';
       var pars = '&fs1=' + escape($('fs1').value) + '&fs2=' + escape($('fs2').value) + '&fs3=' + escape($('fs3').value) + '&fs4=' + escape($('fs4').value) + '&f_font=' + escape($('f_font').value) + '&f_size=' + escape($('f_size').value) + '&f_colour=' + escape($('f_colour').value) + '&bs1=' + escape($('bs1').value) + '&bs2=' + escape($('bs2').value) + '&bs3=' + escape($('bs3').value) + '&bs4=' + escape($('bs4').value) + '&b_font=' + $('b_font').value + '&b_size=' + $('b_size').value + '&b_colour=' + $('b_colour').value + '&text_colour=' + $('text_colour').value + '&text_align=' + $('text_align').value + '&shirt_id=' + $('shirt_id').value + '&f_image=' + $('f_image').value + '&f_preview=' + $('f_preview').value + '&b_image=' + $('b_image').value + '&b_preview=' + $('b_preview').value + '&qty=' + $('qty').value + '&total_price=' + $('total_price').value + '&tshirt_colour=' + $('t_colour').value + '&t_size=' + $('t_size').value + '&t_title=' + $('t_title').value  + '&unit_price=' + $('unit_price').value + '&shirt_image_front=' + $('shirt_image_front').value + '&shirt_image_back=' + $('shirt_image_back').value + '&f_thumbnailName=' + $('fthumbnailName').value + '&f_mediumName=' + $('fMediumName').value + '&f_fileName=' + $('ffileName').value + '&b_thumbnailName=' + $('bthumbnailName').value + '&b_mediumName=' + $('bMediumName').value + '&b_fileName=' + $('bfileName').value + '&f_padding=' + $('fPadding').value + '&b_padding=' + $('bPadding').value + '&f_transparent=' + $('fTransparent').value + '&b_transparent=' + $('bTransparent').value;
        
        
        
        
        var myAjax = new Ajax.Request(
                url, 
                {
                        method: 'post', 
                        parameters: pars, 
                        onComplete: showResponse3
                });*/
}

function showResponse3(originalRequest){
        /*back with t-shirt text and success/failure*/
        var a_imageName = [];
        a_imageName = originalRequest.responseText.split('|');
        if( a_imageName[0] == '0' )
        {
                $('shoppingCartDetails').innerHTML = 'Sorry an Error Occurred!';
        }else{
                total = Number(a_imageName[3]);
                $('shoppingCartDetails').innerHTML = a_imageName[1];
                $('cartCount').innerHTML = a_imageName[2];
                $('cartTotal').innerHTML = total.toFixed(2);
                $('cartImage').update('<img src="/images/2007/smallcart-over.gif" width="21" height="17" alt="Shopping Cart" />');
                $('shoppingCartTable').style.backgroundColor = 'yellow';
                $('checkOutButton').update('<a href="https://secure.pistolclothing.com.au/cart-1"><img src="/images/2007/checkout-bluebox.gif" width="74" height="18" alt="Check Out" border="0" /></a>');      
        }
        showHideDiv('shoppingCart');
}

var myGlobalHandlers = {
        onCreate: function()
        {
                Element.show('systemWorking');
        },
        onComplete: function() {
                if(Ajax.activeRequestCount == 0)
                {
                        Element.hide('systemWorking');
                }
        }
};
Ajax.Responders.register(myGlobalHandlers);

function calculateTotals(){
        var qty = $('qty').value;
        var discountText;
        var discountPercent = 0;
        var totalcostWdiscount;
        
        if((
                $('fs1').value || $('fs2').value || $('fs3').value || $('fs4').value || $('ffileName').value
                )&&(
                $('bs1').value || $('bs2').value || $('bs3').value || $('bs4').value || $('bfileName').value 
                )){
                cost = $('two_sides_price').value;
        }else if(!($('fs1').value || $('fs2').value || $('fs3').value || $('fs4').value || $('ffileName').value || $('bs1').value || $('bs2').value || $('bs3').value || $('bs4').value || $('bfileName').value)){
            cost = 450.00;
        } else{
                cost = $('one_side_price').value;
        }
        
        /* work out bulk discount */
        if( qty >= 5 && qty <= 9 ){
                discountText = 'POPUST 5%';
                discountPercent = '.05';
        }else if( qty >= 10 && qty <= 24 ){
                discountText = 'POPUST 10%';
                discountPercent = '.1';
        }else if( qty >= 25 && qty <= 49 ){
                discountText = 'POPUST 15%';
                discountPercent = '.15';
        }else if( qty >= 50 && qty <= 99 ){
                discountText = 'POPUST 20%';
                discountPercent = '.2';
        }else if( qty >= 100 ){
                discountText = 'POPUST 25%';
                discountPercent = '.25';
        }
        totalcost = cost * $('qty').value;
        totalcostWdiscount = totalcost - (totalcost * discountPercent);
        $('unit_price').value  = cost;
        $('total_price').value = totalcostWdiscount;
        $('dollars').innerHTML = totalcostWdiscount.toFixed(2);
        
        if(discountPercent){
                $('discountText').innerHTML = '&nbsp;<strike class="style24">' + totalcost.toFixed(2) + 'din.</strike>' + '  &nbsp; <span class="style24" style="color:#FF2831;">' + discountText + '  <\span>';
        }else{
                $('discountText').innerHTML = '<span class="style24">&nbsp;Više od 5+ POPUST!<\span>';
        }
}
function toggleTransparent(side){

	prefix = side.substr(0,1);
	if($(prefix+'Img').value==0) {
      $(prefix+'Img').value=1;
      $s_image = '<img src="../images/uploaded/'+ $(prefix+'thumbnailName').value +'" alt="" '+ unescape($(prefix+'ThumbAtt').value) +' height="'+$(prefix+'ImageY').value +'" width="'+$(prefix+'ImageX').value +'" />';
			$m_image = '<img src="../images/uploaded/'+ $(prefix+'thumbnailNameT').value +'" bImageAtt alt="" '+ unescape($(prefix+'MediumAtt').value) +' height="'+$(prefix+'ImageMediumY').value+'" width="'+$(prefix+'ImageMediumX').value+'" />';
			$(side+'Image').update($s_image);
			$(side+'ImageMedium').update($m_image);
			$(prefix+'Transparent').value = 1;
    }else{
      $(prefix+'Img').value=0;
      $s_image = '<img src="../images/uploaded/'+ $(prefix+'thumbnailName').value +'" alt="" '+ unescape($(prefix+'ThumbAtt').value) +' height="'+$(prefix+'ImageY').value +'" width="'+$(prefix+'ImageX').value +'" />';
			$m_image = '<img src="../images/uploaded/'+ $(prefix+'thumbnailNameT').value +'" alt="" '+ unescape($(prefix+'MediumAtt').value) +' height="'+$(prefix+'ImageMediumY').value+'" width="'+$(prefix+'ImageMediumX').value+'" />';
			$(side+'Image').update("");
			$(side+'ImageMedium').update("");
			$(prefix+'Transparent').value = 0;
    }


}

function getDiv(frontBack){
        var url = 'http://www.majice.rs/majice/image-updates';
        //var url = 'http://localhost/majice/image-updates';
        var pars = 'fb=' + frontBack + '&s1=' + escape($('s1').value) + '&s2=' + escape($('s2').value) + '&s3=' + escape($('s3').value) + '&s4=' + escape($('s4').value) + '&f=' + $('font_name').value + '&fs=' + $('font_size').value + '&c=' + $('text_colour').value;
        /*update string container*/
    
        if( frontBack == 'f' )
        {
                $('f_b').value = 'f';
                $('fs1').value = $('s1').value;
                $('fs2').value = $('s2').value;
                $('fs3').value = $('s3').value;
                $('fs4').value = $('s4').value;
                $('f_font').value       = $('font_name').value;
                $('f_size').value       = $('font_size').value;
                $('f_preview_size').value = parseInt($('font_size').value)+25;
                $('f_colour').value     = $('text_colour').value;
                $('f_text_align').value     = $('text_align').value; 
                
                if($('f_top').value!='90'){ 
                  $('f_top').value = parseInt($('f_top').value)+10;
                  if(document.js1.goreNapred.disabled==true){
                    document.js1.goreNapred.disabled=false;
                  }
                }
                if($('f_top').value=='90'){
                  document.js1.doleNapred.disabled=true;
                }
               
              
             
        }else{
                $('f_b').value = 'b';
                $('bs1').value = $('s1').value;
                $('bs2').value = $('s2').value;
                $('bs3').value = $('s3').value;
                $('bs4').value = $('s4').value;
                $('b_font').value       = $('font_name').value;;
                $('b_size').value       = $('font_size').value;
                $('b_preview_size').value = parseInt($('font_size').value)+25;
                $('b_colour').value     = $('text_colour').value;
                $('b_text_align').value     = $('text_align').value;
                
                 if($('b_top').value!='90'){ 
                  $('b_top').value = parseInt($('b_top').value)+10;
                  if(document.js1.goreNazad.disabled==true){
                    document.js1.goreNazad.disabled=false;
                  }
                }
                if($('b_top').value=='90'){
                  document.js1.doleNazad.disabled=true;
                }
        }
        
        var myAjax = new Ajax.Request(
                url, 
        {
        method: 'post', 
                parameters: pars, 
                onComplete: moveDiv
                });
}

function moveDiv(originalRequest){

        var a_imageName = []
        a_imageName = originalRequest.responseText.split('|');
        var a_font = [];
        var s;
        if( $('f_b').value == 'f' ) { a_font = $('f_font').value.split('_'); }else{ a_font = $('b_font').value.split('_');}
        
        if(a_font.length==2 && a_font[1]=='bold') { s='font-weight: bold;'} else if(a_font.length==2 && a_font[1]=='italic') { s='font-style: italic;'}else if(a_font.length==3) { s='font-weight: bold; font-style: italic;'}else if(a_font.length==1) { s='font-weight: normal; font-style: none;'};
        var t='<div style="width: 76px;font-family:'+a_font[0]+', Helvetica, sans-serif; font-size: '+$('f_size').value+'px;'+s+'color:#'+$('f_colour').value+';text-align: '+$('f_text_align').value+';" >' +$('fs1').value+'<br>'+$('fs2').value+'<br>'+$('fs3').value+'<br>'+$('fs4').value+'</div>';        
        //alert(t);
        
        if( $('f_b').value == 'f')
        {       
                //alert($('f_top').value);
                //$('frontPng').innerHTML = '<img src="/images/gen/' + a_imageName[0]  + '.png" width="76" height="86" />';
                $('frontPng').innerHTML ='<div style="position:relative;top:'+$('f_top').value+'px;width: 76px;font-family:'+a_font[0]+', Helvetica, sans-serif; font-size: '+$('f_size').value+'px;'+s+'color:#'+$('f_colour').value+';text-align: '+$('f_text_align').value+';" >' +$('fs1').value+'<br>'+$('fs2').value+'<br>'+$('fs3').value+'<br>'+$('fs4').value+'</div>'; 
               
                
        }else{
                //alert($('b_top').value);
                $('backPng').innerHTML ='<div style="position:relative;top:'+$('b_top').value+'px;width:76px;font-family:'+a_font[0]+', Helvetica, sans-serif; font-size: '+$('b_size').value+'px;'+s+'color:#'+$('b_colour').value+';text-align: '+$('b_text_align').value+';" >' +$('bs1').value+'<br>'+$('bs2').value+'<br>'+$('bs3').value+'<br>'+$('bs4').value+'</div>';
               
                
        }
}

function getDivUp(frontBack){
        var url = 'http://www.majice.rs/majice/image-updates';
        //var url = 'http://localhost/majice/image-updates';
        var pars = 'fb=' + frontBack + '&s1=' + escape($('s1').value) + '&s2=' + escape($('s2').value) + '&s3=' + escape($('s3').value) + '&s4=' + escape($('s4').value) + '&f=' + $('font_name').value + '&fs=' + $('font_size').value + '&c=' + $('text_colour').value;
        /*update string container*/
    
        if( frontBack == 'f' )
        {
                $('f_b').value = 'f';
                $('fs1').value = $('s1').value;
                $('fs2').value = $('s2').value;
                $('fs3').value = $('s3').value;
                $('fs4').value = $('s4').value;
                $('f_font').value       = $('font_name').value;
                $('f_size').value       = $('font_size').value;
                $('f_preview_size').value = parseInt($('font_size').value)+25;
                $('f_colour').value     = $('text_colour').value;
                $('f_text_align').value     = $('text_align').value;
                
                if($('f_top').value!='-40'){ 
                  $('f_top').value = parseInt($('f_top').value)-10;
                  if(document.js1.doleNapred.disabled==true){
                    document.js1.doleNapred.disabled=false;
                  }
                }
                if($('f_top').value=='-40'){
                  document.js1.goreNapred.disabled=true;
                }
        }else{
                $('f_b').value = 'b';
                $('bs1').value = $('s1').value;
                $('bs2').value = $('s2').value;
                $('bs3').value = $('s3').value;
                $('bs4').value = $('s4').value;
                $('b_font').value       = $('font_name').value;;
                $('b_size').value       = $('font_size').value;
                $('b_preview_size').value = parseInt($('font_size').value)+25;
                $('b_colour').value     = $('text_colour').value;
                $('b_text_align').value     = $('text_align').value;
                
                if($('b_top').value!='-40'){ 
                  $('b_top').value = parseInt($('b_top').value)-10;
                  if(document.js1.doleNazad.disabled==true){
                    document.js1.doleNazad.disabled=false;
                  }
                  
                }
                if($('b_top').value=='-40'){
                  document.js1.goreNazad.disabled=true;
                }
        }
        
        var myAjax = new Ajax.Request(
                url, 
        {
        method: 'post', 
                parameters: pars, 
                onComplete: moveDivUp
                });
}

function moveDivUp(originalRequest){

        var a_imageName = []
        a_imageName = originalRequest.responseText.split('|');
        var a_font = [];
        var s;
        if( $('f_b').value == 'f' ) { a_font = $('f_font').value.split('_'); }else{ a_font = $('b_font').value.split('_');}
        
        if(a_font.length==2 && a_font[1]=='bold') { s='font-weight: bold;'} else if(a_font.length==2 && a_font[1]=='italic') { s='font-style: italic;'}else if(a_font.length==3) { s='font-weight: bold; font-style: italic;'}else if(a_font.length==1) { s='font-weight: normal; font-style: none;'};
        var t='<div style="width: 76px;font-family:'+a_font[0]+', Helvetica, sans-serif; font-size: '+$('f_size').value+'px;'+s+'color:#'+$('f_colour').value+';text-align: '+$('f_text_align').value+';" >' +$('fs1').value+'<br>'+$('fs2').value+'<br>'+$('fs3').value+'<br>'+$('fs4').value+'</div>';        
        //alert(t);
        if( $('f_b').value == 'f' )
        {       
        //alert($('f_top').value);
                //$('frontPng').innerHTML = '<img src="/images/gen/' + a_imageName[0]  + '.png" width="76" height="86" />';
                $('frontPng').innerHTML ='<div style="position:relative;top:'+$('f_top').value+'px;width: 76px;font-family:'+a_font[0]+', Helvetica, sans-serif; font-size: '+$('f_size').value+'px;'+s+'color:#'+$('f_colour').value+';text-align: '+$('f_text_align').value+';" >' +$('fs1').value+'<br>'+$('fs2').value+'<br>'+$('fs3').value+'<br>'+$('fs4').value+'</div>'; 
                
        }else{
        //alert($('b_top').value);
                $('backPng').innerHTML ='<div style="position:relative;top:'+$('b_top').value+'px;width:76px;font-family:'+a_font[0]+', Helvetica, sans-serif; font-size: '+$('b_size').value+'px;'+s+'color:#'+$('b_colour').value+';text-align: '+$('b_text_align').value+';" >' +$('bs1').value+'<br>'+$('bs2').value+'<br>'+$('bs3').value+'<br>'+$('bs4').value+'</div>';
                
                
        }
}

