| 449 |
rajveer |
1 |
function changeImageStatus(value){
|
|
|
2 |
|
|
|
3 |
var statusValue=value;
|
|
|
4 |
var count=1;
|
|
|
5 |
var countValue=parseInt(document.getElementById('preCount').innerHTML);
|
|
|
6 |
if(statusValue=="Next" && countValue!=3){
|
|
|
7 |
count=parseInt(countValue+1);
|
|
|
8 |
document.getElementById('preCount').innerHTML=count;
|
|
|
9 |
}else if(statusValue=="Next" && countValue==3){
|
|
|
10 |
|
|
|
11 |
countValue=0;
|
|
|
12 |
count=parseInt(countValue+1);
|
|
|
13 |
document.getElementById('preCount').innerHTML=count;
|
|
|
14 |
}
|
|
|
15 |
if(statusValue=="Previous" && countValue!=1){
|
|
|
16 |
|
|
|
17 |
count=parseInt(countValue-1);
|
|
|
18 |
document.getElementById('preCount').innerHTML=count;
|
|
|
19 |
}else if(statusValue=="Previous" && countValue==1){
|
|
|
20 |
|
|
|
21 |
|
|
|
22 |
countValue=0;
|
|
|
23 |
count=parseInt(countValue+3);
|
|
|
24 |
document.getElementById('preCount').innerHTML=count;
|
|
|
25 |
}
|
|
|
26 |
|
|
|
27 |
}
|
|
|
28 |
|
|
|
29 |
|
|
|
30 |
function changeImageStatus1(value){
|
|
|
31 |
var statusValue=value;
|
|
|
32 |
var count=1;
|
|
|
33 |
var countValue=parseInt(document.getElementById('preCount1').innerHTML);
|
|
|
34 |
if(statusValue=="Next" && countValue!=3){
|
|
|
35 |
count=parseInt(countValue+1);
|
|
|
36 |
document.getElementById('preCount1').innerHTML=count;
|
|
|
37 |
}else if(statusValue=="Next" && countValue==3){
|
|
|
38 |
|
|
|
39 |
countValue=0;
|
|
|
40 |
count=parseInt(countValue+1);
|
|
|
41 |
document.getElementById('preCount1').innerHTML=count;
|
|
|
42 |
}
|
|
|
43 |
if(statusValue=="Previous" && countValue!=1){
|
|
|
44 |
|
|
|
45 |
count=parseInt(countValue-1);
|
|
|
46 |
document.getElementById('preCount1').innerHTML=count;
|
|
|
47 |
}else if(statusValue=="Previous" && countValue==1){
|
|
|
48 |
|
|
|
49 |
|
|
|
50 |
countValue=0;
|
|
|
51 |
count=parseInt(countValue+3);
|
|
|
52 |
document.getElementById('preCount1').innerHTML=count;
|
|
|
53 |
}
|
|
|
54 |
}
|
|
|
55 |
|
|
|
56 |
|
|
|
57 |
|
|
|
58 |
//run the currently selected effect
|
|
|
59 |
function runEffect(){
|
|
|
60 |
$("#tab2").hide();
|
|
|
61 |
$("#tab3").hide();
|
|
|
62 |
$("#tab1").show();
|
|
|
63 |
|
|
|
64 |
$("#tabss-2").hide();
|
|
|
65 |
$("#tabss-3").hide();
|
|
|
66 |
$("#tabss-1").show();
|
|
|
67 |
//get effect type from
|
|
|
68 |
var selectedEffect = 'slide';
|
|
|
69 |
|
|
|
70 |
//most effect types need no options passed by default
|
|
|
71 |
var options = {};
|
|
|
72 |
//check if it's scale, transfer, or size - they need options explicitly set
|
|
|
73 |
if(selectedEffect == 'scale'){ options = {percent: 0}; }
|
|
|
74 |
else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
|
|
|
75 |
else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }
|
|
|
76 |
|
|
|
77 |
//run the effect
|
|
|
78 |
$("#vtab-1").effect(selectedEffect,options,500,callbackonload);
|
|
|
79 |
}
|
|
|
80 |
|
|
|
81 |
//callback function to bring a hidden box back
|
|
|
82 |
function callbackonload(){
|
|
|
83 |
setTimeout(function(){
|
|
|
84 |
$("#tabss-2").hide();
|
|
|
85 |
$("#tabss-3").hide();
|
|
|
86 |
$("#vtab-1:hidden").removeAttr('style').hide().fadeIn();
|
|
|
87 |
}, 1000);
|
|
|
88 |
}
|
|
|
89 |
|
|
|
90 |
|
|
|
91 |
/**/
|
|
|
92 |
|
|
|
93 |
|
|
|
94 |
var i=true;
|
|
|
95 |
function runEffect1(){
|
|
|
96 |
$("#tab1").hide();
|
|
|
97 |
$("#tab3").hide();
|
|
|
98 |
$("#tab2").show();
|
|
|
99 |
$("#tabss-1").hide();
|
|
|
100 |
$("#tabss-3").hide();
|
|
|
101 |
$("#tabss-2").show();
|
|
|
102 |
|
|
|
103 |
document.getElementById("tab2").style.background="background-image: url('images/tab_selc.gif') no-repeat";
|
|
|
104 |
var selectedEffect = 'slide';
|
|
|
105 |
|
|
|
106 |
//most effect types need no options passed by default
|
|
|
107 |
var options = {};
|
|
|
108 |
//check if it's scale, transfer, or size - they need options explicitly set
|
|
|
109 |
if(selectedEffect == 'scale'){ options = {percent: 0}; }
|
|
|
110 |
else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
|
|
|
111 |
else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }
|
|
|
112 |
//run the effect
|
|
|
113 |
$("#tabss-2").effect(selectedEffect,options,500,callback1);
|
|
|
114 |
|
|
|
115 |
if(i){
|
|
|
116 |
i=false;
|
|
|
117 |
$('#loopedSlider1').loopedSlider();
|
|
|
118 |
}
|
|
|
119 |
};
|
|
|
120 |
|
|
|
121 |
//callback function to bring a hidden box back
|
|
|
122 |
function callback1(){
|
|
|
123 |
setTimeout(function(){
|
|
|
124 |
$("#tabss-1").hide();
|
|
|
125 |
$("#tabss-3").hide();
|
|
|
126 |
$("#tabss-2:hidden").removeAttr('style').hide().fadeIn();
|
|
|
127 |
}, 50);
|
|
|
128 |
};
|
|
|
129 |
|
|
|
130 |
|
|
|
131 |
function runEffect2(){
|
|
|
132 |
$("#tab2").hide();
|
|
|
133 |
$("#tab3").hide();
|
|
|
134 |
$("#tab1").show();
|
|
|
135 |
|
|
|
136 |
$("#tabss-2").hide();
|
|
|
137 |
$("#tabss-3").hide();
|
|
|
138 |
$("#tabss-1").show();
|
|
|
139 |
var selectedEffect = 'slide';
|
|
|
140 |
|
|
|
141 |
//most effect types need no options passed by default
|
|
|
142 |
var options = {};
|
|
|
143 |
//check if it's scale, transfer, or size - they need options explicitly set
|
|
|
144 |
if(selectedEffect == 'scale'){ options = {percent: 0}; }
|
|
|
145 |
else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
|
|
|
146 |
else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }
|
|
|
147 |
|
|
|
148 |
//run the effect
|
|
|
149 |
$("#tabss-1").effect(selectedEffect,options,500,callback2);
|
|
|
150 |
};
|
|
|
151 |
|
|
|
152 |
//callback function to bring a hidden box back
|
|
|
153 |
function callback2(){
|
|
|
154 |
setTimeout(function(){
|
|
|
155 |
$("#tabss-2").hide();
|
|
|
156 |
$("#tabss-3").hide();
|
|
|
157 |
$("#tabss-1:hidden").removeAttr('style').hide().fadeIn();
|
|
|
158 |
}, 50);
|
|
|
159 |
};
|
|
|
160 |
|
|
|
161 |
function runEffect3(){
|
|
|
162 |
$("#tab1").hide();
|
|
|
163 |
$("#tab2").hide();
|
|
|
164 |
$("#tab3").show();
|
|
|
165 |
$("#tabss-1").hide();
|
|
|
166 |
$("#tabss-2").hide();
|
|
|
167 |
$("#tabss-3").show();
|
|
|
168 |
|
|
|
169 |
document.getElementById("tab3").style.background="background-image: url('images/tab_selc.gif') no-repeat";
|
|
|
170 |
var selectedEffect = 'slide';
|
|
|
171 |
|
|
|
172 |
//most effect types need no options passed by default
|
|
|
173 |
var options = {};
|
|
|
174 |
//check if it's scale, transfer, or size - they need options explicitly set
|
|
|
175 |
if(selectedEffect == 'scale'){ options = {percent: 0}; }
|
|
|
176 |
else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
|
|
|
177 |
else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }
|
|
|
178 |
//run the effect
|
|
|
179 |
$("#tabss-3").effect(selectedEffect,options,500,callback3);
|
|
|
180 |
|
|
|
181 |
};
|
|
|
182 |
|
|
|
183 |
//callback function to bring a hidden box back
|
|
|
184 |
function callback3(){
|
|
|
185 |
setTimeout(function(){
|
|
|
186 |
$("#tabss-1").hide();
|
|
|
187 |
$("#tabss-2").hide();
|
|
|
188 |
$("#tabss-3:hidden").removeAttr('style').hide().fadeIn();
|
|
|
189 |
}, 50);
|
|
|
190 |
};
|
|
|
191 |
|
|
|
192 |
|
|
|
193 |
function selectMenu(id){
|
|
|
194 |
$("#b").show();
|
|
|
195 |
$("#a").show();
|
|
|
196 |
$("#d").show();
|
|
|
197 |
$("#b1").hide();
|
|
|
198 |
$("#a1").hide();
|
|
|
199 |
$("#d1").hide();
|
|
|
200 |
id1="#"+id;
|
|
|
201 |
$(id1).hide();
|
|
|
202 |
id2="#"+id+"1";
|
|
|
203 |
$(id2).show();
|
|
|
204 |
}
|